内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

icon小白必看

2017-08-12 09:09 出处:清屏网 人气: 评论(0

一、制作icon的基本原则

二、让你的icon更加出彩

三、制作icon的经验方法

01. 使用网格

02. 使用面板精确控制,为整数像素(完美像素)

03. 保持厚度一致,尽量让厚度为2的倍数

04. 用形状表现轮廓

05. 不要出现断开的路径

一、    制作icon的基本原则

1. 站在“老大”角度思考,为目标受众设计

在制作icon前一定要找到你的目标受众,弄清楚你为谁设计。这样才能解决销售的问题,搞清 需求才是设计的开始。不要单凭自己的感觉来,而忽略的目标受众。

2. icon不必过于复杂

清晰的表达含义,让人一眼就知道其中意思,不需要思考。复杂又表述不清会误导用户。

3. 应用在你的网站或应用中

制作的图标要在实际的网站或应用中进行应用测试,通过icon的不同颜色、选中未选中等相互对比,找到最合适的icon进行设计。

4. 教客户或其他使用者使用你的icon

制作完成的icon,要教会icon使用者充分利用你的icon,让你的icon以最佳方式呈现。让客户觉得效果最好,让你显得更加专业。

一、    让你的icon更加出彩

1. 统一icon风格

icon的漂亮且一致才是关键,在制作前要准备好制作的风格,不要边做边想。一旦决定要制作的风格,就要坚持每一个图标都保持一致。保持整体的魅力和价值。

— 腾讯云icon —

2. 可以使用相同元素在你的每一个icon中

在icon中使用相同元素会让icon看起来更加整体,且具有一定的独特可识别性,例如:你在一个icon中使用了品牌的某一个小元素或是仅仅就画了一个圆,那么你应该在下一个icon需要使用品牌元素或者圆的时候直接复制它。

3. 使用一套色板

当全部icon制作完成时,它的颜色应该出自同一个色板,保存颜色统一相当重要。当然,你可以制作深色与浅色两种来配合在不同背景下的使用,依然要保持颜色统一。不要让你的图标眼花缭乱。

- Justas Galaburda -

一、    制作icon的经验方法

1. 使用网格

合理使用网格制作icon会加快你的速度,同时也能让你更加标准。虽然网格有很多好处,但也不要被网格给限制。在大多数情况下复杂的网格也不是那么重要,合理利用。要记住它只是让你更严格的工具。

2. 使用面板精确控制,为整数像素(完美像素)

Ai使用变换面板,Sketch使用检查器来精准制作你的icon,切记不要使用纯手工调制。当然数位板手绘icon除外。

保持整数像素,从局部查看为整数,从整体查看也应为整数。绘制完成后Ai可使用像素预览来观察icon是否对其像素。之后得到你的完美像素icon。

3. 保持厚度一致,尽量让厚度为2的倍数

让每个图标的厚度保持一致,同时建议厚度尽量使用2的倍数。因为假如你在一个32px*32px的画板绘制一个31px*31px的icon,那么当把画板缩小到16px*16px时,icon变为了15.5px*15.5px。这样违背了我们上面说过的要保持整数像素。应该尽量避免这种情况的出现。

4.    用形状表现轮廓

请记住,当你要绘制一个32px*2px厚度时候,应该绘制32px*2px的矩形,而不是绘制一个32px*2px的线或轮廓。

5.   尽量不要出现断开的路径

切记,不要出现断开的路径,想办法把你的路径完全闭合。让它成为一个完美的icon。

接下来导出你的icon吧,它肯定很棒。

文章最后感谢腾讯云,Adobe,Justas Galaburda的图片支持。

分享给小伙伴们:
本文标签: icon

相关文章

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号