怎样做好微信公众号(当学会了这“3招”UI版式,整个人都精神了)

编辑导语:随着互联网行业的快速发展,各种app开始应运而生。现在无论哪个行业,UI设计师都是一个必须的岗位。设计一个好的电路板是一项非常重要的工作。怎样才能设计出自己的版面?这篇文章就和你聊聊!



每次拿到样机开始设计,总是没有什么好主意;每次做设计,要么同质化,要么平庸化。怎么破?

这是80%设计师的现状。设计一个好的UI布局真的很难吗?答案显然是否定的。

如果你经常关注一些前沿的设计作品和设计理念,你会发现别人的设计其实并没有用什么牛逼的手法,就是普通的布局,或者说设计感很强。

他们到底是怎么做到的?

我给你拆解三个方向,尤其是第二个,简单易学。但是,越是简单的东西,越容易被忽略。

一、图文序列

创新设计与平面布局相结合,形成可见的几何序列或几何矩阵,从而增强设计布局的视觉效果。

比如我们常见的线序列几何,块面序列几何,点阵序列几何。

很多人说这些我都懂,但是灵感从何而来?我们做UI设计的时候,不一定只看这方面的参考。

比如可以看平面、品牌、建筑、装置艺术、概念艺术、街头艺术、建筑艺术

下面举个例子,平面海报的设计。



图文混排排版增强了形式感和布局感,这一点我们也可以用在UI布局中。

这种设计手法的关键词:穿插组合、几何序列、叠加序列、重复序列。

接下来,我们来看几个案例。



大量重复使用几何线条序列,既区分了信息层次,又增加了版面感。



重复几何序列矩阵,叠加,重复切割。







耐克跑步俱乐部

二、比大更大

对比,我们从学设计开始就知道,只是用不好。

因为每个人,理解大小的比较就是放大或者缩小两者的差距,这种理解只能说是对了一半。

要想真正理解大小的反差,就应该越来越大,形成鲜明的对比。





短波节



技术中心

大家应该都看过杂志设计。杂志和周刊之所以有版面感和设计感,是因为设计大胆。

比如字体喜欢用大字体,这样更直观,更清晰,引起强烈的视觉对比冲突,引起思考。

接下来,我们来看看UI中的应用案例。



分离主义派别



上面那个网页的UI设计,配合大字号的数字排版,这个页面有灵魂。







技术中心

三、强化负空间

还可以通过negative 空产生设计感,增强界面布局的质感。那么,如何通过加强负空空间来增加设计布局感呢?

首先要明白负数空的意思是空格,增加负数空的应用就是增加空格让页面感觉更有呼吸感。

官网,通过营造大量的负面空效果,产生高级感,版面简约而不简单。



启用EV



我们来看几个应用案例。









向上工作

在APP界面的设计上,增加负空效果,创造更多的设计边距,从而营造出布局感。

四、最后

布局是所有设计的基础。平面设计、品牌包装、海报运营等都需要好的版面。,UI也是如此。

为什么在日常工作中,我们设计的UI界面不是平庸就是同质化,最大的原因就是思维受限,思维不开放。

我们可以从多个维度思考寻找灵感,赞美学习的领域,从其他设计领域寻找答案,这也是今天文章的核心。

比如,设计创新来源于从平面或品牌中汲取布局灵感,然后通过内化、尝试、探索,运用到你的界面设计中。

怎样做好微信营销

#专栏作家#

Tony,微信微信官方账号:功夫体验设计,人人都是产品经理专栏作家。百度视觉体验设计师一直坚持原创文章,愿意帮助新人。擅长作品集指导、笔测指导、UI视觉创意、设计潮流风格等。

本文原载于《人人都是产品经理》。未经许可,禁止转载。

图片来自Unsplash,基于CC0协议。

您可以还会对下面的文章感兴趣

使用微信扫描二维码后

点击右上角发送给好友