编辑导语:随着互联网行业的快速发展,各种app开始应运而生。现在无论哪个行业,UI设计师都是一个必须的岗位。设计一个好的电路板是一项非常重要的工作。怎样才能设计出自己的版面?这篇文章就和你聊聊!
每次拿到样机开始设计,总是没有什么好主意;每次做设计,要么同质化,要么平庸化。怎么破?
这是80%设计师的现状。设计一个好的UI布局真的很难吗?答案显然是否定的。
如果你经常关注一些前沿的设计作品和设计理念,你会发现别人的设计其实并没有用什么牛逼的手法,就是普通的布局,或者说设计感很强。
他们到底是怎么做到的?
我给你拆解三个方向,尤其是第二个,简单易学。但是,越是简单的东西,越容易被忽略。
一、图文序列创新设计与平面布局相结合,形成可见的几何序列或几何矩阵,从而增强设计布局的视觉效果。
比如我们常见的线序列几何,块面序列几何,点阵序列几何。
很多人说这些我都懂,但是灵感从何而来?我们做UI设计的时候,不一定只看这方面的参考。
比如可以看平面、品牌、建筑、装置艺术、概念艺术、街头艺术、建筑艺术。
下面举个例子,平面海报的设计。
图文混排排版增强了形式感和布局感,这一点我们也可以用在UI布局中。
这种设计手法的关键词:穿插组合、几何序列、叠加序列、重复序列。
接下来,我们来看几个案例。
大量重复使用几何线条序列,既区分了信息层次,又增加了版面感。
重复几何序列矩阵,叠加,重复切割。
耐克跑步俱乐部
二、比大更大对比,我们从学设计开始就知道,只是用不好。
因为每个人,理解大小的比较就是放大或者缩小两者的差距,这种理解只能说是对了一半。
要想真正理解大小的反差,就应该越来越大,形成鲜明的对比。
短波节
技术中心
大家应该都看过杂志设计。杂志和周刊之所以有版面感和设计感,是因为设计大胆。
比如字体喜欢用大字体,这样更直观,更清晰,引起强烈的视觉对比冲突,引起思考。
接下来,我们来看看UI中的应用案例。
分离主义派别
上面那个网页的UI设计,配合大字号的数字排版,这个页面有灵魂。
技术中心
三、强化负空间还可以通过negative 空产生设计感,增强界面布局的质感。那么,如何通过加强负空空间来增加设计布局感呢?
首先要明白负数空的意思是空格,增加负数空的应用就是增加空格让页面感觉更有呼吸感。
官网,通过营造大量的负面空效果,产生高级感,版面简约而不简单。
启用EV
我们来看几个应用案例。
向上工作
在APP界面的设计上,增加负空效果,创造更多的设计边距,从而营造出布局感。
四、最后布局是所有设计的基础。平面设计、品牌包装、海报运营等都需要好的版面。,UI也是如此。
为什么在日常工作中,我们设计的UI界面不是平庸就是同质化,最大的原因就是思维受限,思维不开放。
我们可以从多个维度思考寻找灵感,赞美学习的领域,从其他设计领域寻找答案,这也是今天文章的核心。
比如,设计创新来源于从平面或品牌中汲取布局灵感,然后通过内化、尝试、探索,运用到你的界面设计中。
#专栏作家#
Tony,微信微信官方账号:功夫体验设计,人人都是产品经理专栏作家。百度视觉体验设计师一直坚持原创文章,愿意帮助新人。擅长作品集指导、笔测指导、UI视觉创意、设计潮流风格等。
本文原载于《人人都是产品经理》。未经许可,禁止转载。
图片来自Unsplash,基于CC0协议。