版式設計中的「空間力場」!空間感

2020-12-22 百家號

文/閆會恩 在設計中,設計師根據特定主題與內容的需要,運用造型要素和形式原則,將各種視覺元素有機的組合,有序的排列在有限的版面內,以達到版式設計的技術與藝術的高度統一,稱之為版式設計。

版式"空間力場"

在版式設計中,空間的運用及各種元素的編排放置是設計的精髓,空間是以形態的方式而存在的,基本要素是由抽象化的點、線.、面、體所組成,不同的人對的空間的知覺或感應是不同的,同樣也會產生不同的立場感受,也稱為「心理空間」。

空間力場,是在版面被分割或限定的情況下,才產生的視覺感應。在版式設計中,空間力場表現在點、線、面在限定版面內的有序組合,它們之間關於均衡、統一、和諧、對比等傳統形式美法則是以」力場」的形式呈現的。

空間力場的呈現是依靠視覺元素的大小、形狀、位置、虛實等與空間的編排關係而界定的,好的版式設計使人感覺輕鬆愉悅,能夠體現設計者的智慧和創造力,也能為產品帶來良好的經濟效益。因此,在版式設計中,點、線、面等視覺元素的空間力場起著非常重要的作用。

點的空間力場

點作為版面中的最小單位,其大小,形態,位置的不同,所產生的視覺效果和心理作用也不同,小點在空間中起點綴,畫龍點睛的作用;大點,可以看成是一個面,能強調畫面重點,增加厚重感,點的位置變化可以引導視覺流動,產生不同的視覺感受。

線的空間力場

線是介於點和面之間的空間元素,是點運動的軌跡。在版式設計中,線具有分割空間的作用,在運用時,要注意各要素之間的主次關係,注意它們在空間編排中的內在聯繫,通過各種比例的空間分割,使作品在整體上產生均衡感和韻律美。

線的長短、疏密、肌理、粗細、虛實、曲直等不同形態的線條對版面的分割或限定都會給人不同的心理感應,這正是力場的空間感應。力場的大小,則與線的粗細、虛實有關。線對版面也有較強的約束力,有效的控制頁邊距和內容區隔、視覺引導,版面因為線的約束而規整有彈性,使其在視覺上具有相對穩定的規範。

人們在觀賞一幅作品時,視線會隨著畫面進行跳躍式的移動,這就形成一條看不見的視覺流程線,視覺流程線有誘導人們視覺流向的作用,是視線按照既定的空間力場進行流動,從選取最引人注目的畫面開始,到視覺流向的引導,再到最後留下更深印象的畫面為止,是構成要素的空間定位。

面的空間力

面是版面中佔用空間最大並用來展示不同的版面元素,是點和線的升華,如果說點是頁面中的小精靈,線是跳躍的舞者,那面就是象徵力量的武士。

在版式設計的時候,空間不均勻,過大或過小都會使人頭疼,因為兩者都阻礙了我們表現自己的審美和設計理念,最後這種空間的限制只好被強加於設計中,從而影響了設計的整體效果。如何將所要表達的信息合理有序的擺放在限定的空間內,使之既能在視覺上達到美觀統一,又能在內容上表現豐富完整是設計師首要考慮的問題。

如何營造"空間力場"?

空間無處不在,即使在版式設計的二維平面中,也可以營造出空間的感覺和層次的效果。但與真實的空間相比,這種空間的感覺是虛擬的,看得見能感知,但不真實存在的一種空間印象。

利用明暗、肌理、黑白灰

版面設計中,表現黑白灰的層次關係是非常重要的,色彩的虛實、明暗變化能夠營造出平面版面的空間感。版式設計強調色彩的調性,在用色時,強調形與空間大小的色彩對比以及文字、圖片與色彩的協調關係,使版面主次分明,顏色協調統一。同樣圖像肌理關係的合理運用使版面充滿新意,獲得更高的注目度,肌理空間的塑造表現在對虛實關係的運用。

利用點、線、面的位置、比例

在版式中也可以運用各元素的比例關係塑造空間感,建立良好的主次分明、強弱合理的空間力場,以增強版面的節奏感和韻律美;位置的主次關係可以產生空間層次感,將主要信息一般安排在視線最先到達的位置,其他信息配合安排在或上或下的次要位置,這種位置關係能夠成具有節奏感的三維層次空間;疏密的位置關係也可以產生空間層次,在前後疊壓關係中,作跳躍式的位置編排,所產生的空間層次使人產生緊張或舒緩的心理感受。

重視視覺流程

版面設計的視覺流程是一種「空間的運動」,各視覺要素對眼睛形成刺激,使受眾的視線按照按照預先設定的方向流動,將畫面中各個構成要素有序地結合起來,引起視線的不斷變化和移動。這種視覺的流動線在空間流動中是隱藏的線,只有設計師合理的設計才能起作用。正因為是隱藏的線,設計師在設計中會非常重視,通過對版塊進行布局、色彩搭配、字體應用等創造出富有生命力的頁面。

