分类型网站建设,星空无限传媒官网免费下载,素材中国免费素材网,天津最新通告今天最新ICON设计是UI设计中非常重要的一个环节#xff0c;它能够帮助我们美化画面#xff0c;传递情绪#xff0c;快速导航#xff0c;而且不受语言限制#xff0c;那今天就来给大家分享下ICON的设计干货。首先图标可以分为3大类#xff1a;功能性图标 , 应用图标 , 创意图标。…ICON设计是UI设计中非常重要的一个环节它能够帮助我们美化画面传递情绪快速导航而且不受语言限制那今天就来给大家分享下ICON的设计干货。首先图标可以分为3大类功能性图标 , 应用图标 , 创意图标。功能性图标应用图标创意图标今天主要分享最常用的功能性图标功能性图标强调: 功能表达 , 工整 , 有序 , 规范。我把它分为了三部分来展开。 第一部分 基础造型 1. 结构准确 作为设计专业的你这一点应该不用多说首先比例透视不能出问题。2. 造型简练我们做ICON的时候最好按尺寸来做或者做完以后缩到最小形式看一下是否清晰 千万不要画的太复杂因为大部分功能图标的大小在20到40像素左右如果很复杂看起来就像个线团会降低识别度。3. 有辨识度这个非常重要首先得让用户能看得懂其次不能让阅读产生歧义。教大家几个方法我们可以通过查找资料来寻找辨识度高的ICON来参考它形状和轮廓。参考实物通过布尔运算来简化抓住物体的特点来设计表达最基本的物体特征。ICON画完以后做下可用性测试 脱离页面脱离文字看能否看出它代表的是什么意思是否有对下个界面的预见性。4. 重心要稳大家看一下上面这两个播放ICON。是不是第二个播放ICON看起来更舒服一些但其实第一个才是中心点对齐的如果是这种情况我们一定要保证视觉看上去要稳才行。再来看下 下面的这个组合的图标。组合图标主次图形比例最好保证2比1左右的比例。5. 精致饱满我们可以在图标下面画一个方块来看一下隐形区域看一下留白是否过多留白多了不饱满太饱满了就不透气导致紧张运用好留白需要长期的积累经验多看多练时间久了找到那个微妙的平衡点。再来看下下面这两个心形你们觉得哪个更好看第一个看起来更舒服吧第一个是用布尔运算绘制的第二个是用钢笔工具绘制的使用 “规则图形”进行加减组合ICON看起来更精致更专业。第二部分 基本规范 1. 布局我们基于24*24的画板举例我们做ICON的时候尽量在20*20的区域里做有些ICON看起来小就适当给它放大处理下留出来的4像素区域就是给特殊ICON准备的但是绝对不能超出画板范围。2. 清晰度清晰度这个事情在分辨率高的屏幕上还好但是在分辨率低的屏幕上看起来就会虚的不行所以为了我们的设计无论在什么样的屏幕上都清晰可见我们必须要对齐像素确保X轴和Y轴坐标为整数千万不能带小数点。3. 圆角范围一般我们在做圆角ICON的时候有明显的图形交界处不需要做圆角图形内部也尽量不要做圆角不然会导致ICON看起来不简练。如果是线形ICON首先线的粗细要统一其次线的端点是直的就要都统一成直的端点是圆的就要都统一成圆的。4. 安全网格当我们做一整套ICON的时候会发现方形的ICON比圆形ICON视觉上看起来更大些所以如果我们做18像素方形ICON的时候圆形ICON就要做到20像素视觉上看起来才统一。图中的4个图就是我们做ICON时候用的安全网格。用这个网格做出的一整套ICON看起来大小会比较统一。5. 切图切图时要注意的是有些可点击的ICON是需要留热区的不然触摸区域太小了会导致体验很差。切图的名称也需要注意下命名一般都用英文或者是拼音功能名称状态比如视频号中的喜欢心形ICON我们可以写成shipinhao_like_normal注意横杠要用下划线。最后还有个最重要的事情如果ICON切的不是矢量图( PDF或者是SVG )验收的时候一定要注意有没有虚边尤其是安卓手机开发们用的控件不同会导致你的切图发生变化。一但有虚边品质瞬间下降。验收一定要仔细。 第三部分 风格定位 ICON的风格要根据产品风格定义我们可以通过形状和颜色来定义ICON的风格形状上从圆角大小线条的粗细造型轮廓表达ICON的性格。颜色上是否需要颜色辅助用什么颜色符合产品风格。举个例子比如我们做一个针对儿童的产品那我们的ICON就要设计的可爱些友好些我们可以把ICON做的更圆融运用圆角和圆形端点突出的部分尽量做的短小颜色丰富在做一些小动效赋予ICON情绪。到这里功能性图标的基础知识就分享完了接下来简单的带过下应用图标和创意图标设计。首先应用图标更偏向logo设计风格有线性图标 文字设计图标 局部提取图标图形图标 折叠图形图标 渐变图标等等。下图是应用图标的尺寸创意图标大部分用于404占位符引导等更注重设计内涵 故事性 和原创精神。风格也有很多种2.5D风MAB风炫酷的拟物的等更注重视觉表现光影质感氛围等。最后不管做什么设计多看多练对设计有了一定的敏感度就不需要去记那些死板的的理论了。当你还是初级的时候你需要学习别人的方法论当你有经验了你就有属于自己的一套方法论了。今天的分享就到这里喽~关注“小新的芝士绘本”祝大家天天开心~
