图标的基本知识
图标的分类
1按功能分
a、启动图标:必须要考虑公司的UI颜色,与公司的logo相关,容易识别的,区别于同类的。
b、应用图标:易识别,有交互特点的,允许配文字。
c、功能图标 如电池。又叫装饰性图标,主要用来提升设计风格
2、按设计风格分
a、剪影图标
特点:线(线与阴影的结合)、面(鲁宾之杯)或者线面结合,风格要统一
1、纯平面仅仅通过色块进行组合
2、长投影。谷歌的四大设计:长投影、侧边栏、卡片式设计、Material Design
3、微立体 特点根据相界面的明暗关系建立立体效果。
4、轻质感 颜色选取较为明亮,饱和度低。
5、折叠风
6、多边形
b、扁平图标
c、拟物图标
d、写实图标
图标设计的三大原则:
1、识别性:可识别性原则,意思是说,图标的图形,要能准确表达相应的操作。换言之,就是我看到一个图标,就要明白他所代表的含义,这是图标设计的灵魂。可以当之无愧称之为图标设计的最基础原则。
2、一致性:如果一套图标的视觉设计非常协调统一,我们会感觉这套图标具有自己的风格,这样的图标看上去也会更美丽,更专业,同时也会增强用户的满意度。
如果我们堆砌各种不同风格的图标,显然由于没有完全配套的图标,只能东拼西凑,导致界面粗制滥造,感觉业余。体验很差。
3、兼容性:图标设计需要考虑系统与硬件的双重兼容。
在不同系统,不同硬件设备与不同的使用场景下,需要设计各种规格的图标。
不建议直接的放大缩小设计,在设计初需要考虑好适配时的预留修改空间。
图标创意设计步骤:
第一步:主题(主题包括两个部分:造型主题与色调主题)
1、首先确定明确设计的主题与客户的要求,在不明确的情况下,要进行分析沟通,确立主题。
2、分析内容主要包括:主要针对人群,人群特性及习惯、场景,APP行业特性,APP所解决的核心问题与用户痛点。
3、搜集业内已有或相关APP图标的成功设计方案,加以分析。做到不雷同以及脱颖而出。
4、色、暖色、冷色等。
第二步:关键词(关键词不仅仅包括设计主题)
1、在提炼的主题基础上将关键词写下来。例如:足球咨询图标关键词为:足球、咨询。
2、考虑其他的设计要求例如所针对人群的喜好:白领人群、在校大学生等等。还有客户的其他要求,一并写下来。
3、推荐使用思维导图软件整理思路。
第三步:图形化(切记不要此步骤先行,会导致思维混乱)
1、将提炼的关键词罗列出来之后,将可以视觉化的元素,象征元素提炼出来。
2、注意此步骤不要写的太笼统,所提炼的元素必须可以用图形展示。
3、提炼完毕后,寻找相关图片素材,切忌闭门造车。
第四步:筛检(筛检过程中可以对主题进行修整)
1、将不直观,不够有趣、美观与其他公司相像的图片素材筛除。
2、此阶段对象征性不够,无法视觉化表达的主题与关键词进行处理。
3、素材大多不刻意直接使用,需要二次加工与修整。
第五步:出图
1、确立色调3-5个颜色之内为宜。确立详细构图。
2、画出草图。
3、将草图实现成为最终图片。