手机APP图标设计常识:线形图标的风格绘制

之前25学堂分享了什么样的icon图标才算是好的APP图标设计呢小白自学APP设计:教你如何制作APP桌面图标,今天继续跟大家聊聊手机APP图标设计干货,算是给大家一些好的APP图标设计知识分享。

如下图就是很好的应用了线形图标的APP设计作品。

APP个人中心界面设计

 

一般来说,app的每个层级的icon一般来说是表达不同功能,因此形态、实际面积上其实是会有差别的。但是在一定范围内,不同icon给用户呈现的面积感应该是一样的。

在考虑icon是选用线型icon还是面型icon的时候,一定要从功能出发开始考虑,要考虑用户在看到这个icon的时候的点击感。

总体来说,图标选用的线形越来细,识别度相对越低,但同时更容易给人以精致的感觉,越粗识别度越高。

如果你需要下载线性图标,点击下载      如下图所示:就是线性图标。

4px线性图标下载

 

下面我们就跟随25学堂的小编重点看下如何设计线形图标。

线性图标设计知识

1px线形图标:

目前我们APP设计基本很少用,甚至不用,在在retine屏幕下很细,不过用在横线和竖线方面居多。

 

2px线形图标:

由于在retine屏幕下,只显示非常细,相对识别度低,但容易给人以精致、时尚的感觉。在一些时尚类app会考虑使用2px的icon。

 

3px线形图标:

更多的会应用在一些工具性产品,因为它更稳定,且不会过分加重视觉图标在整体界面中的比例。

 

4px线形图标:

4px的图标相较于2px、3px的图标,更加厚重,做得好的话容易给人年轻、潮流的感觉。但同时4px图标在整体界面中的视觉占比会比较重,因而在图标大小和留白的比例处理上需要斟酌恰当才行。

再来看看线性图标应用的APP设计案例:

music_player_1x (1)音乐APP设计模板素材app设计实战案例

美食APP设计 fudi-side

这样的APP设计案例很多,很多,值得大家根据自己APP的产品功能,选择合适是线性图标设计方案。

 

每天更新,
全站高品质素材免费下载!