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

2020-2-14    資深UI設(shè)計(jì)者

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

什么是重復(fù)原則

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

仔細(xì)觀察,生活中隨處都有重復(fù)之美:

重復(fù)原則的使用

1. 文字樣式的重復(fù)

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

此案例并列關(guān)系的文字信息,重復(fù)使用了同樣的字體、字號、字重。可以很直觀地把大量的信息分為四個(gè)信息層級:主標(biāo)題、小標(biāo)題、正文、輔助說明文字。

2. 配色方案的重復(fù)

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

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

3. 圖片使用的重復(fù)

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

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

4. 設(shè)計(jì)元素的重復(fù)

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

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

重復(fù)原則的作用

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

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

2. 整體性、風(fēng)格化

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

我們會(huì)覺得這幾個(gè)頁面屬于同一個(gè)應(yīng)用,因?yàn)樗鼈兌季邆湟恍┫嗤募?xì)節(jié)特征,比如一致的幾何圖形、不斷復(fù)現(xiàn)的色彩 、相同的字體、有規(guī)律的字號字重、統(tǒng)一的構(gòu)圖形式等等,這些重復(fù)的元素相互影響并不斷加強(qiáng)我們對頁面相似處的感知,所以我們一致會(huì)覺得這些頁面的風(fēng)格是統(tǒng)一的。

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

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

重復(fù)與變化

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

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

案例實(shí)操

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

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

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

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

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

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

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

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

樣機(jī)效果:

總結(jié)

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

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

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

分享本文至:

日歷

鏈接

個(gè)人資料

存檔