正确理解设计中简约、留白、空三者关系!

小编:@梦尽笑兮简约、留白、空三者关系就像三角恋。

所谓的留白就是简约的设计吗?留白就是空着不去设计吗?

不是只有简约风格才有留白,留白在设计中无处不在, 文字与文字之间,段落与段落之间、图形与文字之间、图形与图形之间、整个画面中的留白。留白合适才叫留白,不合适叫臃肿或空。如下图

留白这一概念从古一直沿用至今,古代书画中的留白可以留下更多的想象空间和意境的烘托,设计中的留白可以使画面、排版更为协调精美。

一、留白、简约、空的关系:

不是只有简约设计才有留白,在设计中都需要留白,只是留白的比例不一样而已

“空”就是画面看上去没有内容,不够丰富,没有设计感等,在设计中画面较“空”,一般有以下几个情况:

01.面对文案和素材单一时很容易出现画面空,这时就要合理的加入一些辅助元素或更多的变化来增加画面感,从而让画面更丰富。

遇见文案少、素材少怎么设计,我总结了几种套路仅供参考。

套路1,加入英文(这种方法是最直接有效的

套路2,加入色块(能很好的突出主题,填充画面

套路3,文字做简单的变化让画面有设计感,如下图我把坚持的“持”的点做了相应的变化,这也是丰富画面很好用的方法。也可以加入小色块来强调某一个字。

套路4,加入简约元素活跃画面

没有素材如何做设计》的文章,我的个人公众号:梦尽笑兮,期待下一篇文章的到来。

以下几个方面也会造成画面“空”。

01.精简过度,为了简约而简约,最终造成画面空的现象。

02.没有设计感,一个画面中没有看点,没有细节就会让人觉得乏味,从而感觉空。

03.没有对比,对比也可以丰富画面,让画面更有层次感,设计中对比是必不可少的,缺乏对比画面很平,主题不明显,没有重点。(包括色彩对比、大小对比、疏密对比、位置对比等)

二、留白的意义

1.更好的阅读体验

设计的最终目的都是为了传达信息,留白可以使画面有空间感,减少观看者的压迫感,有助于信息快速准确的传递。(如图)

PS小技巧:在ps中按住ALT键 方向键可以快速调节行距和字间距。在AI中也是一样的操作。

2.凸显品质

留白可以凸显产品的品质,反之就是凸显便宜、促销等(如下图)

上图显得热闹,有促销的感觉,下面的设计更有品质。

在如下图,左边图看上去低廉没有品质感,右边的设计用了简约背景,大量的留白,凸显产品的品质。

无论是怎样的设计都没有好与坏之分,就如上面案例一样,在特定的环境下都是好的设计

如果是要体现产品的低价、亲民和促销就不能有太多的留白,比如超市海报和促销海报等,反之想要体现产品或品牌高端气质可以选择适当的留白处理。

3.空间感

这里所说的空间感不是三维空间,而是平面中的空间

上图看上去比较饱满,有视觉冲击力,下图留白区域增多,空间感更强。

4.突出视觉焦点、简化画面

留白为观看者提供一个舒适的观看体验,简化画面合理的留白,使观看者更容易看到主题信息。

左图中元素过多不知道谁是主题,右边没有多余的元素,只有一个圆,主题明确,做设计不要太贪心,什么都要加入画面中,反而什么都得不到。

《原研哉》无印良品海报,整个海报没有多余的元素,没有广告语,没有解释性的文字,反而可以把注意力集中到无印良品上,更能体现韵味和空间感,也很好凸显无印良品的品牌特性。

5.平衡画面&对比

如下图,留白可以平衡画面以及形成对比,像下面海报一样,左面较空,右面比较密,左面与右面形成疏密对比。

左面用了大量的留白使画面左右两边达到平衡,留白也是一种设计方法。

三、简约设计

简约不是简单,也不是单纯的元素减少,简约设计和留白密不可分,简约设计是提炼精华,简而不空,简约并不意味简单、单调、空白。

1.精简文案

要做到信息快速传递,那么精简文案是必不可少的。如下图,左边排满了文案,但是有谁会去仔细看完,右边就是简单的一句话就你能起到宣传作用。

2.精简图形

精简图形去掉不必要的元素,如果构成画面元素少,画面就精炼而意味深长,即“以简胜繁”,如下图

3.减少色彩(尤其是背景色彩不要过于花哨选用与产品相关的颜色。这样可以做到精简色彩

慎用几年前流行的渐变色,用不好会很土。如果要用渐变色可以采用现在比较流行的扁平化渐变

分享一个渐变色借鉴的网站,UIgradients 以分享美丽渐变色彩为主的分享站,里面接近上百种渐变配色方案,设计师可根据自己风格来选择搭配。

本文所采用的部分图片来自网络,无法确定作者信息,版权归原作者所有。

(完,每期文章都会在我的个人公众号“梦尽笑兮”,可以我看更多干货知识)。

站酷

作者:梦尽笑兮

(0)

相关推荐

  • 设计中的“留白”有什么用?

    都是自己总结的,不喜勿喷!! 在平时的工作中,有人也许听到过这样的声音:"这块太空了,我再给你写点文案加上去!"又或者:"你空这么多给我做的?"那么今天的重点就 ...

  • 如何在界面设计中使用留白

    留白是一个活跃的元素,而不是被动的背景.它是界面设计中最宝贵的资源,页面上的留白,虽然经常被忽视,但它跟UI元素所占用的空间一样重要. 01 .认识留白 在介绍如何使用留白提升用户体验之前,我们需要先 ...

  • 设计沉思录|UI设计中的『小套路』

    如果你还在为界面不精致,层次乱糟糟,反复修改浪费时间,开发还原度很差等问题而烦恼,不妨静下心来听我唠叨几句. UI设计是一个年轻的职业,起步较晚变化飞快.新的创意和玩法层出不穷,去年流行的风格,今年可 ...

  • 浅谈网页设计中的简约之美

    随着网页技术的不断发展,网页设计的趋势在改变,扁平化.响应式.视觉差滚动.卡片式等给设计师带来了更多的发挥空间.简约的设计,也以其简洁直观.轻薄美观等特点,越来越受到设计师的追捧和大众的喜爱. 那么什 ...

  • Airbnb前端工程师告诉你,如何在设计中选择正确的字体和版式

    原文作者Jonathan是一位设计师,同时也是一位开发者.曾任职于雅虎,现在在airbnb任前端工程师.大神自述,自己在设计和开发两个领域研究的比较多,这篇文章就分享了他在设计中的一些排版,虽然文章中 ...

  • 如何在UI设计中正确地运用色彩

    颜色和其他东西一样,最好是适度使用--少了,寡淡无味,多了,过犹不及.如果你能坚持在自己的配色方案中最多不会超过三种主色调,那么一般来讲,你的设计都会获得比较好的效果.在一个设计项目中,应用的颜色与设 ...

  • 界面设计中的那些版式-图版篇

    小编话:界面美不美,除了构图之外,另一个重要手段的就是如何处理留白,也可以理解成版率.留白就是为了凸显层次.突出内容.当然除了留白还有什么方法让界面高大上和达到一定的视觉效果呢?让我们跟着作者@王铎( ...

  • TUBIK STUDIO 帮你解读图标设计中的门道

    编者按:经常看Dribbble和Behance的同学可能早就听说过Tubik Studio 这个工作室,他们的UI设计案例和图标设计一直以简约传神而著称,色彩搭配上也相当的有一套.作为一个在UI设计领 ...

  • 网页设计中隐藏的心理学冷知识

    设计和心理学有着紧密的关系,今天我们就来聊聊着陆页的设计中所隐藏的心理学现象:即时情绪和预期情绪.这两种概念并不复杂,甚至很容易理解,一旦掌握,就能得心应手地运用. 即时情绪其实就是用户对于产品直接情 ...