生图提示词手册
首页 视觉设计 当学会了这“3招”UI版式,整个人都精神了

当学会了这“3招”UI版式,整个人都精神了

编辑导语:随着互联网行业的快速发展,各种APP也开始应运而生,现在不论是哪个行业,关于UI设计师都是一个必要的岗位,设计好板式是很重要的一项工作,那怎样可以设计出属于自己的版式呢,…

编辑导语:随着互联网行业的快速发展,各种APP也开始应运而生,现在不论是哪个行业,关于UI设计师都是一个必要的岗位,设计好板式是很重要的一项工作,那怎样可以设计出属于自己的版式呢,本文就来为大家聊一聊!

当学会了这“3招”UI版式,整个人都精神了

每次拿到原型开始设计,总是没有好的想法;每次做出来的设计,不是同质化,就是很平庸,该如何破局?

这是80%的设计师目前的现状,设计好的UI版式真的很难么?答案显然是否定的。

如果,大家经常去关注一些前沿设计作品,设计概念,你就会发现别人的设计其实也没用什么牛逼的技法,就是普通的版式,也可以设计感很强。

他们到底怎么做到的?

下面我来给你拆解3个方向,尤其是第二个,很容易学;但,就是越简单的东西,越容易被忽略。

 

一、图文序列

图形与文字版式组合创新设计,形成可见的几何序列或者几何矩阵,从而达到增强设计版式的视觉效果。

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

很多人说,这些我都知道,但是灵感从哪里来?我们做UI设计不一定只看这个领域的参考。

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

来看个例子,下面这张平面海报的设计。

当学会了这“3招”UI版式,整个人都精神了

将图形与文字混合穿插排版,增强了形式感与版式感,这样的思路我们在UI版式中也可以使用。

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

下面,我们看几个案例。

当学会了这“3招”UI版式,整个人都精神了

大量重复使用几何线条序列,区分信息层级的同时,还增加了版式感。

当学会了这“3招”UI版式,整个人都精神了

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

当学会了这“3招”UI版式,整个人都精神了当学会了这“3招”UI版式,整个人都精神了当学会了这“3招”UI版式,整个人都精神了

Nike Run Club

 

二、比大更大

大小对比,我们从学设计时,就已经知道了,但就是用不好。

因为大家,把大小对比理解成就是放大或者缩小两者之间的差距,这个理解只能说正确一半。

我们要真正意义上理解大小对比,应该是需要更大,再大一些,形成鲜明的对比。

当学会了这“3招”UI版式,整个人都精神了当学会了这“3招”UI版式,整个人都精神了

Short Waves Festival

当学会了这“3招”UI版式,整个人都精神了

Tech Central

杂志设计,大家应该都看过,之所以杂志周刊很有版式感、设计感,是因为他们设计大胆。

比如,字体喜欢用大号文字,这样更显得直观、清晰,在视觉上产生强烈的对比冲突,唤起思考。

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

当学会了这“3招”UI版式,整个人都精神了

分离派

当学会了这“3招”UI版式,整个人都精神了

上图网页UI设计,有了大字号数字排版,这个页面才有了灵魂。

当学会了这“3招”UI版式,整个人都精神了当学会了这“3招”UI版式,整个人都精神了当学会了这“3招”UI版式,整个人都精神了

Tech Central

 

三、强化负空间

通过负空间也能产生设计感,增强界面版式质感。那么,如何通过强化负空间来增加设计版式感?

首先要明白负空间的含义是留白,加大负空间的应用,就是增加留白,让页面更有呼吸感。

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

当学会了这“3招”UI版式,整个人都精神了

Enabling EV

当学会了这“3招”UI版式,整个人都精神了

下面看几个应用案例。

当学会了这“3招”UI版式,整个人都精神了当学会了这“3招”UI版式,整个人都精神了当学会了这“3招”UI版式,整个人都精神了当学会了这“3招”UI版式,整个人都精神了

Upwork

在APP界面设计中,加大负空间效果,营造更多的设计留白,从而来营造版式感。

 

四、最后

版式是一切设计的基础,做平面,品牌包装,海报运营等都需要好的版式,在UI中也是一样。

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

我们可以从多维度去思考找灵感,夸领域汲取,从其他设计领域中找答案,这也是今天这篇文章的核心。

比如,通过从平面或者品牌中汲取版式灵感,再通过内化、尝试、探索应用到你的界面设计中,设计创新就是这样来的。

以上内容就是“当学会了这“3招”UI版式,整个人都精神了”的全部内容了,喜欢的小伙伴记得点赞收藏,也可以分享给身边感兴趣的朋友。如果你还想了解更多知识星球的相关内容,可以来AdobeEdu设计联盟官方网站获取。

生成海报
免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。
域名
Avatar photo

作者: AdobeEdu

AdobeEDU设计网址导航,为设计师提供无限的创意参考,欢迎大家同时关注微信公众号:UID的小伙伴们

为您推荐

艺术感满满的啤酒包装设计

艺术感满满的啤酒包装设计欣赏 生成海报 下载海报

香薰包装设计

香薰包装设计 生成海报 下载海报

肥料包装设计欣赏

肥料包装设计是产品营销的关键环节之一,良好的包装设计能够吸引消费者的注意力,激发他们的购买欲望,并提升产品的形象和价值。...

宠物食品包装设计

宠物食品包装设计欣赏 生成海报 下载海报

宠物食品包装设计欣赏

宠物食品包装设计欣赏 生成海报 下载海报

发表回复

返回顶部