掌握重復原則,幫你輕松塑造畫面統(tǒng)一性

2020-2-14    資深UI設計者

重復、對比、對齊以及親密性是版式設計中的四大原則,各種排版形式與規(guī)則都是基于這四大原則衍生而來,而掌握這些具有指導性的設計原則,能夠幫助我們在短時間內(nèi),更快更好的達成設計目標。本期給大家講解四大原則之 —— 重復原則。

什么是重復原則

重復原則是指:版面中的視覺要素要重復出現(xiàn),可以重復顏色、字體、圖形、形狀、材質(zhì)、空間關系等。使用重復原則既能增加畫面的條理性,還可以加強統(tǒng)一性,讓版面更富有層次感、邏輯性,可以提高閱讀效率和信息的傳達。有規(guī)律的重復可以產(chǎn)生節(jié)奏感和韻律美,增強觀者的印象。

仔細觀察,生活中隨處都有重復之美:

重復原則的使用

1. 文字樣式的重復

同一級別的文字信息需采用相同的文字樣式,也就是說,在字體、字號、字重以及特殊效果等方面都要保持一致,方便閱讀和信息的傳達。

此案例并列關系的文字信息,重復使用了同樣的字體、字號、字重??梢院苤庇^地把大量的信息分為四個信息層級:主標題、小標題、正文、輔助說明文字。

2. 配色方案的重復

色彩的重復在版面設計中尤為重要,當一個版面中出現(xiàn)太多顏色,控制不好版面便會出現(xiàn)雜亂花哨等問題,因此使用重復的顏色,控制好色彩的種類、純度和明度,讓版面更和諧統(tǒng)一是最常用的方法。

標題選擇和圖形顏色統(tǒng)一的深藍色,并使用橙色進行點綴突出;展覽時間是次級要強調(diào)的信息,選用和圖形顏色統(tǒng)一但是比標題淺一些的青色進行強調(diào);展覽地點和內(nèi)容處于三級信息,使用無彩色的黑色進行弱化。這樣三個層級信息重復使用相同的色彩,讓版面信息清晰有序,能保證較好的閱讀體驗,有助于信息更好地傳達。

3. 圖片使用的重復

有多張圖片需要出現(xiàn)在同一版面,需統(tǒng)一圖片的大小、色調(diào)、比例、裁切方式等,這樣可以使版面美觀整齊。

整個版面出現(xiàn)的人物非常多,但圖片統(tǒng)一采取退底形式,并把顏色調(diào)整為黑白,具有很強的整體性。

4. 設計元素的重復

設計元素(如圖標、形狀、肌理、空間關系等)在版面中起到了強調(diào)和裝飾的功能,而同類的設計元素重復出現(xiàn),不僅使版面有了統(tǒng)一的風格,也豐富了視覺效果,使版面更有設計感和整體感。

如上一期對齊原則的案例示范中,就使用了各種設計元素的重復:文字背景框統(tǒng)一的偽立體效果圖形,背景圖案的黃色幾何形狀和背景黑色點狀肌理。正是這種形狀的重復,在很大程度上造成了整體設計的統(tǒng)一性和其獨特風格。

重復原則的作用

1. 統(tǒng)一性、秩序化

重復是構(gòu)成統(tǒng)一與秩序的關鍵,讓視覺要素在整個作品中重復出現(xiàn),統(tǒng)一的字體樣式、重復的設計元素、相同的圖片形狀與裁切方式,這樣既能增加條理性,還可以加強統(tǒng)一性。讓頁面更富有層次感、邏輯性,提高閱讀效率和信息的傳達。

2. 整體性、風格化

重復產(chǎn)生統(tǒng)一,統(tǒng)一形成風格。重復不僅對單個頁面很有用,對于多個頁面的設計更重要。正是在多個頁面中運用重復原則,才賦予了整體設計上的統(tǒng)一感、整體性,才形成了一定的設計風格。

我們會覺得這幾個頁面屬于同一個應用,因為它們都具備一些相同的細節(jié)特征,比如一致的幾何圖形、不斷復現(xiàn)的色彩 、相同的字體、有規(guī)律的字號字重、統(tǒng)一的構(gòu)圖形式等等,這些重復的元素相互影響并不斷加強我們對頁面相似處的感知,所以我們一致會覺得這些頁面的風格是統(tǒng)一的。

3. 節(jié)奏感、律動美

節(jié)奏最常見的形式就是有規(guī)律的重復,是版面構(gòu)成要素利用疏密、聚散、連續(xù)、漸變等方式有條理有秩序地重復呈現(xiàn),形成一種律動的美感,還可以增強觀者的印象。

重復與變化

有優(yōu)點就有缺點,重復給人帶來統(tǒng)一與秩序感的同時,還會帶來呆板、乏味、機械化等負面印象。應當盡量采用多樣性實現(xiàn)統(tǒng)一, 在保證版面有秩序的前提下,讓設計元素產(chǎn)生形態(tài)的差異或距離上的變化來調(diào)節(jié)視覺感受,不規(guī)則的重復會讓畫面更動感、活潑。

在重復中產(chǎn)生變化,一是可以避免版面的單調(diào)與平淡,增加版面的趣味性,激發(fā)讀者閱讀和觀看的興趣;二是為了形成反差,區(qū)分主次,突出重點。特異點更易獲得視覺聚焦,引起注意。

案例實操

為了讓大家加深對重復原則的理解,提取本期文章的主要內(nèi)容作為原始資料,運用重復原則進行設計示范。

運用「親密性原則」進行信息的分組和距離的調(diào)整,排版時要遵循「對齊原則」。運用「重復原則」把同一級別的文字設置為相同的文字樣式,增加條理性,加強統(tǒng)一性。

繼續(xù)豐富畫面,加入配色和設計元素,相同級別的文字信息使用統(tǒng)一的顏色和點綴元素,讓頁面更富有層次感、邏輯性,提高閱讀效率和信息的傳達。

現(xiàn)在畫面文字信息已經(jīng)清晰而有序的排列好,但是缺少主體。把標題內(nèi)容「重復原則」作為主體元素進行設計,給文字加入從橙色到藍色的漸變。

復制四組新的文字,使用自由變換工具把文字壓扁,每次變形的程度逐漸加強,使其呈現(xiàn)出漸變的節(jié)奏感,形成一種模擬翻頁效果。

把設計好的文字復制一份,并鏡像翻轉(zhuǎn),主體就設計好了。重復出現(xiàn)標題內(nèi)容,可以增強視覺沖擊力,有較強的形式感,可以讓觀者加深印象。

把設計好的主體元素和文字信息放置到畫面中,使用上下構(gòu)圖,采取黃金分割比例進行布局。

最后給背景加入點狀肌理,在信息群組間加入線條,使層次分割更清晰,讓細節(jié)更豐富,視覺效果更美觀。設計完成:

樣機效果:

總結(jié)

重復是構(gòu)成統(tǒng)一與秩序的關鍵,使用重復原則能讓版面更富有層次感、邏輯性,可以讓信息層級更清晰,能保證較好的閱讀體驗。有規(guī)律的重復可以產(chǎn)生節(jié)奏感和韻律美,增強觀者的印象,有助于信息更好傳達。

重復不僅僅是單一、機械地重復使用某些元素,而是要兼顧版面的形式美感與內(nèi)在的圖文內(nèi)容,讓版面實現(xiàn)內(nèi)容與形式的和諧統(tǒng)一。

文章來源:優(yōu)設  作者:藝海拾貝Design

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://www.bouu.cn

存檔