建立-空間的層次思維

建立-空間的層次思維



文章序言:

大家做設計相信一定聽過客戶講這麼一句話:我覺得畫面太平了.每到這個時候設計師就是崩潰的,究竟什麼是平?其實所謂的"平"就是畫面缺少層次空間變化,或者畫面的圖字層級豐富度不夠,今天會通過層次簡述、留白邏輯、以及大家一直最好奇的內外空間來為大家建立起設計的空間層次邏輯思維。大家在平時的設計過程遇到了什麼難以解決的問題可以直接在文章尾部添加我的個人微信我都會盡量幫大家解決。 如果大家都為一個問題感到困惑我也會專門出一篇文章或者視頻幫助大家解決問題,下面就開始今天的學習吧。



建立-空間的層次思維




建立-空間的層次思維


建立-空間的層次思維




建立-空間的層次思維


圖字層級即畫面中的所有可視元素都是圖字層級的一部分,通常來說圖的最大層級應該為畫面中的主體,字層級最大的為畫面中的主標題,也就是說圖的元素的裝飾也好對比也好要優先給到我們的主體,主標題可以適當的用一些文字進行裝飾也可以達到擴大層級的效果。

主體通常是有兩種情況,一種是圖片主體本身非常豐富我們只需要點綴突出主體的特點即可,這類手法廣泛的應用在餐飲,產品等領域。當主體不夠豐富的時候,我們就需要藉助其他的圖元素與主體進行對比從而達到增加主標題豐富度的目的。主標題也是同樣的邏輯,如果我們會字體設計或者合成等等技法的時候他本身的豐富度就高了所以我們就不需要再添加其他的元素,但如果我們不會那些技法是不是主標題就豐富不了呢?肯定不是的我們可以藉助編排的手法,例如提取一個英文放在標題旁邊給標題組增加一個對比,實際工作的時候有些客戶他不讓你添加英文我們同樣也可以給主標題做一個斷行處理,讓主標題自身產生一個長短對比。這麼說可能會不太好理解,為了幫助大家清晰概念下面會通過一些具體的案例來進行講解。




建立-空間的層次思維

首先看這個設計的字層級,它上面出現了多種對比類型,例如有色與無色,大與小,長與短,描邊與填充、直與傾斜這都是文字對比的常用手法,我們不見得都要用,但是需要都掌握,根據情況選擇最適合的。圖層級上非常巧妙,這裡的主體與其說是主體還不如說是主體區域,注意人物的視覺走向以及畫面的明度變化可以看到視覺的重心基本是在以三分之二的區域內,這是一種非常有意思的圖層級處理手法,但在商業設計裡不是太常用。


建立-空間的層次思維


建立-空間的層次思維


建立-空間的層次思維


建立-空間的層次思維




建立-空間的層次思維

所謂點線面思維就是視一切圖,字都為點線面的基礎組成元素,訓練這樣的思維可以幫助我們最快看到畫面本質,以及優秀作品的元素分佈趨勢 ,各個元素的對比使用手法。點線面只是一個相對的概念,不要過於糾結,例如一個畫面中點大了就會成為面,點連接起來就會變成線。沒有一個具體的邊界硬性規定這麼長叫線這麼短叫點。

給大家簡單說說點線面分別在畫面中承擔的角色,點在畫面中主氣氛、提示裝飾作用,線在畫面中有分割、引導、整理的作用,面具有最強的視覺性,作為視覺性最強的元素我們就知道需要讓主體更多的呈現出面的形態。




建立-空間的層次思維

建立-空間的層次思維

畫面中的主體是四個同形異構的元素那麼我們就把他視為一個主體組,那麼它就是畫面中最大“面”這樣的設計才是沒有問題的設計,那麼這個時候我如果想讓畫面熱鬧一些呢?我們就可以適當的添加一些點元素進行裝飾就能達到我們想要的效果。


建立-空間的層次思維

也可以這樣使用一個內空間把主體和主標題強制統一成一個視覺組,具體什麼是內空間後面的內容會有介紹,這樣的強制統一需要注意的是風格要完整的適配否則元素之間靠近後會有強烈的不協調感。


建立-空間的層次思維




建立-空間的層次思維

為了方便大家理解給家插入一個比較出效果的簡單案例,來演示我們如何一步步豐富畫面的層次,我們在網上隨便瀏覽一個圖片來做這個設計。

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

這部分強化主標題首先是更換了主標題的字體為一個繁體,繁體本身是具有更加豐富的視覺性,同時提取了一個英文並放大做出一個大小、長短對比,加上小字部分標題就湊齊了三個層次變化,這樣主標題的豐富度就夠了,下面可以開始刻化其他的信息。

建立-空間的層次思維

畫面到這一步基礎處理就結束了,要開始強化主體了,這類型的主體不太好找到輔助元素,那我們就用單純的點線面來解決問題。我們通過觀察主體可以發現這個主體的透視感非常強,這是他的優點,我們想強化他就需要從他的優點入手揚長避短。點線面,線具有延伸性善用線還可以製造出空間感。

