[导读] 下面这种最常见的APP分类图标设计案例: 今天小编跟大家分享一个APP图标设计小技巧:如何构想出最简单的图标组合。 当然,如果你有自己一套快速构建icon图标的方法,也可以跟我们
下面这种最常见的APP分类图标设计案例:

今天小编跟大家分享一个APP图标设计小技巧:如何构想出最简单的图标组合。
当然,如果你有自己一套快速构建icon图标的方法,也可以跟我们分享哦~
UI设计师都明白,图标越小,需要展示的详细细节就越少,对设计师的能力要求也较高。
相对于较大的图标而言,64px 的图标设计应该减少一些不必要的细节,以此来提升图标的识别度,但是你需要非常小心的去掉那些不必要的元素,以免过多的简化,造成了整体的不可识别。
第一个小技巧:使用最简单的图形
简单的形状可以组合成复杂的图标。你只需要从不同的角度去观察他们。将注意力放在每一个图标是如何通过简单元素组合而成的。
比如下图所示:

以上这些APP icon风格属于:霓虹灯风格的线性图标设计。
还有一种纯色的线性风格。比如我们在阿里巴巴矢量图标库下载的所有图标大部分都是这种纯色的。
如下图:

所谓的icon 图标, 不是对照片和实物的重绘,它们带有特定的信息,所以你的工作是将这些信息通过图标的形式清晰的表达出来,图标是将复杂的信息通过小的象形图案展现出来。
也是APP ui设计师将抽象的实物转换成可识别性的图标。
当然,作为初学者,初次学习设计Icon图标的时候,如何通过简单的形状去表达复杂的含义是一件比较困难的事情,但是只有不断的实践才是提升的关键。
比如下面2个案例可以帮助大家打开设计icon 图标设计的思维。

心形 图案的 icon 线性图标绘制方法

眼睛 图案的 icon 线性图标绘制方法

地理定位 图案的 icon 面型扁平图标绘制方法
看完这三个图案化的 icon 绘制方法,有没有觉得其实icon的设计没想象中的复杂和苦难呢?
看完,其实你也可以设计出来,也可以举一反三的去设计别的icon 图标。
请大家记住下面的icon图标设计的知识点:
所以,关注对象所有的主要功能,划分层级,突出显示图标的关键元素是至关重要的。
少即是多,图标并不应该过度设计。他们必须尽可能简单地传递正确信息。如果你能发现一些可以删除的不必要元素,使它看起来更简单,更加易于识别,请大胆的做吧。

第二个绘制icon 图标设计小技巧:手绘草图
这也是最能提高设计师图形表达力的更高效的方式。不信,你可以去试试。
使用最简单的图形绘制图标。你可以更加直观方便的得到反馈和做出修改。所以尝试使用几何形状去构建图标,并且通过观察别人的图标作品是如何做到的。
感兴趣的同学可以围观追波网知名国外UI设计师 Paulius Kairevic?ius 的作品,基本几何形状的组合设计,或许会给你的图标设计带来很大启发。

值得大家看的是6步制作一个精美图标。其实logo设计的方法也是这样。
希望大家在APP设计道路上有所进步。加油~ 各位小伙伴们。
免责声明:
丝路教程网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。
如何设计出简单的APP图标组合
的相关文章- app icon图标的统一绘制与优化
- 用AI设计制作毛线编织纹理的icon图标
- 微信语音骗局,APP使用引发我们的思考
- APP设计中创意十足的Loading动效
- 移动app设计当中常见8种基础布局方案
- 四大维度全方位剖析APP分享功能
- APP设计技巧之减少用户等待感
- UI交互设计案例之动效UI设计
- APP学习干货之爆品金三角法则
- 从零开始学习APP系列的切图标注
- APP设计教程之弹框设计的技巧
- 蛋糕UI图标教程
- 三款APP设计交互当中的小细节
- 欣赏一些漂亮而生动的APP引导页界面
- 移动端app极简设计原则
- 如何应用黄金分割比例到APP界面设计
- APP细节考量的四个方面
- 如何设计持续时间场景的APP页面
- 国外优秀的app界面设计案例欣赏
- APP设计同质化如何破解
- APP原型设计的三种表现方式
- 直戳人心的APP设计文案
- 一组超可爱的移动APP表情包设计
- Revit教程:Revit控制管道颜色
- 欣赏一组UI图标类的动效设计稿
- Revit教程:Revit斜结构楼板创建方法
- 10种最经典的APP UI界面设计模式
- 如何通过颜色搭配来布局移动APP界面和排版设计
- 总结一些打动人心的APP设计点
- 欣赏一组高品质的简洁大气的APP设计
- 3DMAX教程:鼠标的建模和简单的渲染
- 3D材质-Max建筑材质模糊反射简单做法
- 3DMax效果图相机设置和渲染简单方法
- 教大家一种简单的打灯方法
- 汽车灯光渲染简单教程解析
- 就这么简单!VRay快速出图5步全搞定