APP 盛行时代,图标设计技法要点分享,助你更上一层楼

日期: 2024-06-12 06:06:52|浏览: 376|编号: 53331

友情提醒:信息内容由网友发布,本站并不对内容真实性负责,请自鉴内容真实性。

在这个APP大行其道的时代,图标是必不可少的。昨天我们分享了《剪影正负形云上传图标设计》,今天我将分享图标设计技巧要点,帮助大家将图标设计提升到一个新的高度。

1.关键节点绘制方法

拟物化设计就是尽可能多地绘制复杂的细节,追求丰富性和相似性。轮廓图标则相反,以简洁作为绘制的手段。但难道就没有细节了吗?不是,而是对每一笔都更加细心和认真,越来越精致。下面就给大家介绍轮廓图标的绘制方法和技巧,3步就可以搞定。看似简单,实则困难。简单就是只是画出参照物的轮廓,保留基本的辨识度,步骤很少;难的是将这个调整过程和产品环境、易用性,以及自己的创意想法融合起来。简单来说,就是经过思考简化转化的设计过程。需要眼尖才能把握的造型最基本最关键的节点,在原型出来后根据想法进行调整。

l 提取精华,勾勒轮廓

通常图标的设计都是基于已有的参考,可以分析自己喜欢的形状参考,先捕捉参考的关键节点,然后以几何的方式绘制出相似的基本形状。

l 优雅地向前调整线条

基本原型出来后,就开始加入自己的想法,调整线边,线的走向决定造型。这时候要调整好几个版本,设计师处女座的细致和纠结情结就在这里流露出来,不断调整比较,选出最好的再进行下一步。

l 添加独特细节,打造风格

塑形的最后一步是画龙点睛之笔!造型的特征在这一步完成。

不管对于新老设计师来说,这个方法都是比较可取且容易上手的。交互设计师也可以通过这个方法快速上手!尤其是第一步,能否快速的拿出原型。下面是其他案例的设计方法欣赏,和我上面总结的一样。

2.精致的基础元素

精致意味着极致的精准,看似简单的图标并不是随随便便就能做出的,但掌握这些基本要素,就能完成一个合格的图标。好的图标,是每一个笔触、每一个像素、每一个矢量锚点都经过认真细致的打磨。小伙子,努力精致优雅吧~

l 清晰锐利

你需要训练你的眼睛去捕捉每一个像素之间的差异,只有像素饱满才能清晰呈现。细分下来,你通常会遇到以下三种情况,这也是最影响图标基本质量的问题。

1)轮廓模糊

图标一定要用矢量来画,但是新手经常犯的第一个错误就是图标模糊,不知道为什么。其实就是矢量边缘模糊的问题,也是不好的画图习惯造成的。要避免这个问题,一定要在100%画布上画图形,不能直接推着图标放大缩小。就算改大小也要放大画布调整路径的锚点,反复检查和修正是否对齐1px网格,而不是0.1~0.9px。正是小于1px才会产生虚线。画圆的时候只要保证十字四个边缘点对齐就可以了。

2)倾斜形状和弱点

对角线也会有模糊或细腻的时候,如果不仔细对比,其实很难看出问题所在。很多人在图形倾斜的时候,可能会遇到边缘锯齿的情况,那就是角度的问题。自己尝试对比多个角度,就会发现哪个角度最清晰。也可以将图层双层,这样会很清晰~

3)像素不足或多余

看起来模糊和清晰像素的原因是一样的。下面的例子展示了一个箭头,当箭头尺寸较小时,可以用点阵矢量像素绘制。如果箭头尺寸较大(比如上面最大的箭头例子),则可以直接用笔绘制。

总结上述处理方法,坚持最小弱点原则:

l 比例协调

图形内部结构要注意元素之间的比例,有黄金分割法、感性平衡法等,对于图标比例要求严格,可以参考苹果iOS图标标准案例,为图形绘制和比例分配铺设统一的内部结构线。

如果觉得处理头晕麻烦的话,也可以依靠经验快速完成一个有平衡感的图标。

视差平衡

相同尺寸但不同形状的图标会因面积比例而产生不同的视差,但应在参考尺寸范围内绘制以便进行调整。以下图标示例均按照填充框边缘的方式绘制,理论上看似准确,但由于人眼存在视差问题,设计时应暂时抛开科学,根据人眼实际情况进行调整。

图标设计技巧要点的分享就到此结束了,掌握了这些图标设计技巧,为客户定制LOGO图标对你来说就不是什么难事了,祝你好运。

文章来自logo在线制作平台。原文:

简单易用的免费在线LOGO制作平台,只需两分钟就能设计出精美的LOGO,一站式LOGO设计在线生成就是这么简单,免费下载。

提醒:请联系我时一定说明是从101箱包皮具网上看到的!