建立-空間的層次思維


建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維


建立-空間的層次思維

建立-空間的層次思維



建立-空間的層次思維


建立-空間的層次思維




建立-空間的層次思維

承載形內空間是最常用的,這類型的內空間作用就是以承載為主,通常來說分為三種,一種為單獨承載主標題起到創建一塊純淨空間保護主標題的作用,第二種為承載主體,拉開空間層次匹配主體形態,第三種為整體承載,整體承載的形式優點就是很容易做出來但是效果遠遠不如前兩種。

建立-空間的層次思維


建立-空間的層次思維


建立-空間的層次思維



建立-空間的層次思維

串聯型內空間正如其名,主要就是為了串聯畫面的主標題和主體的一種內空間形式.這樣做可以把他們兩個元素歸成一個視覺組,這樣的手法還可以讓本身缺乏對比的主標題豐富起來。這樣的處理可以讓畫面的視覺性更好,串聯的形式多為線或者面。

這種屬於不規則的內空間,承載了畫面所有的視覺元素,同時這個碗也是畫面中面屬性最強的這種藉助主體形態來串聯主體和文字的手法非常巧妙,比較適合創意類的畫面。

建立-空間的層次思維

建立-空間的層次思維




建立-空間的層次思維

穿插形內空間主要使用在商業設計裡比較多,基本呈現狀態為,色塊承載了主標題,同時主體的一部分遮蓋在了色塊上形成前後關係,這樣的手法就屬於穿插形內空間。

建立-空間的層次思維

建立-空間的層次思維




建立-空間的層次思維

通常不可視形內空間都是沒有色塊存在的,前幾種我們判斷他有沒有內空間就是看他有沒有一個可視的色塊或者是元素,不可視內空間就是他的元素整體都形成了一個隱性的形狀。打個比方下面的圖1和圖2都是什麼形狀相信你都能輕而易舉的看出來這是圓形和正方形這部分就會涉及到完型心理學。

建立-空間的層次思維

完形心理學(格式塔心理學):

人們在觀看時,眼腦並不是在一開始就區分一個形象的各個單一的組成部分,而是將各個部分組合起來,使之成為一個更易於理解的統一體。此外,他們堅持認為,在一個格式塔(即一個單一視場,或單一的參照系)內,眼睛的能力只能接受少數幾個不相關聯的整體單位。這種能力的強弱取決於這些整體單位的不同與相似,以及它們之間的相關位置。

格式塔理論和研究述及了這樣一個觀念,即人們的審美觀對整體與和諧具有一種基本的要求。簡單地說,視覺形象首先是作為統一的整體被認知的,而後才以部分的形式被認知,也就是說,我們先“看見”一個構圖的整體,然後才“看見”組成這一構圖整體的各個部分。

通俗點來說就是你在看一個東西的時候你會自動摘取這個東西的外形然後直接在你腦海中腦補出缺失的部分,打個比方你在上學的時候頂著一個字很長時間然後就感覺不認識這個字了,這個其實就是因為你從這個字的整體注意到了他的每一個筆畫變化,所以會產生陌生感。

(部分摘抄自網絡)

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維




建立-空間的層次思維


建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維


建立-空間的層次思維


建立-空間的層次思維


建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維




建立-空間的層次思維


建立-空間的層次思維




建立-空間的層次思維


在設計中留白是一種十分常用的手法,但並不是萬能的法則,留白有它自帶的氣質,更多的是韻律感,是空間的流動所以基本不適合大部分促銷形設計。留白不是空白更不是白色,這也是大部分人對留白的錯誤認知,留白是為了留給人以想象的空間,正如音樂結束時候聲音逐漸變得微弱直到消失時候的感覺。留白裡的“白”更多指的是相對純淨的空間而不是白色。下面通過幾個例子來給大家說說留白的常見三種用法。

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維




建立-空間的層次思維

清明將至,就做一個清明的海報,正好也符合留白的氣質可以來說明案例,但在這個設計中我不會讓留白麵積太大,因為大家都明白實際的商業設計中甲方是大部分時候都不同意留白過多的畫面。

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

建立-空間的層次思維

-設計樣機圖-




最後總結 >

本期教程到這裡基本就結束了,本次我們認識了什麼是畫面層次知道了層次分字層級與圖層級同時認識了內外空間的各種形態以及如何應用,對留白知識也有了一個初步的瞭解。今天的內容有點多,希望大家在理解的時候一定要多角度跨領域的找通性,這套理論可以應用在大部分設計領域,大部分空間形態。配合上練習就能讓自己快速進步。最近新建立了一個社群,日常會在社群裡分享優秀案例,或者設計賞析分析歡迎大家掃下面的二維碼,加我個人微信進群交流。

非常感謝各位的閱讀,喜歡的本文可以點一下在看或者轉發,您的每一個在看與轉發都是我更新的巨大動力,最後祝大家每天進步我們下期再見。


關注公眾號:版視(designb)獲取練習素材



分享到:


相關文章: