零基础学网页UI设计
上QQ阅读APP看书,第一时间看更新

1.5.1 拟物化风格

拟物化风格要求网页中的一些元素在外观上模拟真实物体的材质、质感、细节、阴影和光亮等特征,并且要求网页中的人机交互也模拟现实中的互动方式。

虽然拟物化的风格设计可以向浏览者传达丰富的人性化感情,但是拟物化本身就是约束,在网页设计上过多使用,会限制功能本身的设计。图1-26所示为拟物化风格网页UI。

图1-26 拟物化风格网页

☆ 提示

网页的设计风格也有潮流趋势,当读者了解了每种设计风格的含义与特点之后,再结合其他的业务需要来最终确定网页产品的设计方案。

☆ 小技巧:拟物化风格的特点

在扁平化风格流行之前,大行其道的设计风格是拟物化的设计风格。在拟物化设计风格盛行的时候,网页中的主打产品或者主流模块都有一些类似的设计美学,例如一些立体、内阴影和外阴影等因素。初看到这些界面元素的时候,大多数浏览者会觉得惊艳,但是看久了就会觉得不过如此。另外,拟物化风格设计有一定的排他性,如果将网页中的图标设置成拟物化风格,但是各个图标的风格不能统一,就会让人觉得网页UI非常混乱。