設計(jì)界什麽是空?什麽是留白?

2022-03-08品牌視(shì)覺

設計(jì)界什麽是空?什麽是留白?

今天的(de)話(huà)題是關于什麽是空,什麽是留白的(de)。這(zhè)個(gè)話(huà)題相(xiàng)信大家(jiā)非常感興趣,為(wèi)什麽我希望的(de)留白總讓畫(huà)面看(kàn)起來(lái)像半成品。或者别人(rén)的(de)是如何把握留白/間(jiān)距的(de)尺度的(de)。我會通(tōng)過留白的(de)定義、方法、注意事(shì)項等切入點來(lái)和(hé)大家(jiā)探讨這(zhè)個(gè)話(huà)題。閑話(huà)不多說(shuō)我們開(kāi)始今天的(de)內(nèi)容。

image.png


 讀完了大緻的(de)定義,我們就要知道(dào),留白≠白色。而是針對(duì)有(yǒu)形事(shì)物(wù)的(de)無形延伸,例如我們南宋時(shí)期的(de)畫(huà)家(jiā)-馬遠(yuǎn),所創作(zuò)的(de)獨釣寒江圖就是采用的(de)留白手法。

我們在畫(huà)面中并沒有(yǒu)看(kàn)到太多具象的(de)事(shì)物(wù),船(chuán)體(tǐ)附近(jìn)的(de)水(shuǐ)紋不過寥寥幾筆(bǐ),但(dàn)給人(rén)的(de)無形延伸感和(hé)想象感是非常巧妙的(de)。


image.png

當然大家(jiā)都(dōu)知道(dào),我們定義設計(jì)中的(de)留白不能複刻百科(kē)裏的(de)說(shuō)法。我個(gè)人(rén)總結設計(jì)的(de)留白概述為(wèi)以下(xià)幾點,第一,留出呼吸感,第二,留白的(de)必要性,第三功能性留白

下(xià)面首先從(cóng)留出呼吸感這(zhè)部分開(kāi)始講起。有(yǒu)很(hěn)多同學認為(wèi)留白都(dōu)是大面積的(de)存在于畫(huà)面而忽略這(zhè)些細枝末節,其實這(zhè)樣的(de)想法是不對(duì)的(de)。留白存在于畫(huà)面的(de)每個(gè)獨立單元空間(jiān)內(nèi)。

image.png

我們通(tōng)常認為(wèi)空間(jiān)指的(de)就是整個(gè)設計(jì)圖,其實每一被顯性性狀/隐性性狀分割出來(lái)的(de)小(xiǎo)空間(jiān)都(dōu)屬于一個(gè)獨立單元,任何一個(gè)獨立單元都(dōu)應該受到留白和(hé)親密性的(de)制約以保證視(shì)覺的(de)舒适度。

要知道(dào)好(hǎo)的(de)設計(jì)在細節上(shàng)是極其嚴謹的(de),一個(gè)點處理(lǐ)不好(hǎo)就會導緻畫(huà)面整體(tǐ)質量的(de)下(xià)降,所以我們讨論留白就要從(cóng)小(xiǎo)的(de)信息位置開(kāi)始說(shuō)起。



image.png

呼吸感在畫(huà)面看(kàn)起來(lái)像是一個(gè)非常抽象的(de)說(shuō)法,實則是非常确鑿的(de)法則。一組信息的(de)編排位置就與留白的(de)呼吸感有(yǒu)密切關系。

我們觀察下(xià)面兩組信息哪組更舒服一些?顯然我們會選擇A,為(wèi)什麽?

image.png

信息與邊框的(de)擁擠造成了視(shì)覺的(de)堵塞感,同時(shí)由于邊距過近(jìn)導緻親密性出現(xiàn)問(wèn)題,這(zhè)顯然就是一個(gè)錯(cuò)誤的(de)留白處理(lǐ)。

紅色所标注的(de)間(jiān)距是內(nèi)部間(jiān)距,綠色标注的(de)區(qū)域是外(wài)部間(jiān)距。我們通(tōng)過觀察可以明(míng)顯得出一個(gè)結論。

內(nèi)部間(jiān)距大多數情況是不能大于外(wài)部間(jiān)距,也就是說(shuō)較大的(de)留白要給到外(wài)部空間(jiān)。

image.png


然後我們談到正常人(rén)的(de)閱讀順序,大家(jiā)都(dōu)知道(dào)橫排是從(cóng)左到右從(cóng)上(shàng)到下(xià),而豎排文(wén)字呢(ne)是從(cóng)右到左,從(cóng)上(shàng)到下(xià)。我們通(tōng)常會在視(shì)線消失的(de)地(dì)方設置留白,以保有(yǒu)呼吸感。

那(nà)麽我們就得出了第二條理(lǐ)論,橫排時(shí)右側要大于等于左側,下(xià)方要大于等于上(shàng)方。那(nà)麽豎排就是右側大于左側。

image.png


