关于线条icons粗细感的对比

兔酱酱酿酿

上海/UI设计师/12年前/5010浏览

版权

关于线条icons粗细感的对比

兔酱酱酿酿

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

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

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

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

4

Report

|

声明

24

Share

原创Works UI 图标

相关推荐

评论

in to comment

Add emoji

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

相关收藏夹

18

UI视觉设计

UI视觉设计

UI视觉设计

UI视觉设计

12

IP形象设计

IP形象设计

IP形象设计

IP形象设计

3252

作品集

作品集

作品集

作品集

4092

餐饮案例

餐饮案例

餐饮案例

餐饮案例

1250

IP形象及IP内容

IP形象及IP内容

IP形象及IP内容

IP形象及IP内容

IP形象及IP内容

7330

站酷推荐设计师

大家都在看

Log in

4

24

评论

分享