Shape设计行业网站设计

网站赏析：

正如标题所言，这是一个与设计和制造相关的网站。Shape是一家专业的设计和制造工作室‌。‌专门为室内装饰，展览，艺术品和活动的商业客户创造独特的空间体验。‌Shape所做的一切都是完全定制的‌，作为品牌个性的外在表达‌。从该网站的设计 , 我们也能感受到它的独特风格。从整体来说 , 在网站的页面当中 , 无论是从对光效的展示还是滤镜效果下页面给人的感觉网来说 , 都能给人留下较深的印象。内页展示中 , 偏向简约风 , 内容在不显空洞的同时 , 展示出了网站的设计感。

设计看点：

1. 在效果展示上 , 网站中页面的转场效果以及视差效果等等能在视觉上带来不一样的体验。在展示了网站的同时 , 有提升了网站的质感 , 富有自己的特性。

    ○ 在首页中 , 如下图显示 , 背景是一张动态效果图 , 镂空的logo与实心的大标题能够形成对比 , 吸引用户的眼球。当鼠标上移到标题处时 , 会发生如下的视差效果。这样的设计效果比较富有个性 , 在首页成为了一个设计小亮点。

 ○ 在页面的切换过程中 , 我们可以看到在每一次转场中 , 都用到了以logo作为背景的加载动画。这样的转场效果的设计 , 可以凸显出网站的品牌形象 , 也让用户有更好的使用体验。

2. 在人机交互的实现上 , 不难发现的是 , 在一个页面中可能有多个按钮可以指向同一个物体 , 这样的设计能让用户更加便捷 , 能够让用户直观的看清网站整体的脉络。

    ○ 如下图显示 , 我们可以看到"explore this project" , "Projects" , "All Projects" 这几个按钮都指向"项目"这一主题。这样的设计更能强调这一主题的重要性 , 让用户可以有多种查看项目的途径。

3. 图文排版样式上 , 从整体上来看 , 文字与图片相互搭配使得页面看上去简洁大气 , 主次分明。 

    ○ 如下图显示 , 在项目详情页中 , 单纯的文字显示 , 再搭配上背景的装饰 , 整个页面显得饱满有力。图片的排版凸显出了网站的质感 , 增加了页面的美感。4. 在颜色搭配上 , 黑色与黄色的搭配在视觉上本身就存在明显的差异 , 包括网页中鼠标的样式及颜色 ,  都能成为网站的一个小亮点。

    ○ 如下图显示 , 这是页尾的设计。不同于页头的颜色搭配 , 背景选用了较为明亮的黄色 , 而此时鼠标移动到上方时 , 将会发现鼠标显示的圆圈变成了黑色。两种颜色能形成鲜明对比 , 使得页面主次分明。