UI设计基础教程.doc

word
word
1 / 9
word
图标设计根底教程
UI最重要组建之一就是图标，随着扁平化设计的开展趋势，越来越注重图标的简洁与寓意表达，平面图标已占主导地位。`
【一】概念类别
扁平化图标大局部无非就是剪影表现，而这清新优雅；极具现代感〔虽然远古时代就有高度概括的符号表达，这里指的X围是互联网上的全新应用〕；具有设计与涵义综合的拓展性；还可以完成一些抽象词汇的图形传达。
 图标为上传到云端的之意，这里的主对象是云，所以箭头和云的比例是不同的，上传箭头是辅助图形。了解界定多元素之间的主次关系，就能够把握一个整体的造型走向。典型的根底表现就是上面两种，然后在实际绘制中根据自己的喜好和设计来进展融合，可以得出更加丰富的表现。
【二】设计技法要点
1、关键节点绘制法
拟物化设计就是尽可能的绘制繁琐细节，追求丰富和相似度。而剪影图标如此是相反，以简练为绘制手段。但是细节就没有吗，不是的，而是更加慎重认真的注重每一笔，且越来越优雅。这里举例剪影图标绘制方法技巧，看似又简单又难，简单的是只是绘制参照物轮廓，保存根底识别性，步骤很少；难的是这调整的过程与产品环境的融合性，易用性，还有你自己的创意想法。说简单点就是去繁择简并经过思考改造过的设计过程。而最根本的最需要犀利眼神抓准的是造型的关键节点，雏形出来后再根据想法调整。
l  提炼精华勾勒轮廓
word
word
3 / 9
word
通常在绘制已有参照物的根底上去设计一个图标，可以根据你喜欢的造型参照物去进展分析，先抓取到参照物的关键节点，几何绘制出来一个相似的根本图形。
l  调整线锋优雅得体
根底雏形出来后就开始参加自己的想法调整线锋，线条走向决定造型。这个时候就得要调多几个版本了。设计师的处女座精细和纠结情结就在这里洒汗了，不断调整比照，挑选出一个最优再进展下一步。
l  增特有细节出风格
最后一步的塑形，就是画龙点睛！造型的特点就在这一步去完成。
word
word
4 / 9
word
对于新老设计师来说，这样的方法都是比拟可取好用的，交互设计师也可以这样快速入门哦亲！尤其是第一步骤，能否非常快速的出雏形。下面是其他案例的设计方法欣赏，跟我上面总结的一样道理。
2、精致的根底要素
精致即精细极致。看似简单的图标其实并不是随便了事，但知道了这些根本要素你就可以完成一个合格的图标了。好的图标是慎重认真的注重每一笔每一像素每一矢量锚点的，尽可能的往精美优雅的方向努力吧骚年~
l  犀利清晰
需要锻炼厉害的眼睛，使出你的火眼金星捕捉每个像素之差，像素满格才能清晰的呈现，细分出来通常会遇到以下3种情况，这也是最影响图标根本质量的问题点。
 1)    轮廓发虚
图标一定要用矢量绘制，但是新手很容易犯的第一个错误就是图标模糊的问题，也不清楚为何会这样。其实就是矢量边缘模糊产生的问题，也是个人绘制的不良习惯造成。防止这个问题，必须在100%画布上绘制图形，而且不能直接推动图标放大缩小，即使这样改变大小了也要放大画布调整路径的锚点，反复查看与校正是否对齐1px网格，~，正是不满1px格才会生产虚线。而圆形的绘制保证十字架4个边缘点对准就可以了。
word
word
5 / 9
word
2)    斜形