愛伊米

​版式設計中的"點線面"!靈活多變

​版式設計中的"點線面"!靈活多變

“點”的版面編排

點在空間中呈飄浮狀態,有長短、寬窄及運動方向。它是由各元素相互對應、相互比較而特定的,如隨著點與塊的縮小與擴大,它們之間互相的轉換,視覺語言的不同會在心理上產生不同的感受,如角狀點型,有強烈的衝擊力,曲狀點型則有柔和的飄浮感。

​版式設計中的"點線面"!靈活多變

“點”在設計作品中無處不在,在有限的版面中,“點”富於靈活變化。很多時候都會在“點”的位置安放醒目字圖,排版要考慮到這些“點”就是最重要的位置,是畫面中的關鍵之處。在版式設計中,不但要考慮“點”的數量和分佈,還要安排“點”的位置,不同的位置對版式編排效果產生極大影響。

​版式設計中的"點線面"!靈活多變

①右下方。在平面設計中,將點元素擺放在檢視的右下方,以幫助該物象塑造起沉穩、樸實的視覺形象,從而在視覺心理上使受眾感到踏實,並使他們對畫面資訊的信賴度得到相應提升。

​版式設計中的"點線面"!靈活多變

②右上方。將畫面中被視為點元素的物象擺放在檢視的右上方,以增強它在視覺上的表現力,同時給受眾帶來新奇、突兀的心理感受。將點擺放在右上方,以打破傳統的佈局樣式,從而使人感受到強烈的新鮮感與趣味性。

​版式設計中的"點線面"!靈活多變

③左上方。將被視為點的視覺要素擺放在畫面的左上方,以在排列形式上迎合受眾的閱讀習慣,使他們的瀏覽過程變得更為順遂與流暢,並在心理上給受眾留下積極的印象。

​版式設計中的"點線面"!靈活多變

④左下方。在實際的設計過程中,將點元素擺放在檢視的左下方,利用該種佈局方式使物象產生向下的視覺牽引力,同時在空間上給受眾的心理帶來壓抑、低沉的感受。

​版式設計中的"點線面"!靈活多變

⑤中心。當點元素被擺放在檢視的中央時,周圍空間就會相應地變得空曠,透過這種排列方式來為受眾的視線提供充足的流動空間,並使他們的神經得到適當的放鬆。

​版式設計中的"點線面"!靈活多變

“線”的版面編排

“線”存在於點的移動軌跡,面的邊界以及面與面的交界或面的斷、切、擷取處,具有豐富的形狀並能形成強烈的運動感。線可分為直線(平線、重直線、斜線和折線等)和曲線(弧線、螺旋線、拋物線、雙曲線及自由線)。

​版式設計中的"點線面"!靈活多變

幾何曲線能表達飽滿、有彈性、嚴謹、理智明確的現代感覺,同時也有

機械

的冷漠感。自由曲線是一種自然的、優美的、跳躍的線形,能表達圓闊、柔和、富有人情味的感覺,同時也有強烈的活動感和流動感。

​版式設計中的"點線面"!靈活多變

“線”在版面編排中的構成形式比較複雜,分為實線、虛線及看不見的視覺流動。在平面設計中我們知道點的移動可以構成線,設計中常常將字元作為點進行線的編排,透過字型、粗細、大小構成不同明度的線。看不見但卻非常關鍵的導向線,它直指中心內容。

​版式設計中的"點線面"!靈活多變

①隱形的版面網格分割線,用線分割版面的設計網格線通常是隱性的,僅僅起到定位的作用,沒經過專業訓練的受眾不易發現。但是,版式設計師有時也別出心裁地使優美的網格結構線躍然紙上,成為可視線條。設計時應將網格線視為裝飾元素作整體上的安排,切不可讓縱橫密佈的網格線影響資訊的傳遞。

​版式設計中的"點線面"!靈活多變

②用線裝飾編排元素的設計,在版式中編排元素時常用線來裝飾,引起視覺當引文需要強調時,用線作為裝飾,將引文與正文加以區別。正文中裝飾線條可以將正文進行資訊分割槽,同時線條也可以用在單詞下方,對正文中重點內容起強調作用。

​版式設計中的"點線面"!靈活多變

③用線框來限定版式中的編排元素,線框可以用來加強某種編排元素視覺效果,使其在整體中顯得特別出眾。當被強調的物件是說理性很強的文字或者圖形時,可用有規律的幾何形線框來限定它,使形式與內容完美統一。

​版式設計中的"點線面"!靈活多變

④用線來裝飾整體版面的設計,用線來裝飾整體版面的設計方法,常用於展開頁的整體設計,起到連貫資訊的目的。

​版式設計中的"點線面"!靈活多變

“面”的版面編排

在視覺構成中,“面”用於定義空間或體積的邊界,被面所限定的區域也稱為形,面在二維平面上常表現為各種各樣的形狀,幾何形、有機形、不規則形、曲線形可以根據內容大致分為表現形體和抽象形體兩大類。表現形體即包含特定主題、可與觀眾進行視覺交流的形體。

在版式設計中,包括圖片、標題、引文、正文等編排元素抽象成“面”之後所形成的形。抽象形體(或非表現形體)指不包含可以認知主題的形,例如負空間,或稱負形。面在版面編排中具有以下特徵。

​版式設計中的"點線面"!靈活多變

①面的方向感。面作為構成空間的基礎之一,具有強烈的方向感,面的不同組合方式可以構成千變萬化的空間視覺。

②面的空間屬性。面在空間形態上可分為平面和曲面兩種,平面有規律平面和不規律平面,曲面有規律曲面和不規律曲面。

​版式設計中的"點線面"!靈活多變

③面的形態情感。面的形態情感是指不同形態的面,表達的視覺情感也是不相同的。如圓形總是封閉的,具有飽滿的、肯定的和統一的效果,能表現流動、運動、和諧、柔美的感覺。不規則面的基本形是指一些毫無規律的自由形態,表達自由靈動的感覺。

​版式設計中的"點線面"!靈活多變

(此處已新增圈子卡片,請到今日頭條客戶端檢視)