UI设计新手必知:UI设计中的留白艺术

2017-11-27  4559 分类:设计资讯

关于UI设计中的留白。所有优秀的视觉艺术家都明白留白的重要性,适当的留白不仅可以吸引注意力,还可以将用户的目光集中到实际的产品中去。负空间就像一个合格的配角,他的职责就是突出主角而又不会过分宣示自己。


UI设计留白.jpg


但是千万不要认为留白就是留白色的空地,这只不过是在绘画上简单又直接的一种通用手法而已。你可以想象一下,一个盒子里装着一只白色的猫,难道白色的猫是留白吗?不是,很显然猫周围的空间才是真正留白。


其实在UI交互设计中,留白不仅仅是出自审美的考量,它还能提供实际的作用:


【1】突出重点信息让人的视觉聚焦到重点。


【2】舒适的阅读体验来自合理的空间划分。


【3】提供准确的点击区域,有效预防误触操作。


【4】跨平台适配,易于高效重置排版。


那到底在实际的UI设计应用中该如何更好的留白呢?


【1】文字与图片之间的布局,在UI设计当中建议20PX左右。


【2】充分利用Android端样式风格(卡片风)进行内容版块的区别划分。


【3】大量文字出现时,段落之间的段距推荐30PX起分割。


【4】UI界面当中常会出现图片缩略图的横向形表排版,推荐图片左右以16PX进行边距设定。


【5】留白有一种应用场景是在横向跨屏时,内容之间进行大间距的左右分割,可以让用户了解当前主屏内容及左右副屏内容。


好的UI设计师喜欢留白是因为它不仅能很好的划分元素,还可以区分重点和提高可读性。如果你认为自己的设计中不应该存在任何空白之处,那么你就可以去搜索一下世界上最烂的网页设计,其中很多血淋淋的案例,充分的展现了设计中不留空间一味堆积元素导致其互相争抢注意力而带来的毁灭性效果。

猜你喜欢