专栏名称: 微交互
分享交互经验,提升产品用户体验。帮助您打造优秀产品。细节设计成就卓越产品。
目录
相关文章推荐
龙爪槐守望者  ·  于谦家的黄瓜 ·  昨天  
超人的电话亭  ·  京东外卖的图标设计思路拆解 ·  2 天前  
龙爪槐守望者  ·  Flowstep——AI生成用户流程图、线框 ... ·  3 天前  
51好读  ›  专栏  ›  微交互

手机界面小图标,怎么设计才符合甲方爸爸的喜好?

微交互  · 公众号  · 设计  · 2017-06-23 08:02

正文

请到「今天看啥」查看全文


绘制方法


这些图标用什么方法画呢?是用好几个圆切出来么?就像下图一样:


答案是不,这种用圆切的教程实在太多了,导致我当年自学的时候也以为画小图标要这样,但其实不是的,这种切的方法是在做 Logo 时用到的,我们做 UI 的基本不用。做一个这样的 Logo 可能需要几天的时间,再加上计算和黄金分割就更久了,苹果公司和锤子科技的 Logo 都是用这种方法做了很久才完成的。

我们做小图标要求要快,有时候一个页面里可能就有十几个图标需要绘制,如果每个图标都画好几天的功夫去切,那要做到猴年马月啊。在工作中,UI 设计师绘制小图标的方法非常简单,就是把简单的图形进行组合和调整,比如三角形,正方形这些图形,先组合它们然后进行旋转,镜像等操作。最后再进行布尔运算,就是路径的相加相减。一个小图标就画好了。



当然,有很多同学可能看完了文章也还是觉得云里雾里,不知道该如何下手去画一个漂亮的小图标,所以在这里要给大家送一个小小的福利啦!我们特地联合潭州UI设计学院,开始为期三天的 免费UI直播课程教学 ,不管你是设计小白还是想提升自己的UI设计师,在直播课程中老师都会针对大家各自的情况来一一进行解答。







请到「今天看啥」查看全文