這(zhè)條理(lǐ)論不僅僅适用于信息組,對(duì)于圖片和(hé)圖形甚至是畫(huà)面整體(tǐ)的(de)規劃都(dōu)是生(shēng)效的(de)。

來(lái)看(kàn)這(zhè)兩個(gè)對(duì)比圖,人(rén)物(wù)視(shì)線所視(shì)的(de)位置我個(gè)人(rén)認為(wèi)做出留白的(de)選擇是相(xiàng)對(duì)較好(hǎo)的(de),這(zhè)就是我們說(shuō)的(de)不僅僅适用于信息。

image.png

我找一些優秀的(de)設計(jì)圖給大家(jiā)看(kàn)看(kàn)感覺。

image.png

image.png



image.png

有(yǒu)很(hěn)多項目都(dōu)不适合大量元素的(de)堆積,所以留白從(cóng)一種功能性的(de)東西(xī)變成了一種必需品,這(zhè)都(dōu)是因為(wèi)其項目調性的(de)限制。

image.png

那(nà)麽一般什麽時(shí)候我們會選擇較大留白呢(ne),我總結為(wèi)以下(xià)幾種情況,第一種就是我們開(kāi)篇提到的(de)有(yǒu)限空間(jiān)無限延伸,第二則是信息量有(yǒu)限或所面對(duì)的(de)客戶群體(tǐ)相(xiàng)對(duì)高(gāo)端,第三則是最近(jìn)幾年(nián)比較流行的(de)極簡主義。

這(zhè)麽說(shuō)可能還(hái)是有(yǒu)點抽象,那(nà)下(xià)面我給大家(jiā)找一些對(duì)應的(de)圖片輔助大家(jiā)理(lǐ)解

image.png


有(yǒu)限空間(jiān),無限延伸其實更多使用的(de)就是空間(jiān)僞立體(tǐ)的(de)方式,也就是通(tōng)過模拟立體(tǐ)的(de)明(míng)暗(àn)變化(huà),從(cóng)而給你(nǐ)一種這(zhè)裏仿佛存在空間(jiān)的(de)感覺,但(dàn)空間(jiān)上(shàng)并不給你(nǐ)填補很(hěn)多東西(xī),隻是讓你(nǐ)感覺到這(zhè)裏似乎是存在一個(gè)平面,所以這(zhè)是留白的(de)一種手法。

image.png


不僅僅是曲面的(de)空間(jiān),當然我們直面的(de)空間(jiān)也是可以的(de)。

image.png

還(hái)有(yǒu)一種空間(jiān)是曲線縱深延伸的(de),我們國(guó)風(fēng)很(hěn)多設計(jì)都(dōu)喜歡做這(zhè)樣的(de)手法,這(zhè)種就是借鑒了我們中國(guó)畫(huà)的(de)藝術手法,不過近(jìn)幾年(nián)用的(de)比較少了。

image.png


還(hái)有(yǒu)些調性比較高(gāo)級的(de)那(nà)不能做的(de)和(hé)燒烤攤一樣這(zhè)個(gè)沒啥說(shuō)的(de),關鍵在于有(yǒu)些文(wén)案給的(de)就特别特别少,如果恰好(hǎo)公司的(de)大體(tǐ)營銷策略也不是那(nà)種特别急迫的(de)走量營銷,而是偏向調性營銷的(de)話(huà)我們就可以采用留白較大的(de)設計(jì)方式。

image.png

很(hěn)多地(dì)産的(de)設計(jì)都(dōu)是這(zhè)樣的(de)尤其是節日(rì)節氣這(zhè)種,根本不會就弄得特别低(dī)端,整體(tǐ)的(de)調性都(dōu)是高(gāo)走的(de)。

image.png

極簡主義是現(xiàn)代的(de)一種藝術流派,其核心思想是以簡單到極緻為(wèi)追求。設計(jì)中的(de)極簡則是讓一切回歸到功能上(shàng)去(qù),去(qù)掉裝飾否定其他(tā)美(měi)學的(de)積極意義。就包括我們知道(dào)的(de)無印良品也是常年(nián)保持着“去(qù)繁就簡、去(qù)除浮華、直 逼本質、以人(rén)為(wèi)本”的(de)設計(jì)思想。

image.png

以上(shàng)內(nèi)容轉自(zì)微(wēi)信公衆号董董董董掌櫃

相(xiàng)關動态

RELATED NEWS

浙江品融官方公衆号

商務合作(zuò)&運營合作(zuò)

聯系方式:18257175696(微(wēi)信同号)

郵箱:wangyangming@pinkroon.com

杭州總部

杭州市(shì)智慧信息産業(yè)園F座/3幢5樓

抖音(yīn)直播基地(dì)

杭州市(shì)錢塘區(qū)松合文(wén)化(huà)中心

廣州設計(jì)中心

廣州市(shì)海(hǎi)珠區(qū)TIT文(wén)創園12棟102号

© 2024.杭州漫淘品牌管理有限公司.版權所有(yǒu) 京ICP證000000号 浙公網安備 33010602010904号