如何使用投影技巧来提高UI界面品质(3)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:UI中国   作者:雪笛灵漪

关键词

▲ 衣服的投影来源于后面背板的黄色,颜色值加深和增强。

如何使用投影技巧来提高UI界面品质,PS教程,思缘教程网

如何使用投影技巧来提高UI界面品质,PS教程,思缘教程网

这种投影时候时候其实也并不难,能简单几步快速实现这个效果,下面以一个按钮在sketh里面示范。

如何使用投影技巧来提高UI界面品质,PS教程,思缘教程网

● 照片投影

顾名思义,它的特点是投影本身是在原照片上做了照片模糊处理,目前在苹果一系列产品中看见过它的身影,比如iOS11的苹果音乐,它效果很柔和,通透富有光泽和活力色彩。

如何使用投影技巧来提高UI界面品质,PS教程,思缘教程网

如何使用投影技巧来提高UI界面品质,PS教程,思缘教程网

如何使用投影技巧来提高UI界面品质,PS教程,思缘教程网

照片投影目前iOS11代码是可以实现的,同样简单几步就能出效果。

如何使用投影技巧来提高UI界面品质,PS教程,思缘教程网

如何使用投影技巧来提高UI界面品质,PS教程,思缘教程网

如何使用投影技巧来提高UI界面品质,PS教程,思缘教程网

如何使用投影技巧来提高UI界面品质,PS教程,思缘教程网

如何使用投影技巧来提高UI界面品质,PS教程,思缘教程网

那么一个骚气通透的模糊效果就出来了,然后我们可以保存成Symbol,这样在Syboml里面改变图片就可以得到更多效果。

如何使用投影技巧来提高UI界面品质,PS教程,思缘教程网

● 长投影

这个效果在12年的时候流行过,可惜过了一年左右就被历史所遗忘了,现在除了偶尔在平面设计里面看到长投影运用,UI领域是很少再出现了。

如何使用投影技巧来提高UI界面品质,PS教程,思缘教程网

总结

关于投影的运用是需要去理性思考的,,需要考虑页面场景,如果是效率形页面,可能是列表更加合适,投影的目的也不是为了界面好看而添加的,而是让用户对于信息的理解更加简单。

 收藏