育通教育
我们作为UI设计师,一开始入门接触多的就是图标,而现在很多设计师都钟爱线性图标,导致很多新手设计师也跟随主流的脚步选择线性图标去设计,但是线性图标是不是真的像我们看起来那么简单呢?技巧分成了一下几点:1、线性图标的特征2、描边怎么选?3、选择钢笔还是布尔运算?4、断点图标怎么处理?5、线性图标的注意事项6、划重点
1、初步认识UI:了解UI设计师的角色定义和价值体现,UI的含义、UI设计师的含义。
2、学习内容:学习设计基础、字体、构图、手绘等基础技能。快速培养UI设计师的视觉敏锐度,和绘画能力。
3、二维造型:二维简约图标绘制原理与技法,各种材质质感表现。
4、三维造型:(物体的体积、结构、透与光影表现)。
5、色彩原理:色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系,色彩的装饰美感及色彩的表现方法。
6、设计软件应用:以Photoshop软件为工具,讲解书籍封面设计、海报设计、广告设计、影楼后期处理、包装设计、喷绘设计、画册设计、DM设计等企业实际工作中的具体项目。
7、矢量图形绘制软件Illustrator为工具,标志设计、字体设计、图形设计、企业VI设计、卡通形象设计等企业实际工作中的具体项目。
8、字体专项:字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志及在广告设计中的实际应用。
9、版式专项:版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、海报等中的应用。
10、平面项目:结合软件、色彩、字体及版式的学习,针对宣传单、折页、名片、海报及VI做专题设计,提升综合应用能力及平面UI设计能力。
为什么大部分的产品会使用2px和3px的线性图标呢?因为图标线条的宽度越大,可展示的细节就越少,但是图标的表现力却能够得到极大的提升,这也是为什么面性图标的直观表现力一直都比线性要好的原因。线性图标线条的宽度越小,能展示的细节就越丰富,同时直观的表现力也会降低,因为东西太多会产生视觉干扰。当然现在也有少数一些产品的线性图标用1px和4px,而且也在图标上做了减法,所有我们会看到一些用1px的图标整个图形表现很简单,但是因为线条太细,导致整个底部操作栏的图标视觉表现上偏弱.而4px的图标会显得略微厚重。因此线性图标表达力好的是在2px和3px,同时减少一些图标细节,能够更大的提升图标的表达力,但是同样的图形,面性的图标直观表现力要优于线性图标,因此面性图标属于更易上手。
以sketch来画图标举例,首先我们需要遵循像素网格,点击sketch顶部右上角,选择显示像素,你会发现你的界面从矢量变成了像素,这么做的好处是能够保证我们的图标在画的时候能看出来有没有虚边。在画线性图标的时候,我们首先面对的问题就是选择是内描边、外描边还是居中?这个时候我们面对的是两种情况,当你的描边像素是偶数的时候,比如:2px,4px,居中,内外描边视觉上看起来都是ok的,就算是在显示像素网格的情况下,也不会发生虚边的情况。但是如果描边数值变成奇数的时候,比如:1px,3px,5px,这个时候就不能用居中,应该使用内或者外描边,因为居中的描边会模糊掉。在做闭合路径的线性图标时,通常采用内描边的对齐方式,因为外描边的矢量图形视觉上其实是比实际数值要大的,不利于我们控制图标大小。而且描边的数值一定不要出现2.31或者1.68这样的情况。
下一篇:没有下一篇了
QQ咨询
微信咨询