图标设计是UI设计的基本功之一；
通过图标的绘制，可以让你快速的上手工具的运用和属性的设置。
并且对于设计的规范化有一个初步的了解。
第2学堂原创
能使用已掌握的功能，绘制一套规范的图标。
第2学堂原创
关键线的作用其实就是提前规定好了图标在各种形状下的尺寸，减少设计者在这个环节的试错成本。举个例子：你觉得蓝色和红色的两组矩形和圆形，哪一组是长宽一致的？
第2学堂原创
答案是蓝色的。但是从视觉上看，红色这一组更接近大小一致。当中原理，大家可以自行去搜索。我们使用icKeylineMaker插件,先创建一个24×24的关键线。（该插件会自动把关键线放在“frame”中。在本课中“frame”仅扮演画框的角色，他的核心功能我们会在下一节课详细说明。本节课我们只需要保证绘制好的每个图标都在"frame"里就可以了。）
第2学堂原创
此时你就可以看到上面例子中矩形和圆形的比例。其实到这里你也发现了吧，对准关键线来画图标。
第2学堂原创
用同一种粗细；同一个圆角的角度；同样的一种端点；同一种节点。
不同的粗细，圆角，端点，节点，呈现出不同的风格，以应对不同的产品需求。
第2学堂原创
视频加载中...
发表评论