2020-2-14 資深UI設(shè)計(jì)者
重復(fù)原則是指:版面中的視覺(jué)要素要重復(fù)出現(xiàn),可以重復(fù)顏色、字體、圖形、形狀、材質(zhì)、空間關(guān)系等。使用重復(fù)原則既能增加畫(huà)面的條理性,還可以加強(qiáng)統(tǒng)一性,讓版面更富有層次感、邏輯性,可以提高閱讀效率和信息的傳達(dá)。有規(guī)律的重復(fù)可以產(chǎn)生節(jié)奏感和韻律美,增強(qiáng)觀者的印象。
仔細(xì)觀察,生活中隨處都有重復(fù)之美:
1. 文字樣式的重復(fù)
同一級(jí)別的文字信息需采用相同的文字樣式,也就是說(shuō),在字體、字號(hào)、字重以及特殊效果等方面都要保持一致,方便閱讀和信息的傳達(dá)。
此案例并列關(guān)系的文字信息,重復(fù)使用了同樣的字體、字號(hào)、字重??梢院苤庇^地把大量的信息分為四個(gè)信息層級(jí):主標(biāo)題、小標(biāo)題、正文、輔助說(shuō)明文字。
2. 配色方案的重復(fù)
色彩的重復(fù)在版面設(shè)計(jì)中尤為重要,當(dāng)一個(gè)版面中出現(xiàn)太多顏色,控制不好版面便會(huì)出現(xiàn)雜亂花哨等問(wèn)題,因此使用重復(fù)的顏色,控制好色彩的種類(lèi)、純度和明度,讓版面更和諧統(tǒng)一是最常用的方法。
標(biāo)題選擇和圖形顏色統(tǒng)一的深藍(lán)色,并使用橙色進(jìn)行點(diǎn)綴突出;展覽時(shí)間是次級(jí)要強(qiáng)調(diào)的信息,選用和圖形顏色統(tǒng)一但是比標(biāo)題淺一些的青色進(jìn)行強(qiáng)調(diào);展覽地點(diǎn)和內(nèi)容處于三級(jí)信息,使用無(wú)彩色的黑色進(jìn)行弱化。這樣三個(gè)層級(jí)信息重復(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)和裝飾的功能,而同類(lèi)的設(shè)計(jì)元素重復(fù)出現(xiàn),不僅使版面有了統(tǒng)一的風(fēng)格,也豐富了視覺(jué)效果,使版面更有設(shè)計(jì)感和整體感。
如上一期對(duì)齊原則的案例示范中,就使用了各種設(shè)計(jì)元素的重復(fù):文字背景框統(tǒng)一的偽立體效果圖形,背景圖案的黃色幾何形狀和背景黑色點(diǎn)狀肌理。正是這種形狀的重復(fù),在很大程度上造成了整體設(shè)計(jì)的統(tǒng)一性和其獨(dú)特風(fēng)格。
1. 統(tǒng)一性、秩序化
重復(fù)是構(gòu)成統(tǒng)一與秩序的關(guān)鍵,讓視覺(jué)要素在整個(gè)作品中重復(fù)出現(xiàn),統(tǒng)一的字體樣式、重復(fù)的設(shè)計(jì)元素、相同的圖片形狀與裁切方式,這樣既能增加條理性,還可以加強(qiáng)統(tǒng)一性。讓頁(yè)面更富有層次感、邏輯性,提高閱讀效率和信息的傳達(dá)。
2. 整體性、風(fēng)格化
重復(fù)產(chǎn)生統(tǒng)一,統(tǒng)一形成風(fēng)格。重復(fù)不僅對(duì)單個(gè)頁(yè)面很有用,對(duì)于多個(gè)頁(yè)面的設(shè)計(jì)更重要。正是在多個(gè)頁(yè)面中運(yùn)用重復(fù)原則,才賦予了整體設(shè)計(jì)上的統(tǒng)一感、整體性,才形成了一定的設(shè)計(jì)風(fēng)格。
我們會(huì)覺(jué)得這幾個(gè)頁(yè)面屬于同一個(gè)應(yīng)用,因?yàn)樗鼈兌季邆湟恍┫嗤募?xì)節(jié)特征,比如一致的幾何圖形、不斷復(fù)現(xiàn)的色彩 、相同的字體、有規(guī)律的字號(hào)字重、統(tǒng)一的構(gòu)圖形式等等,這些重復(fù)的元素相互影響并不斷加強(qiáng)我們對(duì)頁(yè)面相似處的感知,所以我們一致會(huì)覺(jué)得這些頁(yè)面的風(fēng)格是統(tǒng)一的。
3. 節(jié)奏感、律動(dòng)美
節(jié)奏最常見(jiàn)的形式就是有規(guī)律的重復(fù),是版面構(gòu)成要素利用疏密、聚散、連續(xù)、漸變等方式有條理有秩序地重復(fù)呈現(xiàn),形成一種律動(dòng)的美感,還可以增強(qiáng)觀者的印象。
有優(yōu)點(diǎn)就有缺點(diǎn),重復(fù)給人帶來(lái)統(tǒng)一與秩序感的同時(shí),還會(huì)帶來(lái)呆板、乏味、機(jī)械化等負(fù)面印象。應(yīng)當(dāng)盡量采用多樣性實(shí)現(xiàn)統(tǒng)一, 在保證版面有秩序的前提下,讓設(shè)計(jì)元素產(chǎn)生形態(tài)的差異或距離上的變化來(lái)調(diào)節(jié)視覺(jué)感受,不規(guī)則的重復(fù)會(huì)讓畫(huà)面更動(dòng)感、活潑。
在重復(fù)中產(chǎn)生變化,一是可以避免版面的單調(diào)與平淡,增加版面的趣味性,激發(fā)讀者閱讀和觀看的興趣;二是為了形成反差,區(qū)分主次,突出重點(diǎn)。特異點(diǎn)更易獲得視覺(jué)聚焦,引起注意。
為了讓大家加深對(duì)重復(fù)原則的理解,提取本期文章的主要內(nèi)容作為原始資料,運(yùn)用重復(fù)原則進(jìn)行設(shè)計(jì)示范。
運(yùn)用「親密性原則」進(jìn)行信息的分組和距離的調(diào)整,排版時(shí)要遵循「對(duì)齊原則」。運(yùn)用「重復(fù)原則」把同一級(jí)別的文字設(shè)置為相同的文字樣式,增加條理性,加強(qiáng)統(tǒng)一性。
繼續(xù)豐富畫(huà)面,加入配色和設(shè)計(jì)元素,相同級(jí)別的文字信息使用統(tǒng)一的顏色和點(diǎn)綴元素,讓頁(yè)面更富有層次感、邏輯性,提高閱讀效率和信息的傳達(dá)。
現(xiàn)在畫(huà)面文字信息已經(jīng)清晰而有序的排列好,但是缺少主體。把標(biāo)題內(nèi)容「重復(fù)原則」作為主體元素進(jìn)行設(shè)計(jì),給文字加入從橙色到藍(lán)色的漸變。
復(fù)制四組新的文字,使用自由變換工具把文字壓扁,每次變形的程度逐漸加強(qiáng),使其呈現(xiàn)出漸變的節(jié)奏感,形成一種模擬翻頁(yè)效果。
把設(shè)計(jì)好的文字復(fù)制一份,并鏡像翻轉(zhuǎn),主體就設(shè)計(jì)好了。重復(fù)出現(xiàn)標(biāo)題內(nèi)容,可以增強(qiáng)視覺(jué)沖擊力,有較強(qiáng)的形式感,可以讓觀者加深印象。
把設(shè)計(jì)好的主體元素和文字信息放置到畫(huà)面中,使用上下構(gòu)圖,采取黃金分割比例進(jìn)行布局。
最后給背景加入點(diǎn)狀肌理,在信息群組間加入線條,使層次分割更清晰,讓細(xì)節(jié)更豐富,視覺(jué)效果更美觀。設(shè)計(jì)完成:
樣機(jī)效果:
重復(fù)是構(gòu)成統(tǒng)一與秩序的關(guān)鍵,使用重復(fù)原則能讓版面更富有層次感、邏輯性,可以讓信息層級(jí)更清晰,能保證較好的閱讀體驗(yàn)。有規(guī)律的重復(fù)可以產(chǎn)生節(jié)奏感和韻律美,增強(qiáng)觀者的印象,有助于信息更好傳達(dá)。
重復(fù)不僅僅是單一、機(jī)械地重復(fù)使用某些元素,而是要兼顧版面的形式美感與內(nèi)在的圖文內(nèi)容,讓版面實(shí)現(xiàn)內(nèi)容與形式的和諧統(tǒng)一。
文章來(lái)源:優(yōu)設(shè) 作者:藝海拾貝Design藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com