黎乙丙:教你几招实用的设计技巧

1.调整行间距

行间距大家都知道,但是具体如何设定值很多人不知道,一般我常用规则是 +4 ,比如文字大小是12PX,那么行间距就是16,以此类推文字是14,那么行间距就是18。

很多人要问,我如何判断界面里面用多大的行间距呢很简单,就是看你们内容,如果你们app内容需要很丰富,你可以行间距小一些让屏幕展示更多内容,可以运用+4的原则,目前淘宝天猫是这个原则,如果你页面内容更加留白大一些阅读舒服一些,可以运用黄金比例的行间距,比如新闻阅读软件,需要大量留白来调整呼吸感!

2.调整字间距

除了行间距,字间距同样很重要,特别是英文页面时候,同样的内容,字间距,和行间距不合适,看起来界面就会相差很多,有的看着很舒服,有的看起来说不出来哪里不对。

越早使用越好的5个设计小技巧

▲ 同样一个结构,Airbnb对于商品单元处理就比ebay看起来要干净清爽一些,原因在于ebay上面线条太多,可能和他们整体视觉语言有关,线多了就没有纯色看着清爽干净。

所以在一个设计里面减少线条,或者让线条最少化,是让UI设计看起来干净的一种很重要的方法,通过间距来分割信息,加强内容和内容之间的间距,这样做,用户也是可以很清晰的区分信息层级。

需要注意的是:优先保证内容清晰,如果有些地方一定要用到线条,一定要使用它。

▲ 在Facebook新版本视觉风格中,很明显发现去线条的设计技法,左侧是改版前,右侧是改版后,很明显facebook减少了线的运用。

右边的界面,很好的运用了版式,和空间感,有足够的空间让元素之间去呼吸让用户感觉舒服。

越早使用越

▲ 在清晰度层面,使用卡片是帮助内容信息反馈的很好一种视觉形式,同时也让信息更加明确哪块是哪块。

黎乙丙:教你几招实用的设计技巧
▲ 卡片化设计在移动端让设计更加干净利落,是经常运用到的设计点。

总结

今天分享的几个设计技巧,其实是我们每天做设计中遇见的,需要灵活的多学多用,同时我们每天看到的一些好的设计,记得去留意分析,为什么别的设计好,别人设计看起来那么干净,毕加索说过:好的设计师借鉴,伟大的设计师偷。

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年6月1日
下一篇 2020年6月1日

相关推荐