10大优享服务
62项会员特权

好看又漂亮的设计图标要素

发布时间:2021-12-01 08:49:55     阅读次数:8963次     评论数:0次
    在应用市场上用户第一眼看到软件主要是它的图标,因为有很多软件大多数用户都是直接看到它的图标.如果图标是好看的就会进一步点击开来看看软件的内容,反之如果图标不好看,直接会放弃看下一个,由此说明图标对于软件的下载量有直接的作用,必须要设计好看的图标。那么好看又漂亮的设计图标要素是什么呢?
好看又漂亮的设计图标要素
    风格统一图标是进行设计图标的基本原则,整体性强的设计会比零散的设计更有品质,更容易让用户理解。特别是针对企业产品等图标设计,统一的概念从VI阶段就已经贯彻,在图标设计中,我们需要引入一些VI的思想来规范它。一套设计精良、统一性足够好的图标,不但能够引起品牌的共鸣,甚至可以进一步带动界面部分的设计,以相同的质感、色系、光照效果等技巧统一整个产品的视觉感受。

    好看图标要素:比例协调

    图形内部结构要注意元素构成之间的比例,有黄金比例分割也有感性的平衡方法。严谨的图标比例可参照苹果IOS图标规范案例,打好内部统一结构线进行图形绘制和比例分配。

    好看图标要素: 视差平衡

    同一个尺寸规格,但根据不同形状的图标,会导致面积占比引起的视差大小不同,但要在参考尺寸范围内绘制进行调整。以下图标示例都是撑满方框边缘绘制,按道理这好像是准确的,但由于人的肉眼会有视差问题,所以做的设计就要暂时抛开科学,以人的真实情况去判断再调整。

    好看图标要素:犀利清晰

    需要锻炼厉害的眼睛,使出你的火眼金星捕捉每个像素之差,像素满格才能清晰的呈现,细分出来通常会遇到以下3种情况,这也是最影响图标基本质量的问题点。

    1) 斜形发虚

    斜线也是会有模糊与品质 精准之分的,不仔细对比其实是比较难看到问题,可能很多人都会碰到图形进行倾斜效果时是有锯齿的,那就是角度的处理问题了,自己进行多角度对比下试试,会发现哪一个角度最清晰。也可以将图层进行双层叠加。

    2) 像素不够或多余

    看下来都是像素发虚与清晰的原因都是一样的,下面这个例子是箭头在小尺寸情况下可点阵矢量像素绘制,如果是大尺寸(如上面最大的箭头示例)可以直接钢笔绘制。

    3) 轮廓发虚

    图标一定要用矢量绘制,但是新手很容易犯的第一个错误就是图标模糊的问题,也不清楚为何会这样。其实就是矢量边缘模糊产生的问题,也是个人绘制的不良习惯造成。避免这个问题,必须在100%画布上绘制图形,而且不能直接推动图标放大缩小,即使这样改变大小了也要放大画布调整路径的锚点,反复查看及校正是否对齐1px网格,而不是0.1~0.9px,正是不满1px格才会生产虚线。而圆形的绘制保证十字架4个边缘点对准就可以了。

    综上所述,关于好看又漂亮的设计图标要素就是这些,如果你希望设计一个好的图标,那么必须要能考虑、运用这些要素,让软件的图标能好看。一品威客网上有很多专业设计图标人才,如果有需要,不妨到一品威客网发布任务。

本文地址:
来源:一品威客,转载须经版权人书面授权并注明来源

留言(0

↓展开留言

该攻略尚无留言记录