PS设计教程网欢迎你!

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

文章来源于 UI中国,感谢作者 雪笛灵漪 给我们带来经精彩的文章!
设计教程/设计理论/设计理论2018-04-09
▲ 衣服的投影来源于后面背板的黄色,颜色值加深和增强。 这种投影时候时候其实也并不难,能简单几步快速实现这个效果,下面以一个按钮在sketh里面示范。 ● 照片投影 顾名思义,它的特点是投影本身是在原照片上做

 

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

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

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

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

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

● 照片投影

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

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

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

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

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

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

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

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

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

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

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

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

● 长投影

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

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

总结

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

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa