相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

六个超级实用的UI设计排版方法

忘了我发布于:2017-12-14 16:29 |原作者: 3年2班程远|
简介: 作为UI设计师,如何让界面有规律有节奏地去展示信息内容?今天分享的六个超级实用的UI设计排版方法,希望能够帮助到飞特网的UI学习者们!


2. 规则简单

一张平面设计的字体种类不宜太多、对齐方式不宜太多…..因为规则太过繁琐会让设计变得复杂,甚至臃肿不堪。而UI设计师也是一样的,能用一个规则解决的问题,就尽量不要使用两个。

六个超级实用的UI设计排版方法 飞特网 设计理论

△ 间距规则简单一致,复用

六个超级实用的UI设计排版方法 飞特网 设计理论

△ 间距规则统一

六个超级实用的UI设计排版方法 飞特网 设计理论

△ 由于亲密原则,我们知道上下间距(红色高度)一定大于内容区间距(绿色高度),但是为了规则的简洁,内容区的所有间隔(绿色高度)可以采用同一个规则,而上下间距(红色高度)也可以相同。

这样四个距离,我们仅仅只用了两个规则就解决了问题。比如,Facebook为了保持页面简洁,间距都采用一个规则解决,并且不失美感。

六个超级实用的UI设计排版方法 飞特网 设计理论

△ (左图)4个间距规则,繁琐缺乏统一

△ (右图)简化规则,从4个调整为2个

六个超级实用的UI设计排版方法 飞特网 设计理论

△ (左图)优化前,间距规则冗余

△ (右图)简单规则优化后,简单统一

19

好评
9

差评

刚表态过的朋友 (28 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计