排版找不到靈感?送你8個高手常用方法 - 優設網 - UISDC

排版找不到靈感?送你8個高手常用方法

2019/08/18 45380評論 21

重復、對比、對齊以及親密性是傳統平面排版的四大原則,即將元素重復運用(包括顏色、形狀、材質、字體、空間關系等)以增加畫面的條理性和整體性;避免頁面上的元素形態與關系構建過于相似;畫面上的每一元素都應該與另一個元素存在某種視覺聯系,建成清晰的結構;以及要將畫面中的元素進行分類以實現頁面的組織性與條理性,讓視覺單位之間既有獨立性又視覺統一。

其實各種所謂的排版版式與規則都是基于這四大原則衍生而來,但還是可以總結出一些常見主流的版式樣式與技巧來幫助我們快速進行排版執行。當你在進行排版設計找不到頭緒時,不妨看看這些方法來找找靈感:)

中心型排版(視覺聚焦)

「中心型排版」主要利用視覺中心突出想要表達的主題,一般會將最主要的設計元素放在版面的最中心。利用大家的視覺習慣聚焦視線,突出主題?;婢哂形榷ǜ?,但具有較強的視覺沖擊力。

適用范圍

1.有十分明確的設計主體元素,且主體元素最好自身具備視覺沖擊力
2.無太多文字元素或文字裝飾性大于功能性

Tips:背景圖片不易太過突出,避免喧賓奪主。

主要有三種編排版面的方式:

1.設計主體元素以獨立且輪廓分明的形象占據版面中心:

2.視覺元素以向版面中心聚攏的形式運動:

3.視覺元素猶如石子投入水中,以向外擴散的弧線形式運動:

垂直型排版( 理性嚴謹 )

「垂直型排版」是較常規的排版形式,將圖片與文字按照比例在垂直方向進行編排設置。水平排列的版面給人穩定、平靜的感受,而垂直排列的版面給人律動感。文字與圖片在視覺效果下一般會自然形成分割的形態。版面具有穩定性和秩序感,給人以嚴謹和理性的美。

適用范圍

1.圖形與文字各占據一定版率,兩者相互輔助

2.追求畫面的穩定性和秩序感

Tips :

1.注意在排列文字元素時通過大小與形式上的對比體現信息層級關系,避免信息混亂

2.注意排版的節奏感,防止畫面過于嚴謹而呆板

傾斜型排版(動感與活力)

「傾斜型排版」是通過將設計主體或整體畫面傾斜編排,或是在版面中引入斜線劃分畫面的形式進行排版。具有不穩定的視覺感受但同時極具律動感和活力,是視覺沖擊力很強的排版形式。無論是斜切式的版式編排還是利用斜線指向特定物體或方向,都能在版面中起到主導觀者視線的作用。
適用范圍

1.想讓呆板的畫面變得富有動感,需要視覺沖擊力強或動感強烈活潑的版式時

2.圖形與文字各占據一定版率,相互輔助。

Tips : 注重畫面的整體性避免畫面過于瑣碎凌亂,注意突出重點減弱其他

曲線型排版(韻律感)

「曲線型排版」主要是將視覺元素即圖片和文字在版面上按照一定曲線形態進行排版,版面具有不穩定性?;嬗兇萆罘較虻目占涓杏朐下山謐喔?。常見的是S型構圖版式。

適用范圍

追求畫面的節奏感與視覺沖擊力

Tips : 注意素材排布的節奏走向美感與對比

骨骼型排版(秩序感與安全性)

「骨骼型排版」簡單理解就是將所有的設計元素用一定的框架骨骼框起來進行排版,使畫面統一有序。這種版面視覺上平穩舒適,操作上簡單好上手。是安全不易出錯的排版模式,常見于活動海報設計與雜志設計。

適用范圍

1.需要處理的內容元素多,文字多閱讀負擔重
2.追求畫面的秩序感與穩定性

3.新手友好型版式,不易出錯

Tips : 此種版式畫面平穩有序但容易出現形式單一的情況,造成版式平庸??山岷夏諶菔實奔尤胄問礁星康納杓圃鼗蟯ü淖值牟鉅煨員嗯哦員?,打破明顯的版式框架讓排版更活潑。

對稱型排版(平衡感與呼應性)

「對稱型排版」畫面呈中軸線上下或左右相互平行,排列圖形具有呼應性多相似或相同。在突出主體且具有畫面穩定性的同時,又有變化和沖突感。

適用范圍

1.圖片滿足中心型排版的條件但主體面積過大
2.想利用不同圖形元素的呼應與對比營造畫面沖突感,突出主題

Tips :

1.避免素材本身過于平淡簡約,不然容易排版平庸和呆板。

2.素材選取要有呼應性或沖突感,排版時注意對比與統一的平衡

分割型排版(形式感)

「分割型排版」是將版面分割,利用有形或無形的分割線使畫面具有明確的獨立性和引導性?;娣指畹拿婊笮∮胛恢枚員?,可以較明確的體現出版面中各部分信息的主次關系。每個看似獨立的部分聯系在一起具有變化,整體畫面不會擁擠也不顯單調。

適用范圍

1.需要處理的內容元素多,即圖片多、文字多時的優選
2.當素材本身質量參差不齊時,可使用分割型排版通過裁切圖片局部、調整大小等處理揚長避短

3.追求形式美感

Tips :

1. 將圖片排布到版面中時不要過于隨意,需隨時注意版式的整體性和主次關系,避免視覺混亂

2.可通過添加色塊、抽象幾何圖形等輔助元素增添版面的活力與視覺沖擊力

滿版型排版(視覺沖擊力)

「滿版型排版」?通過大面積的元素平鋪或堆疊,用最直觀與強烈的視覺刺激來傳達主題信息,畫面豐富具有感染力。通常有整體滿版、細節滿版和文字滿版三種形式。缺少素材時可采用重復元素的排版方式或將素材變體進行重復排列來占據版面排版。整體給人大方舒展視覺沖擊力強的感受。

適用范圍

1.可用設計素材少或瑣碎復雜,找不到合適的排版方式時最容易出效果的選擇
2.追求視覺感官的沖擊力與刺激

Tips :

1. 注意元素排版時「對比」與「重復」原則的運用

2.可通過添加色塊、幾何圖形等輔助元素增添版面的活力與視覺沖擊力
主要的三種形式:

1. 整體滿版的排版形式,需要有極為明確的主體

2. 細節滿版的排版形式,適合素材瑣碎或細節視覺效果突出的情況

3. 文字滿版的排版形式,適合以文字為主要元素有大段文案內容的情況


排版設計的核心其實是構建信息傳播的橋梁,追求視覺上的形式美感都必須符合想要表達主題的思想內容。所有的規律總結與技巧都只是為大家提供一種工具,一味的追求表現形式卻忽略信息傳達的本質內容,或者只求內容而缺乏對視覺的藝術表現力的版面都是不成功的。這之間的權衡與取舍才是大家應該努力與追求的方向。

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址://www.utsvcz.com.cn/8-typesetting-method

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

sketch 界面設計 版式設計 排版布局 職場 優設專訪 設計師干貨 優設大課堂 設計達人 配色 web前端開發 視覺設計 素材下載 AI教程 設計理論 設計流程 神器下載 字體下載 設計師專訪 psd下載 設計規范 海報設計 設計趨勢 用戶體驗設計 動效設計 平面設計 logo設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

優設啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!優設網是極具人氣的設計師平臺
2012年成立至今,一直專注于設計師的學習成長交流

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里