重複重複再重複的設計神技！
說到重複，很多人都覺得重複不就是簡單和枯燥的代名詞嗎？這也能算設計手法？
設計中的重複當然不是簡單的拷貝，如果要下一個定義，那就是：將設計元素統一形式，按照一定的規律排列組合，最終形成一種有秩序的美。
注意重點：統一、有序。
我們生活中可以看到哪些重複？
比如密集的樓房：
（香港樓盤）
重複統一的形式可以最大化的利用空間，因此現代樓盤的大多設計為方正規則的小格子形式。
再比如韓國選美大賽：
（全靠衣服去分辨到底是誰）
韓國這種小國家，在文化與審美上會高度趨同，再加上他們的整容術比較發達，結果就造成了選美大賽上的這種囧況。
回到設計上，我們為什麼要重複，因為重複可以達到兩大目的：
一、統一秩序：
主要是基於整體大於局部的考慮，如果每個元素都要大、要突出，那最後的結果可想而知。
二、加深印象：
謊言說了一百遍也能變成真理，不斷反覆當然可以加深印象。
重複有多重要，問問小時候經常被罰抄的同學就知道了。
而在實際的工作中，用來重複的對象可以是一個簡單的基本形，也可以複雜一點的骨骼。下面我們具體來看看這兩種形式是怎麼重複的。
在設計中連續不斷的使用同一個基本元素就構成了基本形的重複。這裡的基本形理論上可以是任何的形狀，實際的應用中，我們可以總結為點線面的重複。
點重複
（左邊的3次重複了方形造型，右邊重複了N多個圓形造型）
等距構成的規律重複，看起來整潔有序，視覺感受很平穩，但是缺少個性。設計時可以讓單個點產生形態的變化來調節視覺感受。
（左邊重複了很多剪影輪廓，右邊重複了多個馬卡龍）
不規則的重複會讓畫面更動感、活潑，距離上的變化也容易使畫面形成輕重、疏密的變化。
點重複在LOGO中的應用。
線重複
線的構成可以是幾何上的線，例如左圖。
也可以是線形元素，例如右圖的4名演員。
豎形排版的文字也是構成線重複的常見方式。
線重複在LOGO中的應用。
曉波老師的線下分享就說到，四個圈重複就是奧迪，五個圈的重複就是奧運，看，就差一個字。
面重複
構成重複的面在形態上需要具有相似性，但不一定需要完全相同。例如面之間可以是不同紋理，也可以有不同大小與顏色。
面的重複在UI設計中應用很廣泛。
面重複在LOGO中的應用。
把一組基本形打包，變成一個複合形，再將這個複合形排列組合，這就稱之為骨骼重複。
舉個例子：
這個套路被廣泛的應用在各路時尚大咖的設計中：
在我們實際的應用中，骨骼重複會更複雜一些，不只是等距規整的排列，也可以在重複中加入變化，但前提是需要構建出明顯的視覺秩序。
例如下面兩張海報：
這兩張海報明顯是有重複的形式在裡面，但我們是看不出重複的基本單元，因為在重複的過程中，不斷加入了形態的變化。
而最常見的，我覺得是我們家裡的地板磚，看看你家裡的那個是怎樣的？
按照重複構成的形式，我們可將重複劃分成兩種：絕對重複與相對重複。
絕對重複：基本形始終不變的進行重複
右圖除了使用了重複，還使用了特異構成手法。
相對重複：基本形的大小、位置、或者骨骼形式有一定變化的重複。
在實際的工作中，絕對重複比較缺少變化，所以一般應用的背景紋理中。
構成畫面主體的元素一般都會要求有所變化，所以大多採用相對重複。
好了，關於重複，理論部分就講這麼多，下面我們就進入實操案例的環節了。
在界面設計中，重複的主要功能就是使得頁面風格統一，那這次的案例我就做一個關於茶的網站，風格偏中式古典，設計中盡量利用重複的規則，使頁面看起來工整、統一。
先看看LOGO處理：
第一步，選好字體風格，因為網站的主題是茶，所以希望LOGO可以融入茶的元素進去。
第二步，擴充重複骨骼，用來添加更多視覺元素。
第三步，添加上關於茶的視覺元素進來。你可以看到，雖然是重複構圖，但並不是完全重複，而是構成了一個近似畫面，這樣視覺上就不會顯得過於呆板。
好了，再看看看banner圖的處理：
原圖：
我希望整個頁面偏典雅一些，所以適合降低一下圖片飽合度，添加點睛文字。
好了，看看放在頁面上是啥效果：
嗯，效果還可以，繼續往下做。
接下來是大段的文字處理：
第一步，文字排版是一個摸索的過程，先確定一下大方向——豎排。
第二步，在確立了大概排版骨架之後，添加細節視覺元素，讓整個版面變得有血有肉起來。
你發現沒？這裡用到的方法其實跟上面的LOGO處理是一樣的，都是在單調的重複骨骼上面擴充視覺元素，這是一個化腐朽為神奇的過程。
再放到頁面中，加入footer部分，看看效果：
本來到這裡頁面差不多結束，不過看下來底部貌似稍顯平淡，感覺沒有一個強力的收尾過程就倉促結束了。
再優化一下，底部加重。
嗯，這樣就好多了，這才是一個壓得住的尾部。
來看看頁面的完整效果：
細看下來，這個頁面從大模塊分布，到小元素處理，處處是重複。不過從整體視覺觀感上來看，並不會覺得頁面很單調。
完整版：
ｄｕａｎｇ～～～
好了，這一期的內容就到這。
為了讓大家鞏固一下本期學習內容，留一下本期的作業。
主題：
電商廣告設計
文案：
享團園，大罐茶
8款好茶敬最親的人
滿500元送定製禮盒
尺寸：
1000X600 像素
格式：
提交作品的時候，
需要把你的psd（不要ai或者cdr等格式）文件命名修改為：
----------------------------------------------
-----------------------------------------------
上期的海報練習共有71位同學參加，投來將近90件作品，我一件件看完之後，發現比較多的問題是大家對於圖片素材的處理不夠細緻，字體的選擇也過於隨意。
其實排版不僅僅是編排文字和圖片的位置大小，更是對畫面整體風格的把握，每個環節都做到盡善盡美，這樣才是一個完整的作品，希望大家繼續努力。
當然，優秀的作品也不少，按照規則，精選其中3位：
01號作品
這位同學一看就是老手了，做了兩個方案，顏色和排版都很到位，還有海報展示效果，很贊！
02號作品
門的創意不錯，風格比較文藝。
通過線的視覺引導讓整個畫面呈現出不錯的空間感，如果龐門正道4個字的大小略有變化，就更完美了。
03號作品
排版的形式感不錯，不過海報的視覺力度不夠，重點信息有點弱。
當然，作為練習稿我們主要看優點。
送出獎品，小鱷魚各一個！
沒有獲獎的同學不要灰心，不是你們做得差很遠，只是獲獎名額有限，下次可能就是你了！
好了，
學到乾貨的同學請大方地點擊一下喜歡作者！！ ：）
這樣下一期乾貨來得更快！
對了～
明天晚上11點，2018年最後一期的精品書推薦要來了！
今年最後一次為知識而剁手了！
怎麼獲得？
第一個方法：掃碼進入店鋪，然後收藏到微信裡面，這個是第一個方法。
第二個方法：在龐門正道公眾號回復：店鋪。 就會推送給你。
(更多乾貨教程，回復：色彩教程)
越努力，越幸運。
這裡是龐門正道。
TAG:龐門正道 |