最近買了一批新書到了,就想趕緊把他們讀完,這兩個(gè)月大概看了24本了,自然的就沒有時(shí)間更新了啊,然后就拖更了,非常抱歉。應(yīng)網(wǎng)友們的需求,把版面/版心/網(wǎng)格/柵格這些理論知識(shí)點(diǎn)單獨(dú)拿出來講一下,以方便大家能更好的認(rèn)識(shí)它們,并學(xué)以致用。后面我也會(huì)與大家分享一些其他的基礎(chǔ)理論知識(shí)和高階理論知識(shí)。
我打算先講“空間”和“平面”這兩個(gè)基礎(chǔ)概念,理解這兩個(gè)概念是十分有必要的,不夸張的說這兩個(gè)概念可以說的上是建立設(shè)計(jì)思維的基石,其重要性可想而知。那這篇文章主講的內(nèi)容就是“空間”,下一章要講“平面”,雖然說這些概念意會(huì)難懂,但大家理解了這些基礎(chǔ)概念的定義,就可以靈活運(yùn)用在不同的作品層面中,相對(duì)的設(shè)計(jì)思維也會(huì)得到相應(yīng)的提升。如果不去理解它們,那設(shè)計(jì)思維就會(huì)受到約束,也就是常說的陷入“思維定勢(shì)”。要先理解這些概念后才能活學(xué)活用,就像先學(xué)習(xí)駕駛再去超車的道理一樣。
這章的內(nèi)容有些抽象,很難去理解,我盡量以專業(yè)的視角去講解這些概念來保持專業(yè)性,同時(shí)我也會(huì)加上通俗易懂的白話與足夠直觀的配圖,方便大家去理解。概念來自阿利克斯 · 伍 · 懷特的平面設(shè)計(jì)原理,同時(shí)也非常感謝阿利克斯 · 伍 · 懷特前輩的分享。
1、空間
空間這個(gè)概念在各領(lǐng)域有各種不同的定義,這里只講一下“科學(xué)”與“平面”中對(duì)空間的定義??茖W(xué)中對(duì)空間的定義就大致了解一下就行,畢竟術(shù)業(yè)有專攻。而在平面中對(duì)空間的定義就講的多一些。
1.1 科學(xué)中“空間”的定義【可以不讀】
我們可以從不同的角度來解讀“空間”?!翱臻g”一詞源自于拉丁文“Spatium”,從科學(xué)的角度來講,“空間”包含:宇宙空間 、網(wǎng)絡(luò)空間、思想空間、數(shù)字空間、物理空間等等,從科學(xué)的角度來定義“空間”,其含義是“由一個(gè)物體同感覺它的人之間產(chǎn)生的相互關(guān)系所形成”。
空間和時(shí)間具有客觀性,同運(yùn)動(dòng)著的物質(zhì)不可分割。不可否認(rèn),建筑在創(chuàng)造空間方面有著極其重要的地位。建筑與繪畫,雕塑雖有差別,但又有必然的聯(lián)系。在法國(guó)哲學(xué)家笛卡爾的哲學(xué)中,物理學(xué)占據(jù)了很重要的成分。他認(rèn)為物質(zhì)只是廣延性的東西,不能思想…. 想提升科學(xué)中空間的概念這塊知識(shí)的朋友們,可以去讀一下百科和論文,這塊知識(shí)大致了解一下就行了,術(shù)業(yè)有專攻這部分內(nèi)容就不多提了。
1.2 平面中“空間”的定義
因?yàn)槠矫媸且粋€(gè)二維的空間,是二維零曲率廣延的一種面,因此我們?cè)诙x空間時(shí)不需要考慮三維的“第個(gè)三維度(一個(gè)方向的向量)”帶來的影響,我們只要定義空間中的最小單位與空間的相對(duì)關(guān)系,和定義空間的邊際就可以了。是不是覺得有點(diǎn)意會(huì)難懂,其實(shí)不難理解,我來畫張圖。
【如上圖所示】平面二維空間中x軸與y軸無限大,那空間也會(huì)隨之變大。而三維空間中z軸的不斷擴(kuò)大,空間就會(huì)隨之變大。
只有在有邊際的空間中置入一個(gè)要素,即使這個(gè)要素是最小要素,空間也能被界定。例如一個(gè)正方塊(一個(gè)要素),被放置到一個(gè)參照的方框中,這時(shí)小的空間就會(huì)被界定。
【如上圖所示】二維平面和三維中坐標(biāo)軸的范圍就是界定后的空間,而坐標(biāo)軸中具體的一個(gè)單位就相當(dāng)于平面中的單一要素。當(dāng)把要素放入一個(gè)有邊際的空間中,這個(gè)空間就會(huì)被界定。
平面的空間可以被設(shè)計(jì)得看上去非常廣闊并無邊際,或者也可以被處理為看上去有邊界并且能夠被劃分。將一個(gè)要素放入空間中,就形成了對(duì)應(yīng)關(guān)系。當(dāng)某個(gè)單一的要素置入空間中,或許很難辨別該要素究竟是大或小、高或低,甚至近或遠(yuǎn),它僅僅漂浮于空間之中??臻g的邊界,無論是由一個(gè)方框還是頁(yè)面邊緣來界定,都有助于描述要素所處的位置。
【如上圖所示】如果不確定空間的邊際,那該空間就會(huì)變得廣闊無痕,而空間中的要素也無法確定其大小、高低和遠(yuǎn)近。而空間的邊際被確定后,那該空間的要素就有了參照,該要素的大小、高低、遠(yuǎn)近就會(huì)被確定。
1.3 空間即是空白
空間即是空白可以用生活來舉例子,例如當(dāng)你們要把收納箱填滿,拿到的箱子,箱子周圍加上底部這些材質(zhì)形成的“圍欄”就是空間的邊界。那一個(gè)空的箱子里面空無一物,可以理解為箱子里面形成了一個(gè)“空間”,也可以理解為這個(gè)箱子是空的,是“空白“的。那往這個(gè)箱子里面放一本書,放進(jìn)箱子的這本書就可以稱為單一”要素“。
雖然說空間和空白在有些條件下會(huì)產(chǎn)生同樣的結(jié)果,但其實(shí)空間和空白是有差別的,差別在于它們會(huì)受到物體/物質(zhì)/分子的約束而變得意義不同。通??梢哉f一面墻是空白的,一個(gè)箱子是空白的,一個(gè)冰箱是空無一物的,而不能說一個(gè)宇宙是空白的,空無一物的,應(yīng)該說一個(gè)宇宙是一個(gè)空間,他們之間的差別一定要搞清楚。
1.4 平面中的空白空間
這的內(nèi)容我想在下一章要講“空白”的概念的時(shí)候再講一遍,提前先講你們先理解一下,然后再去閱讀那篇可能會(huì)產(chǎn)生不同的理解與心境。
在這里我想引用 威廉 · 莎士比亞 - 《皆大歡喜》話劇中的一句話:“我將一處填滿,但當(dāng)使其空置時(shí),或許會(huì)更好”。的確,有目的的空白確實(shí)能帶來意想不到的感覺。要使自己敏感于對(duì)空間的運(yùn)用,最為重要的一步就是首先要看見空間的存在。格雷格 · 貝里曼(Gregg Berryman)在其《平面設(shè)計(jì)與視覺傳達(dá)手記》中寫道:每一個(gè)人都能‘看到’事物,但實(shí)際上很少有人能夠‘看見’。
設(shè)計(jì)師必須有這種觀察看的能力。觀看意味著一種經(jīng)過訓(xùn)練的,對(duì)于形狀、色彩、紋理、樣式和對(duì)比等視覺元素的高度敏感,這些元素構(gòu)建了一種視覺語(yǔ)言,猶如單詞構(gòu)筑起了語(yǔ)義。設(shè)計(jì)師們最好有老師的指導(dǎo)把觀察力訓(xùn)練的更加敏銳,但這種訓(xùn)練要憑借對(duì)優(yōu)秀的藝術(shù)作品和設(shè)計(jì)案例的解析才能牢記于心并活學(xué)活用。
在視覺設(shè)計(jì)中,唯有空白空間最容易被忽視。正是由于對(duì)其缺乏關(guān)注,造成了大量丑陋和難以閱讀的設(shè)計(jì)出現(xiàn)。丑陋和難以閱讀表明了設(shè)計(jì)的兩種不同的功能,這兩種功能偶爾會(huì)同時(shí)出現(xiàn)。丑陋所針對(duì)的是一件物品的審美品質(zhì),是我們是否喜歡該件物品的一種評(píng)價(jià)。難以閱讀則更為重要,因?yàn)橐豁?xiàng)難以閱讀的設(shè)計(jì)時(shí)一項(xiàng)完全失敗的設(shè)計(jì)。一份印刷文件,無論其用途或價(jià)值如何,可讀性決不能被忽視。
設(shè)計(jì)的各要素總是被放在與其相關(guān)的環(huán)境中加以審視。在二維設(shè)計(jì)中空間被稱為空白空間,位于文字和圖像之后。它不僅僅是背景,如果一項(xiàng)設(shè)計(jì)的背景看起來相當(dāng)?shù)皿w,設(shè)計(jì)總體的清晰性和實(shí)用性將立刻倍增。因此,當(dāng)空白空間運(yùn)用得引人入勝,就會(huì)成為最為顯著的部分??瞻卓臻g成了一個(gè)實(shí)體的形,實(shí)與虛的區(qū)域相互交織在一起。而這里空白空間的實(shí)不是指正形,虛也不是指負(fù)形,而是背景中大片空白面積是“實(shí)體”,要素的間距,字與字的間距中的空白部分是“虛體”。
實(shí)體部分空白的整塊多一些;虛體部分空白被分割的多一些;
1.5 三維空間
絕大多數(shù)的平面設(shè)計(jì)都在二維的平面上進(jìn)行的:垂直(縱向)和水平(橫向)的。然而,我們觀察世界卻是以三維的方式加上深度(空間),這里的深度空間就是上面說的Z軸,第個(gè)三維度(一個(gè)方向的向量)。當(dāng)我們把設(shè)計(jì)作品加上深度,也就是第三個(gè)維度,這時(shí)設(shè)計(jì)就賦有了“活力”,也可以說是具有了節(jié)奏感和動(dòng)勢(shì),那相對(duì)的也更引人注目了。
所有的藝術(shù)家和設(shè)計(jì)師均面臨著相同的問題。如何將一個(gè)空間對(duì)其進(jìn)行劃分、圍合、限定、置入形式,從而賦予活力,使之具有意義??瞻椎目臻g對(duì)于平面設(shè)計(jì)師而言是一種挑戰(zhàn),要求其利用空白空間最有效地表達(dá)視覺語(yǔ)言的形式,以便使信息清晰地傳達(dá)給讀者。
設(shè)計(jì)中的深度是真實(shí)的。其真實(shí)性體現(xiàn)在我們翻轉(zhuǎn)頁(yè)面,體現(xiàn)在我們隊(duì)物品的拍攝上,也體現(xiàn)在我們?cè)噲D在一個(gè)要素之前顯示另一個(gè)要素。深度是吸引讀者的一個(gè)強(qiáng)有力的工具,并且為設(shè)計(jì)師提供了探索新的可能的一次良機(jī)。
1.6 二維與三維空間
我們生活在一個(gè)有高度、寬度和深度的三維空間中。然而,印刷的版面是平的(平面),也只有高度和寬度(二維)??臻g的錯(cuò)覺可以是任意體積的,可以暗指一個(gè)固體或空洞的空間。維度空間的錯(cuò)覺常常吸引注意力,按時(shí)真實(shí)性,并有助于讀者進(jìn)入到頁(yè)面的構(gòu)成之中。
下面有幾種途徑能夠在二維中創(chuàng)造出接近三維空間的方法:
【要素重疊】將一個(gè)物品放置在另一個(gè)物品之前使后者模糊,從而最有效地重建真是空間。
【通過模糊要素來暗示動(dòng)態(tài)】通過PS進(jìn)行處理,分割圖像,或?qū)δ承┮剡M(jìn)行重復(fù)。
【運(yùn)用比例視覺等級(jí)】改變要素的預(yù)期尺寸,以形成令人驚奇的關(guān)系。
【運(yùn)用透視法】透視法是在平面上表現(xiàn)體量和空間關(guān)系的一種技巧。
最后附加一段吧,平面設(shè)計(jì)應(yīng)該在閱讀過程中考慮到三維空間的運(yùn)用。例如,海報(bào)設(shè)計(jì)成兩層閱讀關(guān)系時(shí),在距離較遠(yuǎn)時(shí)造成一種重要的視覺效果,從而吸引讀者的注意,去獲取次要的、更詳細(xì)的信息。在距離較近時(shí)營(yíng)造一種親切的整體氛圍,讓讀者沉浸其中思考海報(bào)的所表達(dá)的信息。
* 總結(jié)
空間的定義:空間在科學(xué)領(lǐng)域和平面構(gòu)成中的平面設(shè)計(jì)領(lǐng)域均有定義。
科學(xué)的角度來講:“空間”包含:宇宙空間 、網(wǎng)絡(luò)空間、思想空間、數(shù)字空間、物理空間等等,從科學(xué)的角度來定義“空間”,其含義是“由一個(gè)物體同感覺它的人之間產(chǎn)生的相互關(guān)系所形成”。
平面的角度來講:平面又分為平面二維和三維;在平面中定義空間是定義空間中的最小要素與空間的相對(duì)關(guān)系,和定義空間的邊際。
空間的界定:在二維平面和三維中,xzy軸的擴(kuò)大,空間邊際也會(huì)隨之增大。
空間即是空白:在特定情境下,空間即是空白。
平面中的空白空間:有時(shí)適當(dāng)做些空置,也許會(huì)更好。
平面中的空白空間:訓(xùn)練對(duì)形狀、色彩、紋理、樣式和對(duì)比等視覺元素的高度敏感。
平面中的空白空間:空白空間的實(shí)體與虛體,實(shí)體部分空白的整塊多一些;虛體部分空白被分割的多一些。
三維空間:當(dāng)我們把設(shè)計(jì)作品加上深度,也就是第三個(gè)維度,這時(shí)設(shè)計(jì)就賦有了“活力”,也可以說是具有了節(jié)奏感和動(dòng)勢(shì),那相對(duì)的也更引人注目了。
三維空間:適當(dāng)留出空白空間來提出主體,但要按實(shí)際需求而定。
二維與三維空間:二維設(shè)計(jì)更意象化,三維設(shè)計(jì)更加具有真實(shí)感。
二維與三維空間:四種能在二維中創(chuàng)造出接近三維空間的方法 - 要素重疊、通過模糊要素來暗示動(dòng)態(tài)、運(yùn)用比例視覺等級(jí)、運(yùn)用透視法。
謝謝閱讀
感謝支持
這篇文章概念性知識(shí)偏多,對(duì)于新手來說理解起來肯定會(huì)很吃力。就這一點(diǎn)而言我是沒有辦法再做簡(jiǎn)化了,簡(jiǎn)化太多會(huì)失去專業(yè)性,簡(jiǎn)化太少又很難消化,這就像微積分就是要比小學(xué)數(shù)學(xué)難理解一樣。不過沒有關(guān)系,就算大家不能完全吃透,了解也行啊,能學(xué)到10%也算是提升。
這篇文章為了保證專業(yè)性,部分內(nèi)容摘抄了阿利克斯 · 伍 · 懷特的平面設(shè)計(jì)原理一書,是怕在比較難理解概念中加了個(gè)人觀點(diǎn)會(huì)曲解概念的本意,同時(shí)也非常感謝阿利克斯 · 伍 · 懷特的知識(shí)分享。
我們要以正確的態(tài)度和積極的心態(tài)來學(xué)習(xí)新知識(shí),希望大家能在這一點(diǎn)上達(dá)成共鳴。
最后就以書中的一句話做結(jié)尾吧:
好的設(shè)計(jì)不只是外觀好看。人們買的并不是審美,而是情感。他們想要體會(huì)到:它能為用戶做什么,它如何操作,以及它是怎樣工作的。并且最重要的是,用戶如何能感受到它。- 羅伯特 · 布倫納
記得點(diǎn)個(gè)贊哦!
∨