不同的藝術形式有各自的表現語言,詩歌通過詞彙、語法來表現;音樂通過樂譜、節奏來表現;繪畫通過色彩、圖形來表現,而版式設計的視覺語言可以通過選擇不同的色彩和不同的空間布局來實現。視覺流程通過讀者的感知,對空間起到約束作用,其實,不論是被動地接受空間限制或是主動地選擇空間搭配,空間的合理使用能夠最大限度的傳達要表明的信息。

相關焦點

  • 版式設計的空間構成!不可或缺「線」!
    文/王彬 版面的設計元素包括文字、線、照片、圖形等,由於這些設計要素在形狀、色彩、大小、虛實、長短等方面存在著能夠創造出不同視覺空間的差異性,若將這些基本的設計元素進行不同的組合,並通過合理的設計編排處理,便可以在二維平面中創造出具有強烈衝擊力、複雜多變的視覺空間感。
  • 視線的空間運動!版式中的視覺流程
    文/田雨 投稿 在具體的設計構成中,每個版面都有各自不同的視覺與讀程,它是版面組織結構的重要組成部分。橫向的視覺流程又叫水平視覺流程,是通過版面元素的有序排列,引導視線在水平線上左右地來回移動,是最符合人們閱讀習慣的流程安排,能夠給人帶來一種安寧與平和的感受,常用於比較正式的版式設計中。②豎向視覺流程。
  • 小設計的《版式設計》筆記
    版式設計的最終目的是什麼?是根據客戶的需求進行合理的文字與圖形的編排,以達到最直接,快速,有效的信息傳遞,使主題鮮明突出,增強讀者的注目度與理解力。設計無盡頭版式設計的應用版式設計在包裝中的應用:1:明確消費商品的客戶群體,版式編排富有時代感2:包裝是立體的,版式設計要有整體統籌意識3:結合商品的內容特徵,版式構圖要個性鮮明
  • 版式設計的「版式結構原則」!
    設計中分組的方式與我們日常生活中對生活物品的擺放具有同樣的道理,我們通常會將櫥櫃裡的外套和貼身的衣服分開放置;廚房中蔬菜、肉類及調料等整齊歸類而避免相互汙染。分組是版式設計中一種整理信息的辦法,即將客戶提供的原始信息按照一定的規律進行分類整理為信息組,並且組與組之間具有一定的間距。 推薦閱讀:版式設計中的"平面構成"原理!
  • 設計中空間感的產生
    在平面設計中,版面出了問題,整體的設計風格、給人的視覺感受就會產生很大偏差,這時就會體現出視覺層級、顏色搭配、視覺空間等因素的重要性。視覺層級問題主要考慮作品中的主次關係,圖片與文字的先後順序。我們可以通過空間、虛實等不同的表現手法來體現這種關係。
  • 設計基礎!版式結構那些事兒
    在生活中為確保擺放物品的穩定,一般會等間距放置和平直放置等,使物體重心均勻。 同樣在版式設計中追求穩重感也是如此。將圖片整齊排列(網格),確保版面的平衡感(重心、留白)是非常關鍵的。 具體來講包括統一大小、比 例、平均分割圖片之間的空白空間、儘可能用直線分割空間等等。 例如:插入一張圖片,需在版面的對角線上另外插入一張圖片,如此才能確保平衡感。
  • 設計中的「空間感」!如何表現?
    文/王康媚 平面設計中的空間是指設計師在二維平面載體上,創作出具有立體感和深度感的視覺空間,進一步提昇平面設計的意境美、空間美和含蓄美,這樣更有利於平面信息的傳遞。在現代平面設計中,是利用連續的、相互重疊的物象來引導受眾從前邊看到後邊,從二維的平面載體中體會到三維立體空間的縱深感,重疊空間的例子數不勝數,字母的重疊、漢字的重疊、圖形的重疊、不同色彩的重疊等都在平面設計中經常出現,充滿了一定的趣味性與新穎感。
  • 在平面設計中如何塑造空間感?
    空間是平面設計很重要的要素,平面設計往往需要設計師去營造設計的空間感。一個優秀的設計必須具有視覺衝擊力,這一點離不開設計畫面中空間感的塑造。如何營造空間?平面設計中的空間是如何營造的呢?一般情況下,設計師主要是通過遮擋關係、透視規律、留白等手法來表達物體前後的位置關係以及設計的立體感,我們利用這些恰當的設計技巧就可以在二維的環境中營造出完美的三維空間感。在平面設計中,設計師們常常會這樣做。
  • 版式設計的「核心」是什麼?
    版式設計就在你的日常應用中。版式設計涉及到很多元素,文字排布、色彩運用、元素位置關係……版式設計如此之複雜,它的核心究竟是什麼?或者說是否有一個綱領性的元素,領導著這所有的複雜細節?有的,這個綱領性的核心元素就是形式美法則。形式美法則包含四個方面的基本內容:對比與調和、對稱與均衡、節奏與韻律、比例與分割。
  • 版式設計中的網格!如何用?
    文/周聿 投稿 網格系統是版面設計的基礎,網格系統作為一種行之有效的版面設計形式,將秩序引入到設計中,使所有的版面構成元素之間的關係協調一致。不一定說所有版式編排都需要用網格來約束版面,但是網格系統在一定的程度上可以保持版面的均衡感,使圖片和文字有一個排列的規則和系統,從而讓整個版面更加具有規劃性。
  • 設計中的"空間感"!如何表現?
    文/王康媚平面設計中的空間是指設計師在二維平面載體上,創作出具有立體感和深度感的視覺空間,進一步提昇平面設計的意境美、空間美和含蓄美,這樣更有利於平面信息的傳遞。在現代平面設計中,是利用連續的、相互重疊的物象來引導受眾從前邊看到後邊,從二維的平面載體中體會到三維立體空間的縱深感,重疊空間的例子數不勝數,字母的重疊、漢字的重疊、圖形的重疊、不同色彩的重疊等都在平面設計中經常出現
  • 版式設計的基本要求與方法!
    文/陳思蔚 版式設計就是對文字、圖形、色彩等平面基本要素,按照規定的內容、標準等進行設計與搭配,以體現出複雜多樣的空間效果,傳達出創作者的思想、情感和意圖,以提高版面的視覺衝擊力,吸引受眾的關注。好的版式設計能夠使設計的主題更加突出、更加生動、更具藝術感染力。目前,常見的版式設計形式有三種:古典版式風格、柵格樣式、自由版式製作等。
  • 樓體大字版式設計編排-字工場
    在樓體大字的版式設計中,模數化和網格設計的方法較為常用。樓體大字的信息內容有其固定組成部分和內在邏輯結構。樓體大字版式設計編排-字工場模數化有利於信息內容的分級歸類,而網格設計為信息的內在邏輯提供了一個基本的框架模式,形式和空間的位置及其相互關係通過二維網格來限定,使樓體大字中的文字、
  • 版式設計中的「美學形式」!
    文/張鵬 王志敏 版式設計有著獨特的設計美感形式和原理,通過運用重複與交錯、節奏與韻律、對稱與均衡、對比與調和、比例與適度、變異與秩序、虛實與留白、變化與統一等形式美構成法則,使觀者在接受信息的同時體會到版式設計的形式美感。
  • 版式設計中的節奏與韻律!
    在節奏中注入美的因素和情感的個性化,就有了韻律。韻律就好比是音樂中的旋律,不但有節奏,更有情調,它能增強版面的感染力。版式節奏與韻律在平面設計中,節奏和韻律包含在各種構成形式中,但其中最為突出的是表現在「漸變構成」和「發射構成」兩種形式中。下面我們將詳細地學習這兩種形式,從這兩種形式中去體會節奏和韻律的美感。
  • PS設計教程:版式突破實例評改 01
    編按:很多設計新人無法突破瓶頸「坐穩」設計職業,不是不努力,而是沒有掌握設計支點——版式。一個精彩的創意,如果沒有漂亮實用的版式支撐,無法實現價值;而一個平淡的想法,包裹上漂亮實用的版式,則會具有不俗的視覺吸引力。版式之重,就在於它是設計的基礎,是撬動設計的支點。部落窩教育將從本期開始,陸續推出版式設計實例評改教程,由版式設計專家「風的詩人」帶領大家找出自己的版式設計問題,突破設計瓶頸,坐穩設計職業。每篇教程都將同時提供設計原稿、改後稿。
  • 平面設計中的負空間用處是什麼
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享 平面設計中的負空間用處是什麼?平面設計中,負不是單純的減法原則。 平面設計中,負既有正負空間的負形意義又有減的意思。負,不是單純的減法原則。
  • 保姆級UI界面版式設計實用小技巧
    二.UI界面中實戰版式技巧分析 1.版面中的空間關係元素 在界面版式設計中,可以運用平面設計中的結構思考方法去理解UI界面中的空間元素結構的分布對應,下面以新聞類客戶端為例進行頁面元素分析
  • 版式設計有哪些經典形式?
    文/王彬 版式設計中的所有形式都具有不同的表現特點和作用,在實際應用中,這些形式相互關聯並為版面設計提供強有力的依據,很大程度上幫助我們抓住設計精髓,使設計作品變得生動並且富有內涵。若是在設計中善於把握對稱與均衡、對比與調和、節奏與韻律等相關版式經典構成形式,在提高設計效率的同時,也能創造出富有美感的版面效果。
  • 想做好版式設計?先了解版式要點
    另外,對角線布置就是在版面對角線的兩端放置同樣大小的圖片,這也是種基本的版式設計方式,可讓版面呈現沉穩、安定感,讓人能冷靜地仔細閱讀內文。 2、製作留白的空間讓頁面動起來 若覺得典型的對角線過於穩重,不妨試著在版面中稍微錯開單邊的圖片位置,使上方空出來,這樣便能有效地創造出節奏感