Mixlegno手工艺集团型网站设计

网站赏析：

正如标题所言，这是一个与手工艺集团相关的网站。这是一个商业和企业型的网站 , 网站整体富有一定的设计感。大背景图片的展示 , 以及短视频作为背景的设计都能展示出网站的简洁个性。转场的动画效果的设计以及GSAP动画效果的使用也展示出了设计师与众不同的独特设计 , 从整体上来看 , 网站十分贴合主题。

设计看点：

1. 线条类创意元素的使用 , 网站在对应内容的展示过程中 , 使用相同的设计元素来起到呼应的作用选用。在传达信息的同时 , 其抽象的感知能赋予网页以艺术感 , 是网站显得专业且优美。

    ○ 首先是网站的首页banner的展示 , 可以看到的是 , 标题在展示的同时 , 伴随着背景中的规则线条的装饰 , 有放大视觉的效果。线条组成的一个个嵌套的矩形图形 , 让标题看上去更加有个性 , 吸引用户眼球。

    ○ 首先是网站的首页banner的展示 , 可以看到的是 , 标题在展示的同时 , 伴随着背景中的规则线条的装饰 , 有放大视觉的效果。线条组成的一个个嵌套的矩形图形 , 让标题看上去更加有个性 , 吸引用户眼球。点击进入具体对应的模块时 , 页面中也会出现和首页中相同的线条元素 , 如下图中展示到 , 这样的设计能够时刻做到网站的相互对应。2. 动态效果设计上 , 网站中使用到了GSAP动画设计 , 还包括了微交互动态效果的设计 , 因而整个网站看上去富有动态的美感。动态效果的设计在一定程度上能够让用户有较好的视觉上的享受 , 也能够平衡网页整体的协调性。

    ○ 在首页的展示中 , 可以看到背景是有短视频构成的。这样的设置能够让用户直观的看到网站的主题 , 具有带入感。短视频的演绎 , 展示出了手工艺技术的专业性 , 更加真实可靠。

    ○ 如同下图中展示的一样 , 在每个具体模块的详情页中 , 微交互的动态效果的设计也是网站的亮点。当滚动鼠标时 , 页面会发生如下图展示的效果。这样的设计 , 可以让网页具有延展性 , 在浏览时具有放大视觉的效果。

3. 排版样式上 , 网站在图文内容的展示上主要是采用了卡片型版式 , 较为工整简洁。卡片型版式能够让用户合理区分出层级之间的关系 , 让页面间的整体框架更加清晰。

    ○ 如下图中展示 , 简洁的卡片型版式的图片展示能够给用户带来视觉上的享受 , 利用留白的构图方式来突出展示所要呈现的图片 , 让页面看上去更加具有设计感。