关注 功夫体验设计 与十万读者见证成长的力量
这是功夫体验设计公众号第 246 期分享
作者 | 刘涛
大家有没有这种感觉,每次做设计的时候,总是没感觉,好不容易出一张稿子,竟然被总监说没设计感,没细节,太平淡等三连击,直接打掉了自信心。
加大对比
加大对比,一个简单的设计原则,依然可以做出有设计感的页面,我们来看看具体方法。
加大对比原则一定要做到充足的大小对比,比如我们应用到文字版式上。
上图中,可以看到 IMAX 最大,上下两个文字最小,形成鲜明的对比,视觉张力感强。上图海报设计,1878几个大字叠加在商品鞋子后面,文字在这里背景与前景鞋子前后呼应,形成强烈的对比,也增强画面细节和质感。
那么在界面中如何应用这个大小对比原则?来看看案例。
NFTFLIX(奈非)APP设计,电影海报BANNER中大字体,同时在电影封面上和排名上均加大文字对比,形式感十足。
更大的字体,这个设计同样使用大字对比。
图片调性一致
经常使用图片,但是最容易忽略是图片的风格调性是否统一。
上面两张图,大家看看风格一致么?两张图效果都还行,但是他们调性不一致,左边透明玻璃,右侧高品质产品图,质感色彩都有差异,所以如果把这两张图放在一个界面中,很显然会有些突兀的。图片调性一致主要体现:明暗、光感、质感、图片复杂度、角度等等。
上图中,我们看到上图中图片一致性很强。所以将这种思路应用在界面中,我们找图也是需要这种思路。
同一个界面,图片一定要避免复杂度,尽量干净简洁为主,留白多一些。
所以一张好的图,调性一致的图,可以让整个界面增色不少。
虚实集合
黑色和白色形成强烈对比,虚和实也可以形成强烈对比,当在设计排版中应用虚实组合设计时,可以增强画面感染力,或者是可以吸引用户关注重要的信息。
黑色实心圆属实体物体,右侧镂空圆属于虚,两者在一起形成一实一虚。这种思路其实在文字排版,界面排版中也同样可以使用。虚实对比就简单叠加了一个黄色背景,瞬间就提升一些细节感,这种思路我们是完全可以应用到界面版式中的。这个海报就是采用虚实文字组合设计,大家想想,如果纯是实体文字版式,那么细节又会少了很多。
好了,到这里就差不多了。
最后总结下,今天说了3个提升设计细节、设计亮点的技法,这些是可以互相组合使用的,比如虚实集合与大小对比组合使用,一样可以产生惊人的威力,不过还是得大家多去尝试。
挑战日更100天,目前已完成4篇
推荐阅读
>>第四期UIUX设计营报名中,随到随学>>