关于线条icons粗细感的对比

兔酱酱酿酿

上海/UI设计师/13年前/5049浏览

版权

关于线条icons粗细感的对比

兔酱酱酿酿

移动终端的界面设计因为PC是二级显示，因此在PC端看到的和实际手机显示的总是有一定的差距，因而才会出现像PSview 和liveview这样协助设计工具。

这次仅仅就icons在两者的显示作比较，icons选择了线条感的样式，因为线条对像素要求更高，更能体现电脑端和手机端的差距。

每张图片下面的注解仅仅是我自己的一个尝试性的想法，并没有看到过比较公认的说法，因此仅提供给一个做设计的参考，并不能作为一个定论。

关于线条icons粗细感的对比（图ZOTA4MDE0NA==） - 图标 - 站酷设计师兔酱酱酿酿原创素材 - 站酷ZCOOL

每个icon都分别作了粗细两种线条,这是在电脑端显示，水浅葱色背景的icon都加了浅阴影，细线条的icon强制性全部用线条体现，而粗线条则使用实心和线条的结合。明显细线条的icon感觉更精致

收藏

关于线条icons粗细感的对比（图ZOTA4MDE0OA==） - 图标 - 站酷设计师兔酱酱酿酿原创素材 - 站酷ZCOOL

同上，粗线条有一种壮壮的赶脚，就像我这样的真汉子，细线条明显就是一伪娘Or2（嫉妒所有比女人还女人的人，话说昨晚看了霸王别姬的开头，一开场Leslie穿着花旦的衣服婀娜的走进唱台，瞬时间觉得自己简直就是一纯爷们啊有木有，好桑心）

收藏

关于线条icons粗细感的对比（图ZOTA4MDE1Mg==） - 图标 - 站酷设计师兔酱酱酿酿原创素材 - 站酷ZCOOL

在手机的实际尺寸显示。把这些图标生成素材，放到手机上显示，由于手机屏幕尺寸小，细线条的icon在一些稍微复杂的线条交错中会出现看不清楚的情况，从易识别性角度来看，粗线条则更有优势。

收藏

关于线条icons粗细感的对比（图ZOTA4MDE1Ng==） - 图标 - 站酷设计师兔酱酱酿酿原创素材 - 站酷ZCOOL

其他尝试：去掉阴影作为更平面化的风格，粗线条的icon更适应

收藏

关于线条icons粗细感的对比（图ZOTA4MDE2MA==） - 图标 - 站酷设计师兔酱酱酿酿原创素材 - 站酷ZCOOL

冰淇淋色，大家齐唱“软软的~软软的~小肚子~坐下来~就是个~游泳~圈~”四月不减肥五月徒伤悲。好悲伤啊。。。

收藏

4

举报

|

声明

24

分享

原创作品 UI 图标

相关推荐

评论

评论你的想法~

表情

喜欢TA的作品吗？喜欢就快来夸夸TA吧！

相关收藏夹

18

UI视觉设计

UI视觉设计

UI视觉设计

UI视觉设计

12

国潮&国风

国潮&国风

国潮&国风

国潮&国风

6489

地产VI

地产VI

地产VI

地产VI

1715

简历/作品集/述职

简历/作品集/述职

简历/作品集/述职

简历/作品集/述职

简历/作品集/述职

3713

一些小动物

一些小动物

一些小动物

一些小动物

一些小动物

253

是小蜥蜴呀

大家都在看

登录注册

4

24

评论

分享