在过去很长的一段时间里面,当客户要求需要一个有真实感的元素的时候,设计师都会有冲动打开PS,在元素图层样式里添加斜面和浮雕的混合选项。
了解更多请关注高瑞设计:http://www.gaoruiad.com/
在修图技术相对匮乏的90年代和2000年初,浮雕和斜面是让按钮等元素拥有真实质感的最强大武器之一,说句不好听的,这个阶段,但凡是可交互的元素,设计师们恨不得把它们都给加上斜面和浮雕效果。
斜面和浮雕效果几乎充斥在我们早期对于图形化界面的全部记忆当中,无处不在的Windows XP系统,Nokia的手机界面,甚至现在的许多ATM机的界面设计依然保留着斜面和浮雕特效的按钮。
然而最新一波的简约扁平设计风已经在整个设计圈刮了快7年了。
绝大多数的情况下,这种硬朗而又略显复古的硬质边缘已经被渐变的色彩和微妙的阴影所替代。
The World of Adrian Le Bas 的设计就是很典型:
高光玻璃效果
当然,之前所说的斜面和浮雕效果并没有完全被抛弃,只不过它们现在更多存在于一些更加华丽的设计当中。
如果单独使用斜面效果,可以制作出扁平化流行开来之前非常流行的高光玻璃效果。
这种效果能够让许多设计元素拥有类似塑料和玻璃的光泽感。
这种设计最早可以追溯到上一次设计风格革命的源头之上:Mac OS X Deveoper Preview 3 的“抄现实”设计让GUI的设计走进了拟物化设计。
随后,新生的Windows Vista也具备了与MacOSX 的“Aura”设计语言类似的光影特效,微软将这种美学风格命名为Aero,其中最典型的就是高光玻璃效果。
高光毛玻璃效果的普及,Windows Vista 及其之后的系统功不可没。
虽然毛玻璃效果现在还没有被完全干掉,但是绝大多数的设计师已经彻底放弃这种设计效果了。
更加微妙的特效是时下的大趋势,如果你依然采用这样的设计元素,会让你的网站和APP显得像是Web 2.0 时代的产物。
当然,使用高光毛玻璃效果更多是为了吸引用户的注意力,好在现在有很多其他的替代方案来达成这一目的,单纯的色彩对比都能做到这一点,比如Shopify 的设计: