关于投影的运用是需要去理性思考的,需要考虑页面场景,如果是效率形页面,可能是列表更加合适,投影的目的也不是为了界面好看而添加的,而是让用户对于信息的理解更加简单。
杰出的设计源于生活但必须高于生活这样的话,现实生活中随处可见的影子在设计工作中一样常见,使用的也越来越广泛,那么该有人问了:影子层次越多越出彩吗?
我的回答是:并不全是这样!
在设计中,影子的作用有很多,比如:丰富画面层次、拉伸作品的空间感、加强产品立体感、增加作品细节……
几乎所有的设计师在扁平化处理以后对于扁平化赞不绝口,作为新的趋势,它让信息更加简洁,内容更加干净,在所有的设备上看起来很一致性,但是扁平化发展到今天我们需要去思考,没有差异性的设计真的是美的么?扁平化的设计问题在于,它让UI的层次变动困难,让用户不得不去关注你内容组件本身。微妙的投影对于增强页面的信息结构有很重要的作用,在现代界面设计中,里面大大增强了层次感,这种依赖于光特效,阴影和材质的效果,让整个效果更加符合未来的一种界面设计方向。
投影从早期每个按钮有精致的渐变,圆角和阴影,到后面的扁平化所有页面全部拍平,千篇一律,于是设计师重新将新的元素与平面结合,出现了彩色投影,更加强调的材质本身的颜色。
卡片投影
使用阴影突出显示两个组件之间的高程差异。阴影可以应用于多个组件,包括卡片,菜单,侧边栏和工具提示。一般投影会区分几个不同的区间,从小到大,分为小中大,根据实际场景来选择不同的投影深度。
现实生活中,影子的形态有很多种,比如硬投影、虚化投影、倒影、悬浮投影、长投影等等,投影形态的不同也代表着物体所处状态的不同。
同理在设计中,投影形态一样可以参考现实生活中的。而且图层样式里(fx)的投影在设计工作也很实用。前面说了,设计中的影子并不全是层次越多越好,比如接下来要说的色块,这里简单的把色块分为无彩色块和有彩色块。
无彩色块
无彩色,俗称黑白灰,投影颜色大多以灰色为主,若色块底部有颜色,也可以使用比底部颜色偏暗的颜色作为投影颜色,投影模式常用正片叠底。
弥散投影
和上面卡片投影差别是,弥散投影颜色一般为物体材质本身的颜色,而不是黑白灰。
照片投影
它的特点是投影本身是在原照片上做了照片模糊处理,目前在苹果一系列产品中看见过它的身影,比如iOS11的苹果音乐,它效果很柔和,通透富有光泽和活力色彩。
长投影
这个效果记得是在12年扁平化刚流行起来的时候,可惜过了一年左右就被历史所遗忘了,现在除了偶尔在平面设计里面看到长投影运用,UI领域是很少再出现了。