您现在的位置:首页 > LOGO教程 > ui如何画好一组线性图标简单的图标画法

ui如何画好一组线性图标简单的图标画法

时间:2018-04-28 11:31 [ ] 来源:网络 已被浏览1421

5. 绘制过程中要注意的点

画图标的时候要对齐网格,改变图标大小的时候,注意是不是两边同时缩放,有没有造成半像素,有的话就手动拖动图标对齐网格。

可以使用内描边来进行线性图标的绘制,这样更容易对齐网格,但是内描边只要使用钢笔加点来断点的话,就会自动变成居中描边。那么使用内描边的时候怎么进行断点?可以把描边进行对象 – 扩展,转为形状,然后用布尔运算来剪切。由于太麻烦,我一般使用居中描边(不推荐居中描边是因为在手机界面中的线性图标一般是3像素,居中描边怕出现半像素,影响清晰度),但经过检验,只要注意把线拖动对齐网格,不会影响清晰度。

补充一个知识点:手机界面中的图标,线性一般是用3像素,因为2像素太细,4像素又显得太笨重;当2倍图的时候用3像素,3倍图的时候就会变成4.5像素,所以3倍图的时候要手动把4.5调成4或者5像素。

6. 什么是图标的统一性和差异性

在这里的统一性不是指所有的图标里面都要用一模一样的元素,而是图标的线粗细、断点的距离、元素的大小、切割的距离、同样的色调、风格的一致。当所有的图标在里面都使用一样的元素,会造成辨认困难。下图2.6.1,一眼看过去,一模一样的笑脸降低了识别率。

差异性是指在统一的风格下,通过造型能力,进行图标的区别,增加辨识度。

uisdc-tb-20180425-11.jpg

三、线性图标画完后如何创造风格

1. 多彩底色线性图标风格

uisdc-tb-20180425-12.jpg

2. 同色调线面结合风格

uisdc-tb-20180425-13.jpg

图标的造型塑造都是一样的原理,关键是风格的形成,需要不断的尝试。前期可以在 dribbble、站酷、花瓣、各位大神的作品展示平台多看看,学习一些优秀的图标造型塑造方法、风格、配色,通过大量练习和尝试,慢慢就可以找到属于自己的那套画法。

四、图标的导出及展示

上面说过,我在 AI 中造型完毕,会拉到 sketch 或者 PS 里面修饰。

导到 sketch 里面的方法(即导 svg 方法):把单独的图标扩展,然后编组,每个图标是独立的一个编组,拉到「资源导出」那里,选择导出 svg 格式,直接就可以拖到 sketch 里面用。

导到 PS 里面的方法:选择单独图标,复制粘贴到 PS 里面,再进行美化。

我常用的图标展示方式之一:

uisdc-tb-20180425-14.jpg

uisdc-tb-20180425-15.jpg

五、创建属于你的个人图标库

阿里的图库 iconfont 是国内非常强大的图标库,标志网 www.cnlogo8.com 上万种logo设计风格参考 不仅图标风格众多,还有代码可以调用,十分方便。个人还可以上传到图标库里给别人使用,并且现在 sketch、axure 里面都有 iconfont 的插件,可以随时调用。

 

六、总结

只有少数人是天才,大多数情况下我们都要通过大量的练习,才能促成质变。一开始画不好不要气馁,只要勤奋,明天的你永远会比今天的你要进步得多。不要偷懒套用别人的图标,设计师最不应该丢的是自己的创造能力。如果我的文章能给你提供一点帮助,是我的荣幸

TAGS: ui图标
本文原文地址:http://www.cnlogo8.com/photoshop/106436.html转载请注明原站地址