宁波IT培训
美国上市IT培训机构
0574-87236644
5个技巧让你的界面更干净（一）
- 时间：2019-07-04 09:29
- 发布：宁波达内培训
- 来源：网络
- 分享到：
老板：今天会议就到这里，需求都清楚了吗？
我：清楚了，这次改版要做成什么风格？
老板：高大上！高大上！
我：N*……%）&B&%#&）|？》
在我们平时的工作中，总会碰见高大上的需求，但是这高大上，在一些人眼里，似乎包含了时间所有的风格，当然啦，也有人说的高大上，是正儿八经的高大上，然后我们应该如何着手设计这样的风格呢，我们看苹果，看严选，看一些奢侈品的网站、app、banner的时候，不难发现，都是简约的风格，给人透露着一种高档的感觉。
除了这种感觉，说细一点，简单干净利落的设计看上去很舒服，阅读内容也很清晰，但是我们很多人做的设计却不那么干净，给别人看的时候，经常得到的评价是不够清爽，边缘不够清晰，设计不够利索，经常页面细节过多很累赘，大大忽略了很多其他的细节，今天就和大家分享一下，如何让你的设计看起来更加利索干净！如何设计出一个简约而不简单的界面。
1.调整行间距
行间距大家都知道，但具体在设计上如何运用很多人都不知道，一般我常用的规则是+4，就是我文字的大小比如是12PX，那么我的行间距就是16，依次类推，文字是14那么行间距就是18PX
上图是我之前设计的一套规范的字行间距规则，供大家参考，除了+4的规律
你也可以运用黄金比例，即文字的大小X1.414 ,文字大小X1.616 （1.414和1.616是黄金值）取四舍五入，得出以下字体间距规则。
很多人肯定要问，那我如何判断我界面里需要用多大的行间距呢？道理很简单，就是看你们的内容，如果你们app内容需要很丰富，你可以行间距小一些，而让屏幕展示更多内容，也可以运用+4的原则，目前淘宝天猫就是这个原则，那么如果你的页面内容需要留白大一些、阅读舒服一些，可以运用黄金比例的行间距，比如新闻阅读软件，需要大量留白来调整呼吸感。
等等，有人问黄金比例不是0.618么？
这里给大家科普一下，黄金比例并不只是有0.618、1.618，还有根号2，根号3，还有德国工业的一些经典比例，包括包括黄金比（Golden Ratio）、白银比例（Silver Ratio）、铂金比例（Platinum Ratio）、青铜比例（Bronze Ratio）等等，有兴趣可以这个网站上进行换算：
Yahoo news 因为文字内容的信息比较多，所以页面信息量需要更丰富，因此，在行间距上用的类似固定+4的原则，让页面看起来更加清爽。
相反，Airbnb 的页面的节奏感大家感觉会更舒服一些，因为它整体的行间距比较大，留白比较舒服，给人很优雅、清爽的感觉，他们在很多设计细节上都没有遵循iOS的规范，而去打破重组，比如列表高度，列表的图标大小等！当然，行间距是营造整体清爽感觉中的一个很重要的因素。
预约申请免费试听课
下一篇：5个技巧让你的界面更干净（二）
Copyright © Tedu.cn All Rights Reserved 京ICP备08000853号-56 达内时代科技集团有限公司 版权所有
选择城市和中心
北京
内蒙古
山东省
江苏省
上海
湖南省
江西省
贵州省
广西省
广东省
海南省
台湾