「層次感」這個詞在設計中的出現頻率是很高的，主要體現在信息層級關系和視覺豐富度這兩點，而缺少層次感的設計會給人一種信息雜亂、畫面單調的視覺感受，甚至枯燥、乏味，這也恰恰與設計目的相悖。那么當我們的作品出現層次感缺失時，應該從哪些方面著手改善、解決呢？本期內容希望能對大家有所幫助。
營造視覺元素的差異化可以起到很好的改變畫面信息層級關系的作用，從而增強設計作品的層次感，這和對比手法很雷同。無論是畫面中的視覺元素多還是少，都要做到有主有次、有大有小、有粗有細、元素與元素之間形成對比關系，舉個簡單的例子：
很明顯第一排的形狀之間是完全相同的，在視覺上給人的感覺就會很平，缺少變化；而下面兩排在視覺上都營造了一個與周圍存在差異化的視覺元素，使得整體在視覺上有了閱讀的先后順序，形成了簡單的信息層級關系。
當畫面中的視覺元素相同或者相似時，信息的層級關系就相對而言不容易體現出來，那么此時就需要我們營造具有差異化的視覺元素打破這一現象，從而增強畫面的視覺層次感，無論切入點是什么。再比如我們看到的風景照：
從近到遠在視覺上存在著很明顯的差異化，比如：近實遠虛、近大遠小、近處的飽和度高遠處飽和度低、近處的明度暗遠處的明度亮等等，大自然的風景本身就能很好地詮釋視覺層次感，所謂「設計源于生活」正是如此。那么這些應用到設計中又應該如何體現呢？下面再看一個例子：
如果產品這么擺放的話，那么何來層次感而言呢？只能理解為重要的事情重復三遍。做個小小的改變：
畫面有了大小關系，故而有了主次關系，此時視覺的層次感已經有所體現：
大小與虛實的雙重結合，視覺層次感更加強烈了，加點透視看看：
這里做了點透視效果，結合大小、虛實的變化，是不是有種由近到遠的既視感？通過營造視覺元素的差異化，視覺層次感也更加強烈，這種虛實結合的形式在設計中也非常實用，下面我們再看案例：
這種虛實對比的形式也是視覺元素差異化體現形式之一，很直觀地提升了整體的視覺層次感，包括在一些文字排版中也很實用。所以當我們的作品整體視覺層次感不夠強烈時，不妨試試通過營造視覺元素差異化的形式進行提升和改變，只是既然用了這種表現手法，就要做得足夠明顯，否則只會適得其反。
我們前面說了，提升視覺層次感可以從兩個點切入，即：提升信息層次感以及畫面整體豐富度，而裝飾性元素的使用剛好可以契合這兩點，它既有提升信息層次感的作用，又能起到很好豐富畫面的作用。下面我們看個案例：
通過上下兩個案例的對比我們發現：
需要注意：裝飾性元素也不能過多的使用，因為過量使用很容易在視覺上形成散亂、不夠整體的情況，要根據實際情況合理使用。
使用肌理是設計中非常實用的一個設計手法，肌理有著很好的豐富畫面、增加細節、提升層次感的作用，比如可以用做一些海報的底紋、文字的材質，甚至是一些形式感很強的肌理可以作為畫面的抽象主體。下面舉個例子：
案例中將遠山風景圖片通過透明度調整作為肌理使用，這樣做的好處在于：首先肌理相較于整個畫面來說不是那么顯眼，這樣就避免搶了主體；其次因為遠山給人的視覺感受就是層次感強烈，而這里當作肌理既起到了一定的填充、豐富的作用，又保留了一些遠山的屬性，在視覺上層次感更加強烈。
再比如一些文字也會使用肌理，用于增強文案信息的視覺層次感受，比如：
主要字體使用肌理會在讓其形象更加鮮明，與正常文案形成對比，也能間接提升文字排版的視覺層次感。
當作品視覺層次感不夠強烈時，我們可以轉化為思考如何提升畫面豐富度以及信息層次感。比如前面說的：對比、裝飾元素、肌理都可以與之對應起來，那么為什么說合理的使用色彩在一定程度上也能起到提升視覺豐富度的作用呢？下面舉個例子：
這里是通過有彩色與無彩色的案例對比，以視覺感受來看：左側明顯比右側顯得更空一些，因為色彩也是一種信息傳達的媒介，也就是說顏色也在傳遞信息，所以當畫面顯得空、缺少層次感的時候，通過顏色的調整也能起到一定的增加視覺層次感的作用，舉個例子：
這里只是改變了底色，在視覺豐富度上給人的感受差距一目了然，因為純白底會給人一種空、缺少內容的視覺感受，所以一般情況下我們的處理方式會選擇添加一些視覺元素，比如：裝飾性元素、材質、線條等等，現在我們又多了一個選項，就是無彩色向有彩色的改變，雖然這種方法有一定的局限性，但也不失為一種可行的解決方式。
其實這種營造前后疊加關系的方式在之前的文章中也提到過，其實就是尋找元素與元素之間的物理疊加關系，會給人一種很強烈的層次變化，對于提升畫面層次感能起到立竿見影的作用，比如：
案例中的文字與主體物之間存在著視覺上的前后疊加關系，給用戶更強烈的視覺層次感，這種營造前后疊加關系的處理手法在標題設計中也很實用。
透視也可以理解為營造空間關系的手法，當平面的視覺元素賦予其透視關系后，會形成一種類似三維空間的視覺感受，在一定程度上也能起到增強畫面視覺層次感的作用。下面舉個例子：
很明顯，透視的感覺會給人一種空間感、延伸感，視覺層次更加強烈，這種形式在日常的設計中也很實用，比如：
改變透視會在視覺上形成一種縱向的延伸感，空間上層次關系更加強烈，只是這種形式有一定的局限性。
結合今天所說到的這些手法，通過不斷演變的形式，我們簡單做一組文字排版的案例：
這就是一句普通的話，沒有主次、沒有修飾、毫無層次感，改變一下：
已經有了信息的層級關系，即大小對比，視覺元素之間形成了差異化的表現，還可以繼續深入：
通過改變顏色，對比更加強烈，層次感稍加增強，感覺還不夠？下面我們繼續再改：
這里通過肌理、虛實結合以及改變字體形態的表現形式，使得整體視覺層次感又提升了一個檔次，如果還想繼續提升，那么就要想，還缺少點什么？比如裝飾性元素試一試？
增加了裝飾性元素之后，畫面整體的豐富度提升了很多，而且對比的形式更多元化。案例中主要用到了：差異化元素、對比、肌理、裝飾性元素這四種表現形式，當然這也許不是最好的表現形式，目的是為了讓理論成為實踐。
當作品缺少層次感時，上述的一些改變方法可以供大家參考，但是不要僅僅局限于這些，還有一些我們常用的，比如：投影就非常實用，可以給文字、色塊、主體物等等做投影，拉開前后關系，這樣也會一定程度上增強視覺層次感。再比如：倒影、環境感等等，這些目的都是盡可能去豐富畫面、營造信息層次關系。并不是說這些手法一定要完全體現在一個作品上，層次關系過多反而會使得畫面整體散亂，一定要根據實際情況選擇使用，切記并不是視覺層次數越多就越好，這是一個誤區。
重復原則是指：版面中的視覺要素要重復出現，可以重復顏色、字體、圖形、形狀、材質、空間關系等。使用重復原則既能增加畫面的條理性，還可以加強統一性，讓版面更富有層次感、邏輯性，可以提高閱讀效率和信息的傳達。有規律的重復可以產生節奏感和韻律美，增強觀者的印象。
仔細觀察，生活中隨處都有重復之美：
1. 文字樣式的重復
同一級別的文字信息需采用相同的文字樣式，也就是說，在字體、字號、字重以及特殊效果等方面都要保持一致，方便閱讀和信息的傳達。
此案例并列關系的文字信息，重復使用了同樣的字體、字號、字重。可以很直觀地把大量的信息分為四個信息層級：主標題、小標題、正文、輔助說明文字。
2. 配色方案的重復
色彩的重復在版面設計中尤為重要，當一個版面中出現太多顏色，控制不好版面便會出現雜亂花哨等問題，因此使用重復的顏色，控制好色彩的種類、純度和明度，讓版面更和諧統一是最常用的方法。
標題選擇和圖形顏色統一的深藍色，并使用橙色進行點綴突出；展覽時間是次級要強調的信息，選用和圖形顏色統一但是比標題淺一些的青色進行強調；展覽地點和內容處于三級信息，使用無彩色的黑色進行弱化。這樣三個層級信息重復使用相同的色彩，讓版面信息清晰有序，能保證較好的閱讀體驗，有助于信息更好地傳達。
3. 圖片使用的重復
有多張圖片需要出現在同一版面，需統一圖片的大小、色調、比例、裁切方式等，這樣可以使版面美觀整齊。
整個版面出現的人物非常多，但圖片統一采取退底形式，并把顏色調整為黑白，具有很強的整體性。
4. 設計元素的重復
設計元素（如圖標、形狀、肌理、空間關系等）在版面中起到了強調和裝飾的功能，而同類的設計元素重復出現，不僅使版面有了統一的風格，也豐富了視覺效果，使版面更有設計感和整體感。
如上一期對齊原則的案例示范中，就使用了各種設計元素的重復：文字背景框統一的偽立體效果圖形，背景圖案的黃色幾何形狀和背景黑色點狀肌理。正是這種形狀的重復，在很大程度上造成了整體設計的統一性和其獨特風格。
1. 統一性、秩序化
重復是構成統一與秩序的關鍵，讓視覺要素在整個作品中重復出現，統一的字體樣式、重復的設計元素、相同的圖片形狀與裁切方式，這樣既能增加條理性，還可以加強統一性。讓頁面更富有層次感、邏輯性，提高閱讀效率和信息的傳達。
2. 整體性、風格化
重復產生統一，統一形成風格。重復不僅對單個頁面很有用，對于多個頁面的設計更重要。正是在多個頁面中運用重復原則，才賦予了整體設計上的統一感、整體性，才形成了一定的設計風格。
我們會覺得這幾個頁面屬于同一個應用，因為它們都具備一些相同的細節特征，比如一致的幾何圖形、不斷復現的色彩 、相同的字體、有規律的字號字重、統一的構圖形式等等，這些重復的元素相互影響并不斷加強我們對頁面相似處的感知，所以我們一致會覺得這些頁面的風格是統一的。
3. 節奏感、律動美
節奏最常見的形式就是有規律的重復，是版面構成要素利用疏密、聚散、連續、漸變等方式有條理有秩序地重復呈現，形成一種律動的美感，還可以增強觀者的印象。
有優點就有缺點，重復給人帶來統一與秩序感的同時，還會帶來呆板、乏味、機械化等負面印象。應當盡量采用多樣性實現統一， 在保證版面有秩序的前提下，讓設計元素產生形態的差異或距離上的變化來調節視覺感受，不規則的重復會讓畫面更動感、活潑。
在重復中產生變化，一是可以避免版面的單調與平淡，增加版面的趣味性，激發讀者閱讀和觀看的興趣；二是為了形成反差，區分主次，突出重點。特異點更易獲得視覺聚焦，引起注意。
為了讓大家加深對重復原則的理解，提取本期文章的主要內容作為原始資料，運用重復原則進行設計示范。
運用「親密性原則」進行信息的分組和距離的調整，排版時要遵循「對齊原則」。運用「重復原則」把同一級別的文字設置為相同的文字樣式，增加條理性，加強統一性。
繼續豐富畫面，加入配色和設計元素，相同級別的文字信息使用統一的顏色和點綴元素，讓頁面更富有層次感、邏輯性，提高閱讀效率和信息的傳達。
現在畫面文字信息已經清晰而有序的排列好，但是缺少主體。把標題內容「重復原則」作為主體元素進行設計，給文字加入從橙色到藍色的漸變。
復制四組新的文字，使用自由變換工具把文字壓扁，每次變形的程度逐漸加強，使其呈現出漸變的節奏感，形成一種模擬翻頁效果。
把設計好的文字復制一份，并鏡像翻轉，主體就設計好了。重復出現標題內容，可以增強視覺沖擊力，有較強的形式感，可以讓觀者加深印象。
把設計好的主體元素和文字信息放置到畫面中，使用上下構圖，采取黃金分割比例進行布局。
最后給背景加入點狀肌理，在信息群組間加入線條，使層次分割更清晰，讓細節更豐富，視覺效果更美觀。設計完成：
樣機效果：
重復是構成統一與秩序的關鍵，使用重復原則能讓版面更富有層次感、邏輯性，可以讓信息層級更清晰，能保證較好的閱讀體驗。有規律的重復可以產生節奏感和韻律美，增強觀者的印象，有助于信息更好傳達。
重復不僅僅是單一、機械地重復使用某些元素，而是要兼顧版面的形式美感與內在的圖文內容，讓版面實現內容與形式的和諧統一。
文章來源：優設 作者：藝海拾貝Design從性質上來說，我們看到的背景一般都會分為 5 種：純色、漸變、肌理、圖形、全圖，但在真正開始做設計之前，我們并不會直接在這 5 種性質的背景里挑選，反而會從一些其他的維度先去思考，才能做出具體的選擇。
△ 發布會背景的 5 種性質
因此在這 5 個性質之外，我們還要引入其他的思考維度，而這些思考的維度才能夠讓我們真正能做出「符合當前頁面內容」的幻燈片背景。
按照幻燈片背景設計的時間流程線，可以分為 8 大維度：直觀感，主視覺、布局感、場景感、設計感、平衡感、氛圍感、跳躍率。
△ 發布會背景定制的 8 個維度
通常我們拿到客戶的標配原稿都是白底黑字的形式，這時我們首先考慮的出發點是：
整個幻燈片希望給人傳達的是偏向「明亮陽光」、「沉穩大氣」的哪種感覺，這兩種截然不同的感受會讓我們在背景選取的時候，傾向于「亮色調」，或是「暗色調」。
在這個階段我們并不會思考幻燈片背景到底是屬于「純色、漸變、肌理、圖形、全圖」哪種，這個階段思考這個問題實在是太早了，我們只能從一個非常簡單卻又截然相反的兩條路徑，這時候是沒有任何細節可言的。
——這被我稱之為「直覺感」。
這是我們根據信息片段，不用太多思考，而出現的想法、感覺、信念或者偏好，可以幫助我們進行快速決策——這是設計師/團隊對內容而產生的直覺洞察，本質上是個人的知識體系和經驗對其做出的判斷，沒有過多的原因。
△ 純白/純黑背景的內容原稿
這兩者的選取會在一開始做設計的時候，就會帶給我們不同的思考角度，當我們確定了調性后，我們就會把原稿的背景色直接改為純白或是純黑，方便我們潛移默化地思考氣質。
但這個階段確認方向，有便于自己找到調性上的初心，不會在后期的細節設計中陷入方向性的錯誤。
當我們把整個頁面的直觀感受判斷清楚以后，接下來可以涉及一些具體的設計性質，通常設計情況分為兩種：一種是「有跡可循」，另外一種是「無跡可循」，分別對應不同的背景設計方法。
對于發布會而言，「有跡可循」的情況最直接的就是主視覺（Key Visual）沿用的情況（以下稱之為主KV）；「無跡可循」就需要從所需傳遞出的感覺和美感相結合來考慮，將在「場景感」和「設計感」兩個維度談及。
每一場活動基本都會有一個主 KV 用于奠定活動的視覺基調，所以幻燈片在大概率上和主 KV 會有一定的聯系——但這中間會需要我們準確判斷出兩個小的隱藏需求：
這兩個隱形需求，在前期溝通的時候一定要確認出來，否則的話有可能會造成很大的誤解，導致很多額外、不應發生的問題。就此說明一下：
1. 客戶對于主KV的態度
一種情況，是需求方對于這個主 KV 本身有一定的不滿，但由于各種各樣的因素最終使用了這個主 KV，如：
△ 需求方可能不太滿意的主 KV
由于主 KV 已定，需求方會寄希望于幻燈片的設計上，內心的需求是：「能夠基于主 KV，但不止于主 KV」。
另一種情況，是需求方對主 KV 的某些部分乃至全部部分都比較滿意，允許設計師/團隊使用主 KV 的部分亮點元素進行設計——其中的幅度最好在前期設計之前探索清楚，具體溝通的技巧涉及兩方自身和彼此的合作經驗，需兩方共同配合。
△ 需求方比較滿意的主 KV
其中有一個技巧就是：看看需求方是否有將主 KV 應用到整個大會的物料設計之中，如果有的話，那么幻燈片遵循對應風格一般都屬于「政治正確」的操作。
2. 客戶對幻燈片的期望
正如需求方對主 KV 的態度會影響他對幻燈片的期望，需求方希望設計師/團隊能遵循統一的調性（畢竟是同一場大會），但如果直接 100% 沿用主 KV 的話，也可能會出現問題。
因此，設計師/團隊需要和需求方確認幻燈片設計對于主 KV 的「沿用自由程度」。
△ 對主 KV 元素的 3 種沿用自由程度
這三種情況其實都真實存在，實際上我也都遇到過。
這里有個經驗，是如果設計師/團隊只問一個非常簡單的問題：「幻燈片設計是否要按照主 KV 來走」。需求方一般會說：「我們要遵循主 KV 的風格」，實際情況是能要求完全不遵循主 KV 的需求方很少，除非設計師/團隊成功做出了能驚艷到需求方的作品。
但由于沒有明確「沿用自由程度」，就會在設計的時候帶來較大困擾。
這個困擾主要來源于：對于主 KV 的「沿用自由程度」，直接決定了對于幻燈片的「設計自由程度」。
△ 擴充「設計自由程度」
設計師/團隊和需求方確認主 KV 的「沿用自由程度」時，并不是在限制自己的「設計自由程度」，反而是在擴充「設計自由程度」——要知道設計過程中有哪些是不能做的，而有哪些是可以去嘗試的，從而來確認有多少設計想法是被允許的，有多少程度是能被實施的。
因此在有主 KV 的大會，幻燈片背景設計的首要考慮維度是「主視覺」。
著手制作幻燈片背景的時候，在整體角度考慮下的「布局感」尤其重要，我們先看一個設計需求較高的案例：
對于設計感要求非常強的需求方，會希望每一頁的背景都都盡可能的多變（即使是同樣的元素，也希望把位置稍微調配一下），這一種需求對于設計的要求是比較高的。
△ 每一頁背景都盡可能多變的需求
我們可以這么理解：
并不是背景每一頁不同就是好的設計，對于內容比較多的幻燈片，需要在內容上分層級，例如有 4 個篇章的幻燈片，可能每一個篇章的背景是統一的，在下一個篇章的時候才會做一定的調整，正如「002 號知識發布會」的背景：
△ 通過整體布局規劃實現背景布局感
幸運的是，在真實的使用場景中，所需要的程度通常是：在某一些頁面有單獨的定制化，而其他的頁面可以使用統一的背景。如：20 頁不同的背景，改為 8 個不同的背景（相當于：4 個章節+ 4 種背景+ 4 種背景），這是通過規劃背景來提高統一性并降低設計難度，有實際應用意義。
需求方沒有給到主 KV，或者甚至主 KV 也是由設計師/團隊設計的時候，就要和需求方溝通他們想要的感覺，尤其注意演示場景對背景設計的影響，兼并考慮效果的美感度。
從單頁的角度看，所有的背景都要考慮現場演示的「場景感」，其中較為突出的是純色背景和經典搭配的漸變背景。
1. 純色：簡約大氣
純色的技法不難，但顏色選取非常重要，其中的難點主要是對于客戶想表達的這一個內容的顏色匹配和顏色選取上。
其中分為：純黑背景和其他顏色的純色背景。純黑背景帶給人極其穩重的感覺，而其他顏色的純色背景則相反，帶給人干凈潔凈的感覺。
△ 不同氣質的多種純色背景
無論哪種純色背景，其中有兩個隱形的要求：
成像質量高的屏幕能讓觀眾拍照時不會受到太多由于亮色純色帶來的成像問題，而越接近純白色的色調就越需要現場燈光的配合，如果配合得不好，可能演講人會成為背景上的「剪影」。
2. 漸變：經典搭配
漸變是發布會中一直都比較流行的背景色，Keynote 的自帶模板 Gradient 就是這樣的典范。
從上到下的黑色漸變到「深紫」「深藍」「深灰」的搭配，在發布會中被使用頻繁，由于底部顏色較淺，能更好襯托內容和演講人，是發布會的經典搭配。
△ Keynote 的 Gradient 背景
除了之前提到的各種考慮外，設計的美觀程度非常重要，有的頁面在「純色」「漸變」「肌理」等都可以選擇的情況下，「設計感」就是其中很重要的思考出發點。
1. 漸變：多變流行
隨著審美不斷地提高，有很多國內大廠的發布會漸變是沒有太多規律的，這種流線型的美感容易讓別人對科技感和定制化感受深刻，這種漸變的制作難度會更高。
這種出彩的顏色在新興行業使用較多，偏傳統類型的公司就不太適合。
△ 背景非線性漸變背景的發布會應用
此外，接近純色的背景上通過光影制造亮點也是高級手段，能讓畫面呈現豐富細節，顯得耐看很多。
△ 通過光影制造背景亮點
2. 肌理：細膩耐看
單純以肌理作為背景的設計并不算特別多，它的好處主要是在于讓整個畫面看起來更加有質感一點，比純色要顯得更加有設計感。
通常肌理也會和光影相結合，來體現這一個頁面的高檔和奢華感。通過案例我們也可以看到為了突出產品和高檔氣質的發布會頁面會使用這一種設計。
△ 通過肌理突出頁面氣質氛圍
由于每一頁的幻燈片內容容量的差異，會造成在每頁的版式差異，不同版式所需的「平衡感」所需背景是不同的：
△ 背景中添加輔助元素結合版式平衡頁面
這 5 個性質的背景，都具備一個隱性的作用，就是對內容進行含義賦予，也就是增加「氛圍感」。
如果一個幻燈片從頭到尾都是純色的背景，甚至也都是單一的背景，這一個背景能賦予這個頁面的含義就是單一的，可能就是讓人感覺到某一種感受，僅此而已。
△ 單一的背景
如果定制化比較強，就會有不同的需求對頁面背景進行含義賦予，如：
1. 圖形：屬性點綴
有的時候我們也會用點線作為頁面背景元素，使用「點陣」或者「多線段混合工具」效果填充頁面，讓整體的頁面圖版率提高。
△ 「點陣」和「多線段混合工具」效果
也會有一些情況會用圓形、點線、多邊形來做頁面的點綴，不同屬性的形狀會有不同的氣質：
所以在選擇的時候，我們會考慮想要體現的感覺來選取形狀。
△ 圓形、三角形、多邊形的圖形背景
2. 全圖：氛圍濃烈
前段時間很多大廠不約而同使用了全圖型背景，讓這種設計手法廣為流傳。
具象的圖片讓觀眾直接身臨其境，時間的朋友的「大豆君」、「深圳」都是這樣的用法；而在一些企業愿景頁上，直接放上公司的圖片也能體現出非常直接的關聯性。
△ 具象式配圖
全圖型的圖片不一定和具體的內容完全一一對應，存在象征的可能，無論是：星空、山川，還是用黑板的粉筆字比喻算法等，都會在實際使用時起到象征的意義。
△ 象征式配圖
如果既不是產品對應的具象圖片，也不是起到象征意義的配圖，就不要為了美觀而放和主題無關的圖片，否則容易讓觀眾困惑。
實際使用的過程中，往往由于各種原因，直接找到的真實圖片不足以支撐整個發布會背景，如：
這時我們就需要對圖片「融合背景」處理，既和整體背景統一，也加入了頁面的必要內容。
△ 象征式配圖
如果頁面內容需要實際真實可觀的場景來輔助呈現，就需要通過合成來「制造場景」，讓觀眾能直觀看到文案含義，就能加速對內容的理解；還可以合成現實中不存在的圖片作為背景，增加氛圍的感受力度。
△ 象征式配圖
背景的「跳躍率」是我從「文字」和「圖片」的含義中引申使用的。
△ 文字跳躍率
△ 圖片跳躍率
△ 圖片跳躍率
文字跳躍率和圖片跳躍率描述的是素材之間的大小、景深的差異，而借用「跳躍率」的名詞來用在背景上解釋，就是整個幻燈片背景的素材各方面的差異程度。
△ 整體調性和每頁的調性
即使每一頁單獨看起來是比較和諧的，但受限于每頁內容的圖片質量、色調等的不同，不可避免地有可能整體看起來會顯得比較混亂，這時就要做一定的調整，確保整體統一性，才能讓作品形成整體。
其中要把握的是：既不能完全一樣，也不能完全不同，這之間的取舍體現出的就是設計師在制作時的把握度了，也是功力的體現。
提起「日式風格」，大家腦袋里會閃過哪個畫面？性冷淡設計？無印良品原木風？櫻花配上小清新濾鏡？「簡素」、「侘寂」、乃至念上它一句「Less is more」？
△ 無印良品藝術總監原研哉作品
總之，按照大眾流行的印象來概括，東瀛來的設計應當是性冷淡、實用、柔和克制的色彩、自我克制。
但這樣幾個印象，足以概括日本設計嗎？
咱們先拿一個國產的外包裝設計來拋磚引玉——椰樹牌椰汁外包裝。
如果以大眾印象里日本設計的評價標準來說，這個外包裝堪稱是泥石流一樣的存在——只有信息的堆疊，跟當年恒源祥「羊羊羊」的洗腦廣告思路如出一轍。
但就在前幾年，一位知名的日本設計師卻為這樣一種設計點了個贊，宣稱這是「了不起的設計」，還充滿少女心地發了個圖，表示就沖這包裝，自己每天早上都要干上它一瓶。大有他鄉遇知己，相見恨晚之感。
這個設計師名叫高田唯。他的設計，跟椰汁魔性的外包裝異曲同工：有如街頭牛皮癬小廣告一樣的畫面，江湖人稱「新丑風」。
但注意，「新丑」這個詞，高田唯自己可不接受，他不認為自己算是「新丑」，應該是「全丑」才對——丑怎么能分新舊呢？丑就應當是純粹的丑。
△ 高田唯作品
而高田唯，只是日本設計的一個縮影。如果我們把常規印象里，日本設計性冷淡那一面翻過來炒一炒——你會發現那魔性、浮夸、充滿腦洞的土味日式風同樣在國際舞臺上有自己的一席之地。
△ 腦洞設計師 吉田ユニ的海報作品
咱們先講高田唯那些街頭牛皮癬一樣的作品。
實際上，他并不是一開始就成為了日本設計界的邪教徒?？v觀他的早期作品，雖然不受認可，反倒是一板一眼、規規矩矩的名門正派弟子畫風。
△ 高田唯的早期作品：左為 2009 年「印刷のいろは」 海報，右為 「印刷のいろは」 2010 海報
咱們可以在前些年他在上海的個展「潛水平面設計」，感受下啥是「全丑」風。
從展覽邀請函開始，畫面就已經充斥著火車站旅店小卡片級別的設計和配色。
△ 左圖為 2017「游泳 Graphic」海報
高田唯作品：左為 JAGDA2017 年鑒 封面設計，右為「For Stockists Exhibition」2017 海報
比如說，面對代表日本平面設計最高榮譽的 JAGDA（日本平面設計師協會）的約稿，高田唯絲毫不顧甲方的口味，為他們的年鑒封面和主視覺弄出了這樣畫風的作品。
△ 高田唯 JAGDA 東京新入會員聯歡會海報設計（入選東京 TDC）
高田唯當然知道大眾能夠喜愛、接受的設計長什么樣。
他打小就出生自一個設計家庭。他老爸高田修地早年供職于資生堂設計部門，是原研哉在武藏野美術大學時期的恩師。而高田唯本人在 2011 年還獲得了JAGDA 新人獎，這可算得上是走向國際設計舞臺的門票。
說我當上了營業廳售貨員、他考上了北京大學、高田唯獲得了新人獎，我們都有個美好的未來——平均一下絲毫不為過。
△ 高田唯作品 FOR STOCKISTS EXHIBITION 2011
轉變也在這時發生，用高田唯自己的話講是：「日本設計有一個感覺就是看膩了」，「單單只把東西做得美觀，這樣的人實在太多了。所以我要探尋一條如何將設計表現得更生動的路?！?
街頭上那些日常的、堆疊滿信息而完全沒有設計感的圖像，反倒成為他靈感的新來源。
他說：「設計不僅是追求世界上的美感，一個沒經歷過正規的設計教育，不熟悉各種設計工具的人做出來的東西有時候會更具有表現力，因為他們為了傳達自己的理念而去努力的這件事本身就是美的，我想把這種美融入自己的作品中?！?
這倒是可以說，他走向了高度專業化的日本設計反面：一種看山不是山、無招勝有招的狀態，他是用 「新丑」來挑戰「舊美」的人。
△ 高田唯「Why not live for art II」海報
△ 大街上采風的高田唯
更多高田唯的作品：
除了高田唯，實際上還有很多國際知名的日本藝術家、設計師，也都跟小清新、性冷淡八竿子打不著關系。
就先說日本當代藝術吧，身價最高的幾位選手里，像草間彌生、村上隆都有著獨特的自我風格，甚至有點精神污染。
△ 草間彌生的裝置藝術作品
這畫風一眼就能勸退密恐患者，但這些圓點對于草間彌生來說，其實是偏執與童年記憶的產物。
△ 草間彌生的裝置作品
10 歲時的她，因為神經性視聽障礙伴隨著精神分裂，就看到的世界而言，真實反而是仿佛隔著一層斑點狀的網。
那些張牙舞爪的植物都是童年時、幻覺中草木開口后的結果。因此，幻覺占據了真實，繪畫對于她來說是釋放恐懼的途徑。
△ 草間彌生標志性的波點南瓜
更多關于草間彌生的作品：
而村上隆的太陽花，雖然五顏六色、永遠微笑、永遠密密麻麻，但其實是在他一派赤誠的擔憂里誕生的。
△ 村上隆在大館賽馬會藝方「村上隆 對戰 村上隆」展覽現場。攝影：Alex Maeland
村上隆眼中所謂的日本主流文化是由多種多樣的亞文化構成，這些戰后出現的流行文化一面成為日本的代表，另一面又令人憂心忡忡。
△ 村上隆的標志性作品「超扁平太陽花」
而他的作品，正是在的可愛、扁平、漫畫風格中，嘲諷越來越浮于表面的大眾文化——整個社會都已經進入超扁平時代。
△ 橫尾忠則為實驗劇場「天井棧敷」時創作的海報
再走出當代藝術領域，回顧一下日本設計的歷史，就會發現浮夸、腦洞大開始終是它的另一面。用所謂性冷淡、簡素來概括，其實是一種偏見、一種被加工選擇后的刻板印象。
△ 橫尾的早期迷幻又魔性的作品
比如日本國寶級設計師、藝術家橫尾忠則，有著迥異于常人的腦回路，年輕時曾莫名其妙跑到達利家強行做客。
他的作品同樣如此，極其詭異的腦回路、帶有沖擊力但傳統的日本色彩，融合浮世繪的構圖、畫面，再拼接上彼時流行的波普藝術，「大和波普」可謂極具辨識度。
同時，傳聞他還因為自己的創意被甲方拒絕后揍了甲方一頓，最后，甲方（朝日啤酒）欣然接受了他的創意，這張海報也旋即成為橫尾忠則的經典之一。
△ 橫尾設計的朝日啤酒海報，正是在這張海報上，橫尾成功揍了甲方。
光明正大喊出「一日之計毀于晨」、「在設計上我從不追求流行，我就是流行」的仲條正義，其部分作品也跟「日式性冷淡」一毛錢關系都沒有。反倒充斥著大腦洞、極富童心，帶著返璞歸真的頑童之感。
△ 仲條正義「Mother & Other」部分海報節選
而近些年火爆的吉田ユニ，干脆整幅作品都稱得上是腦洞的代言人。
△ 電視劇《人100%靠外表》海報
實際上，她的每一張作品都是現場實拍的，并沒有任何 3D 或者 CG 技術，因此，為了達到想要的效果，現場的物品、各種元素需要反復地擺放、一遍遍地改良，方才能接近她腦海中的理想狀態。
△ 吉田ユニ Yuni Yoshida V.S. Naomi Watanabe·PUNYUS 2017 春夏系列
△ 吉田ユニ 裝苑「PLAY A SENSATION」
日本設計以往給人的常規印象，大多和日本特有的美學特質——「禪」、「空無」，「侘寂」、「物哀」、「幽玄」等等關鍵詞有關。
△ 幽玄：長谷川等伯的《松林圖》
△ 物哀：京都清水寺
作為傳統，與「簡素」，「侘寂」這些表面印象相對的，日本文化中還有很多浮夸的、魔性的、乃至金碧輝煌的經典元素——像浮世繪、古代的大和繪、妖魔鬼怪，武士鎧甲等等。
△ 日本武士鎧甲
△ 浮世繪
而每個設計師對這些傳統的文化又有著截然不同的思考與理解，所以才誕生了那么多新奇古怪、紛繁復雜的、腦洞大開的日本設計。
所以說，并不存在一個看起來「性冷淡」的日本傳統，更不存在一個由「性冷淡」組成的日本設計。
不止是日本設計，所謂北歐設計、新中式都是一個不夠具體的概括，其內涵無法用一兩個詞定義，但豐富和不同正是這個世界可愛的地方嘛。
文章來源：優設
我們在翻閱雜志的時候，總是會驚嘆雜志里的圖片怎么會這么好看。其實雜志里的圖片一方面是由攝影師專門為雜志的編排而拍攝的，另一方面，也是因為雜志對圖片的處理手法十分巧妙，今天這節課我們將給大家講解一下關于雜志里的圖片都是如何處理的。
在課程開始之前，我們先來看一些雜志的圖片。這三張是以一張大圖片為主體的雜志頁面，我們將圖片用紅色的色塊標記，文字則用藍色的色塊標記。我們可以發現，紅色部分的面積遠大于藍色部分的面積。
我們換成小圖片的頁面看看。同樣的，圖片的面積也遠大于文字的部分。我們可以發現，現在雜志的大多數頁面其實都是以圖片作為畫面的主體，或者說圖片所占比重會比文字大得多。
為什么會出現這種現象呢？那是因為圖片與文字相比，圖片的視覺沖擊力和對人的吸引力遠大于文字。為了能夠吸引讀者的購買和閱讀，所以雜志頁面中會加入豐富的圖片。
那么我們接著先來了解一下關于圖片分類的小知識。
圖片可以分為點陣圖和矢量圖，點陣圖就是以像素組成的圖，放大之后可能會造成模糊等失真的效果。矢量圖則是由線條、幾何圖形等構成，可以隨意放大縮小也不會失真。
也可以分為攝影圖片和手繪圖片，顧名思義，攝影圖片是用照相機拍攝出來的圖片，而手繪圖片則是通過筆或者手繪板畫出來的圖片。
矩形圖片和去底圖，矩形圖片是指外輪廓是矩形的圖片，而去底圖則是把環境都除去，只保留主體的圖片。
因為手繪的圖片本身就會比實物的攝影圖更加具備張力，也更容易給人提供想象，修飾的需求并沒有攝影圖來的這么高，而且手繪的或是矢量圖在雜志中出現的概率相對比較少一些，所以本篇教程所針對的圖片是左邊的這兩種，矩形或者是去底的攝影圖片。
這節課我們雖然講解的是如何去修飾一張圖片，可是對于圖片的修飾我們應該要把控好一個度，因為如果我們一味的追求效果而對圖片進行過度的處理，很可能會削弱了圖片想表達的東西，甚至讓版面過于繁雜而凌亂不堪。而且在某些情況下，圖片不需要進行修飾也能讓版面足夠有張力和美觀，那么在什么情況下我們可以不對圖片進行修飾呢？我們來看看吧。
第一種情況是當我們使用的圖片本身就足夠的好，足夠有質感和張力，無需進行修飾便能夠撐起整個版面。
第二種情況是我們可以通過兩張以上的圖片排列，讓圖片之間產生對比或是關聯，從而讓畫面產生張力。
那么第三種情況就是當我們想要強調文字部分時，并且文字組合做得足夠的精致或者有表現力時，那么圖片也可以省略掉修飾的環節。
最后一種情況是我們要刻畫簡約風格的畫面時，就要盡量避免對圖片進行太多的修飾和刻畫，否則圖片會使畫面產生巨大的違和感。
接下來正式進入本次教程的核心部分，雜志中對圖片都是如何刻畫的呢？我們第一種要講解的方法就是前面提到的去底圖。
為什么說去底也算是一種修飾圖片的手法呢？我們來看看這張圖片，這張圖片是我從一個電商網站上保存的圖片。我們可以看到這張圖片雖然十分的美觀，但是模特的裙子和背景色調很接近，比較不容易展示裙子的細節。
我們把他做成一頁雜志，可以發現這個頁面從版式結構上來說并沒有什么問題，整體畫面也十分美觀。
但是如果我們想要做一版能夠展示裙子細節的版面，那么我們可以嘗試把這個模特摳出來，裙子在純色的背景上就足夠清晰和亮眼了。
把去底的模特放進版面中，這兩個版面對比一下，是不是右手邊的版面更加簡潔有力呢？
另外，去底的圖片相比起矩形圖片也會顯得更加靈活。我們用這樣一個多張矩形圖片整齊排列的畫面來作為例子。這個版面排列十分整潔美觀，信息都一目了然。
但是如果我們想要讓版面變得更加活潑和有張力一些呢？我們就可以通過去底來實現。利用圖片去底之后所形成的負空間進行排列圖片，讓圖片錯落有致地排列在版面里，這樣靈活處理出來的畫面，會更加熱鬧和有張力。
這些都是雜志中使用去底圖片的案例。
剛剛我們講的只是去底圖片的基礎玩法，接下來我們要講解一下去底圖的另外兩種高階一些的玩法。首先是粗糙去底。粗糙去底就是大致地沿著主體的輪廓將主體摳下來，并不需要嚴絲合縫地摳圖。
還是用這個模特當做案例，如果我們覺得剛剛做的這個版面有些單調的話，那么我們不妨嘗試一下粗糙去底的方法。粗糙去底的方式能讓圖片的形式感更加強烈。
很多時候粗糙去底還會在圖片底下加一個小小的投影，讓圖片有種不規則的小紙片的感覺。
在雜志中這樣的處理方式是非常常見的，它適合用在偏時尚潮流或者是偏文藝的版面中。
第二種進階玩法是半去底，也可以叫做局部去底，意思就是沿著圖片主體的外輪廓將主體的局部摳出來。
在這里給大家介紹兩種比較常用的局部去底的小技巧。第一種是主體背后有輪廓明顯的物體的話，我們可以將主體沿著主體背后物體的輪廓進行摳圖，例如這個模特背后的門。
當主體背后沒有什么明顯的物體讓我們進行局部摳圖的時候，那也沒關系，我們可以使用第二種小技巧，將主體踩著的地面摳出一部分來，這樣也能一定程度上展示主體所在的環境。
我們同樣將這兩個摳好的模特放進版面里，比起最初的版本，這兩稿的形式感會更強一些。
這個雜志作品就用到了我剛剛介紹的小技巧。這樣的去底方式能讓版面更加活潑有趣。
另外將去底圖和矩形圖片放在一起，能夠產生強烈對比，表現力也會很強。
例如這些雜志頁面都存在著矩形圖片和去底圖片的對比。
我們很多時候都會自嘲自己只是摳圖的，可是聽了這些之后，有沒有發現自己連摳圖都不配，摳圖遠遠沒有你想得這么簡單，去底的圖片比矩形圖片靈活得多，也更具有活潑熱鬧的屬性，將去底圖處理得好，可以給版面帶來非常大的氣質上的提升。那么我們接著來看，除了去底之外，還有什么別的處理圖片的技巧吧！
接下來給大家講解一下第二種比較常見的圖片處理方式——疊加色塊。
疊加色塊的方式有兩種，分別為半疊色塊和全疊色塊。我們先來講講半疊的。
好吧，又是這個模特。我們在他的背后疊加一個色塊，一方面可以一定程度上填補留白，另一方面也能讓圖片更具有形式感。
除了疊加這種矩形色塊，還可以嘗試疊加不規則的色塊，不規則的色塊相比矩形色塊能更靈活的處理負空間，也可以根據主體的輪廓進行靈活調整。
看看這些案例，通過加入了色塊是不是讓畫面更飽滿和有張力了呢？
接下來來講講全疊色塊，全疊色塊的處理手法一般是用在這種多圖片并列排列的版面中，因為如果是一張大圖片使用全疊的手法就會顯得有些呆板了。
我們用個案例來展示一下吧，例如這樣一個版面，整齊地排列著九種不同的蔬菜，可是由于這些蔬菜的形狀各異，導致了負空間特別的零碎，畫面顯得有些散。
最快的解決方式就是給他們疊加一些色塊，那么版面就變得規整許多了。
如果我們覺得這樣有些不夠靈活的話，我們可以將個別的蔬菜放大，讓蔬菜的局部或者是投影超出色塊，這樣的版面就會顯得靈活而不零碎了。
第三個手法是使用描邊或者邊框。
剛剛我們用去底的方式來讓這個版面更加活潑有張力，其實通過添加邊框是一個更加簡單快捷的方法。
我們不需要改變版面的結構，只需要在矩形圖片的邊緣添加一圈描邊，或者是將圖片的邊框處理成拍立得，版面就會立即顯得更加活潑有趣了。
邊框的形式有很多，例如在圖片的內部加邊框，兩條粗細不同的線組成的邊框，或者是手繪的線條作為邊框。我們可以通過多看雜志總結出更多的邊框形式。
剛剛我們講的都是矩形圖片，其實去底圖片也是可以添加描邊的。例如這頁雜志，通過描邊的使用，使得深色的產品在深棕色的背景中能夠凸顯出來。
字疊圖是在雜志中可以說是最常見的修飾手法了，非常的簡單粗暴但是超級實用。字疊圖的方式大概也有三種，分別為標題疊圖，段落文字疊圖和手寫體疊圖。
首先講講標題疊圖的使用。我們來看看這個版面，他的主體是一個大草原的大場景圖片，圖片中沒有明顯主體。那么我們就可以通過將標題疊在圖片上的方式，使得圖片上產生視覺焦點。
如果將兩張圖片的位置換一換，上方的大圖片變成了這張以蒙古包為主體的草原圖片，那么我們疊加文字的時候就需要注意到疊加的位置要與主體相呼應了。
這兩個都是將標題組疊壓在圖片上的例子，將標題組合疊加在圖片上，能讓標題和圖片都得到凸顯和強調。
接下來是疊加段落文字，將段落文字疊壓在圖片上，能讓版面更加靈活，也能讓大段的段落文字顯得沒這么枯燥。一般來說，因為識別度的原因，段落文字不會完全疊加在圖片上，只會疊壓局部。
我們同樣用大草原的文案來做一個段落文字的疊壓。由于是段落文字，特別需要注意文字的可讀性，所以我們將段落文字都疊壓在了色調比較淺的天空上，盡可能地保證閱讀的流暢。
最后是疊壓手寫體的處理方式，手寫體的疊壓與標題一樣，同樣需要注意疊壓的位置。
手寫體的疊壓能將手寫體自帶的屬性帶給圖片，例如想讓圖片更文藝一些可以用細一些的手寫體，更潮流一些則可以疊壓粗的涂鴉感覺的手寫體等等。
我們剛剛講解的都是在矩形圖片上疊加文字，那么在去底圖片上能不能疊加文字呢？其實是可以的，像一些裝飾的手寫體，或者字號比較大的標題，在不影響識別性的情況下進行字疊圖的手法都是沒有問題的。但是！我們是非常不建議在去底圖上疊加段落文字，因為一般去底圖可以用來疊壓文字的地方不多，如果要大面積的疊壓段落文字，必定會產生識別度不足的問題，所以在去底圖上疊加段落文字需要非常謹慎。
那么除了字疊圖之外，利用文字進行修飾的方式非常的多，我在這里給大家介紹幾種比較常用的。
將文字繞著圖片主體排列是在雜志中非常常見的一種手法，能讓畫面變得更加活潑熱鬧。
我們也可以將文字處理成發射狀，模擬出一種噴口而出的感覺，使得圖片更具有動感。
添加對話框，能讓圖片變得十分生動，讓靜止的圖片也有一種會思考或者會說話的感覺。
類似的方式還有非常多，例如文字加指向性的箭頭、個性的字體、數字，甚至是豎排的文字等等，都可以變成裝飾圖片的元素。
還是用一個案例來示范一下吧。這次換一個鞋子的案例，我們看這個版面構圖啥的都沒什么問題，就是缺乏了一些活潑的氛圍，那么我們加入文字的裝飾性元素，版面就瞬間變得活躍了。
如果我們想要添加裝飾元素又缺少文案的時候，那我們就可以用下一種修飾手法，添加手繪的元素。
裝飾性的手繪小元素，能夠模擬出人物或者是物體的運動趨勢，讓圖片和版面具備運動感。
同樣這雙鞋，我們給他添加一些手繪的小元素，也同樣能夠塑造出活潑生動的畫面。
接下來要講的是添加投影
我們來看看這些添加投影的例子，投影可以讓圖片變得更加真實，更具備細節，使得畫面更加具備質感。
這一個案例添加投影也可以一定程度上解決畫面單調的問題，但是他具備的氣質并不是添加裝飾性元素的活潑熱鬧，添加投影帶來的是使畫面更具備質感。
添加投影除了剛才使用的真實投影外，我們還可以用這種假的投影，其實就是一個疊在主體下方的，與主題輪廓相似的幾何色塊。這種方式更注重的是表達一種形式感，而非真實感。
第8種的修飾手法是傾斜。
傾斜的手法能讓圖片具有不平衡感，從而產生強烈的動感。關于傾斜我們之前已經有別的教程詳細說過了，那我們就直接看看案例吧。
我們將這雙鞋子進行傾斜擺放之后，感覺畫面就不那么單調了，產生了一定的張力。
最后一種方式是出血和跨頁處理的手法。
也許你們會想怎么出血也算是修飾手法呢？不就是放大而已么？沒錯，放大也能算是一種修飾手法。在圖片足夠高清的情況下，放大能讓讀者留意到許多我們平時不注意的細節，增添了版面的細節感。相對于完整的圖片，經過出血的處理的圖片遭到了裁切，會產生一種陌生感，也能夠讓讀者覺得更新鮮。
最后我們還是用這雙鞋子來示范一下，因為鞋子放大出血之后，版式結構會遭到破壞，所以我們得換一個新的構圖。由于經過出血處理之后的鞋子并不完整，所以我們在上方加入了一雙小的完整的鞋子作為信息的補充。
好啦，我們給大家總結的雜志里處理圖片的小技巧已經全部講完啦，不知道大家都學會了沒。雖然說我們是從雜志的設計中總結出來的設計技法，但是并不意味著這些手法就只能應用在雜志設計中，設計其實都是共通的，并沒有說某些技法就只能被用在某些領域中。下面我們就給大家帶來一個海報的案例，給大家演示一下如何將雜志中的騷操作帶到別的設計中。
因為我們使用的是雜志的編排技巧，比較適合時尚、潮流或是文藝的風格，所以我們選擇做一個潮牌的宣傳海報，這樣在氣質上會比較相符合。
首先建立一個版面并確定好頁邊距。接著我們把畫面的主體，也就是這個潮牌的創始人陳冠希歐巴放在畫面中間。
然后將標題文字放在版面右上角，標題文字我們做了一個投影的效果增強標題的形式感。對應的，我們在版面的左下角編排二級信息的文字，做一個對角線的呼應。
接著將其余的文字安排在左上角和右下角，我們整個版面的大體框架就出來了。我們可以看到現在這個版面的留白太多，形式感不夠強烈，缺乏氛圍感。接下來我們就要用我們今天教程所講的手法來一一解決這些問題。
先來一個疊加色塊的手法，在歐巴的身后疊一個黃色的圓形色塊，那么上半部分負空間零碎的問題就一定程度上得到了解決。接著再來添加一個投影，這個投影我們選用了高明度和高純度的青藍色，這樣更加有時尚有趣的感覺。
然后使用字疊圖，從文案中的slogan里提取出It’s Movement的英文放大疊在人物身上，這里我們選用了一款比較有趣的粗無襯線字體。
剩下的負空間我們用添加文字裝飾元素和手繪裝飾元素的手法填滿。最后的最后，再給版面上加一層點元素背景，增加版面形式感。我們這一張海報就最終成型了。
文章來源：優設
年底了，大家有沒有在電腦前面忙成狗呢？我身邊設計師朋友們可都在沖刺年終 kpi 呢。
但設計需求越著急就越容易出現問題，不少客戶爸爸們都抱著一種「沒多少時間了，你就這么抄吧」的速成心態，殊不知這樣讓設計師很為難??！
粉絲投稿，求問老板讓「致敬」時，設計師應該如何應對呢？
當然這種抄襲的事情我們自然不能支持，但從別人的套路中總結出經驗還是可以的，為了給大家寫出有干貨的內容，我收集了喜茶全年的廣告海報，做了一個設計風格的總結，方便大家「偷師」（不是抄襲，謝謝）
要說新式茶飲行業最喜歡用的風格之一，莫過于「港式風格」了，畢竟港式奶茶也是新式茶飲行業的扛把子。
港風兼具了：風格強烈/配色醒目等諸多好處，喜茶也在 2019 年多次使用這個風格，例如與阿華田合作的聯名款還有后面的阿喜小賣部以及吃瓜公司，還有后續的火鍋跨界多肉芒芒甘露等等都采用了港式風格來設計
但其實港風是非常容易操作的，只需要三步就能打造喜茶同款。
下面我們就來看看怎么搞港風設計吧！
談到配色就逃不出一個核心話題：「港風到底是什么風格？」這就要從香港本土的環境開始說了，香港擁有非常高的人口密度，在鬧市區樓宇一棟挨著一棟，店鋪的招牌鱗次櫛比。
大家日常的生活環境就是每天都被高密度的信息轟炸著，所以店招想要在眾多招牌中脫穎而出自然就需要視覺上的沖擊，其中便以極其醒目的霓虹燈店招勝出。
但霓虹的制作工藝上，圖形與配色都不能太復雜，于是就形成了：手寫字體+高飽和配色+簡單圖形，這樣的固定組合形式，港式風格也就此定型。
所以其實只要選擇好一個手寫字體你就完成了港風的一大半！
然后再選擇一個飽和度高的顏色外加基礎好看的圖形就搞定了，這時你就會擁有一個喜茶同款海報了。
好看的免費字體這里找：
說完了港風之后，第二個經常被 cue 的就是傳統古風，而古風中最最最最重要的一點就是定好主基調色，然后選對輔助素材。
而主色調的選擇無外乎幾種常見的水墨畫、工筆畫、民國畫報等，這些都是古時候我們常用的藝術載體。
而其中工筆畫和民國畫報因為畫面柔美好看、畫風具有明顯特點成為了現在年輕品牌愛用的設計形式。
當然色調只能展現畫面的整體感覺，真正的神韻還是要靠細節來呈現，例如祥云、角飾紋樣、圓月玉兔等都是極具特色的。
古風色調+裝飾性圖案的這種搭配，可以說在產品廣告中是非常百搭的，且大部分的產品展示都能應用上，例如喜茶新品的荔枝季還有桂花綠的海報。
△ 喜茶的中國風海報
以及一些節日海報的應用都能很好的體現中國節日的特色
如果你沒有太多時間去追求風格創作但是又想要有好的視覺效果，那你也可以學學喜茶的廣告，走簡約派的路線，簡單來說這一風格的要素就是排版要好 + 元素要少。
說白了就是畫面保持簡潔的同時還要具有設計感，這就全靠排版來撐了，相比其他的風格，簡約風的排版更多元化。
常規的排版方式有居中、左右、四邊構圖。
只要選擇合適的構圖外加上好看的照片，你就會獲得不錯的簡約風海報了，其實這種風格也不用拘泥于灰白色調，配上其他的顏色或是插畫圖片時效果也一樣很好。
當然，我們在看設計作品時都是只看到了最好的一面，看不到品牌與設計師在背后反復實驗與摸索的過程。
△ 喜茶全年海報的一小小小部分…
里面還有一些不錯的海報作品卻因為不同的原因未能與大家見面。
號稱茶飲界「廣告公司」的喜茶在這一年除了用心做飲品之外，也為設計圈提供了不少有價值的物料，能夠靠設計將產品的價值傳遞出來對于設計師來說是一個好現象，設計在以后的日子里會被越來越多的品牌重視起來，上面這些「套路」大家可以學起來了~
文章來源：優設
近一年多接觸到了插畫 Banner 設計，算是自己邊做邊摸索，還在學習探索期，目前總結了一些做稿的思路，分享的目的是為了梳理完善自己的方法論，讓自己繼續向前進一步。
本篇文章分享內容：插畫 Banner 的三個層次。
插畫 Banner 的三個層次：文案層、畫面元素、背景層。
相關聯元素和點綴元素可以二選一，也可以同時使用，具體根據設計畫面而定。
以下內容是我目前總結的背景層類型。選擇背景時的注意事項：背景一定要和元素風格一致。我經常會出現這樣的問題，主體物和背景不融合，導致設計看起來主體元素是貼上去的。
注：以上所用到的圖片素材均來自于懶設計、稿定設計
Banner 設計畫面千千萬，套路來回就幾樣。希望大家能在框架的基礎上進行思維發散，創作出好的作品。
定量的設計套路（不變）+百變的設計風格（變）=屬于你的千變萬化的 Banner 作品
（原文章地址：https://www.uisdc.com/banner-design-guide）
自從做設計以來經常會看到一些很高大上的理論，例如：格式塔法則、網格系統、黃金分割法等等，這些詞語給人第一印象就是很高大上，很難學會，也有很多設計師看到這些理論就被嚇到，認為自己學不會，也不想學，因為理論知識確實是學起來很枯燥。對于初學者的設計師來說，這些理論可以在短時間不用學太多，但是對已經工作幾年的設計師來說，這些設計理論知識也是必不可少的。
只有掌握設計中必要的設計知識，才能讓自己的設計眼界、技能得到提升。就我個人而言，我在設計初期也是很反感這些所謂的理論知識，對于我來說簡單通俗的教學才是最容易讓人接受的，理論太深奧，我真的無法從中體會到真正的奧秘。但是，越到后面，我越喜歡研究那些設計理論知識，因為我越來越懂得那些理論的重要性，對我的設計也有很大的幫助。所以今天我采用通俗易懂的方法，教大家去理解和掌握這些高大上的設計理論知識。
今天主要分享我們經常聽到的黃金分割構圖法。
黃金分割構圖法：是一種由古希臘人發明的幾何學公式，遵循這一規則的構圖形式被認為是「和諧」的，在欣賞一件形象作品時這一規則的意義在于提供了一條被合理分割的幾何線段。
黃金分割構圖法的基本理論來自于黃金比例 ── 1 : 1.618。
黃金分割構圖法運用到海報設計、畫冊設計、網頁設計、繪畫、服裝設計、logo 設計、電視電影、建筑等等領域。在攝影中也經常會引入黃金分割比例，可以讓照片感覺更自然、舒適，更能吸引觀賞者，給人一種賞心悅目的視覺感受。
我們先賞析一些運用黃金分割法的優秀案例，通過賞析能讓我們體會到它的美和重要性。
1. 在海報中的應用
從上面的 2 張人物海報案例中，可以看出都利用了黃金分割螺旋法的技巧，當整張圖作為背景時，我們不知道圖片主題位置的掌控時，就可以采用黃金分割法的原則。對于人物，可以根據想要突出的人物某一部位，直接采用這種分割方法快速找到版面位置
下面2張海報是通過圖形和文字的結合，主題文字排版的位置也都剛剛好是黃金分割的編排，帶給人一種美的、舒適的畫面感，圖片和文字在版面的比例剛好是 1 : 0.618。
2. 在網頁中的應用
上面 2 個網頁都采用了黃金分割的原則，大體將版面分為圖片區+文案區，比例為 1 : 0.618。上面同時采用了網格重疊的形式，而下面的就是最基本的黃金分割比例。版面的編排整體給人一種呼吸感、有序的、層次分明的視覺感受，并且瀏覽的順序也是井井有條，如下圖閱讀順序指引：
3. 在繪畫上的應用
像我們看熟悉的名畫「蒙娜麗莎」、「維納斯的誕生」等也符合黃金分割的比例。黃金分割比例也在這些作品上經過了歷史認證，利用黃金分割布局，讓畫面更耐看、更精致。
4. 在攝影上的應用
在攝影中也經常會引入黃金分割比例，可以讓照片感覺更自然、舒適，更能吸引觀賞者，給人一種賞心悅目的視覺感受。使用黃金分割的攝影可以制造出一種空曠、寂靜的視覺效果，也可以制造出一種特寫鏡頭的效果。不知道怎么拍照好看，學會這一招你的攝影立馬高大上。
5. 在建筑上的應用
在建筑設計中的運用也有很多案例，例如上面的金字塔和泰姬陵的多處布局都能看出黃金分割，第三張中國古建筑也都運用了黃金分割構圖。自古以來很多文化建筑都采用了這個構圖，讓建筑看起來更加美觀、耐看、精致。
了解了螺旋黃金分割法的用途和好處，我們最主要的是需要知道怎么來畫這個螺旋黃金圖。
1. 新建畫布
2. 畫正方形
這里畫正方形是最關鍵的一步，我們只要知道螺旋黃金圖的比例就可以很快的畫出來。
螺旋黃金圖比例為：13 : 8 : 5 : 3 : 2 : 1
只要知道螺旋黃金圖的比例我們就可以開始畫正方形了，簡單的正方形不用我多說吧。我們按 10 倍的比例來畫圖，簡單的意思就是前面的螺旋黃金圖比例都乘 10，變為 130 : 80 : 50 : 30 : 20 : 10，再根據這個數字畫出 6 個正方形。
正方形畫好后按照這個轉圈的順序排好即可。
3. 畫圓弧線
正方形畫好后，畫圓弧線，可以通過畫正圓得到。
圓弧線為正圓的四分之一，圓的半徑為每個不同正方形的邊長，通過不同大小的正方形畫出不同大小的圓弧即可。
開始畫圓弧：以大正方形的右下角為圓心畫正圓，注意相切位置，畫好后刪除多余的錨點。
△ 圓心位置
△ 相切位置
△ 刪除多余錨點
△ 圓弧畫完后
到了這一步基本也就出現我們想要的螺旋黃金圖，最后只需要將我們的正方形改成描邊的模式即可。
△ 最終圖形
這里展示一下第二種方法：
螺旋黃金比1 : 1.618在畫面中怎么看？
說了這么多，沒有實際的操作案例你們是不是也很頭痛，到底拿到這個技巧怎么去使用呢？在我這里例舉一個橫版和一個豎版的案例。
找素材
這里找來幾張圖片，因為是做分析案例，所以我就選擇我自己喜歡的圖，我選擇的是圖1。
圖片調整
圖片確定后，我們就需要把圖放到我們的畫布中。
但是問題來了，一般我們的設計尺寸基本是不會和找到的素材是一樣大的，我們到底要怎樣放大圖片呢？圖片中哪些元素可以忽略，哪些需要重視？螺旋黃金分割法就可以用上了。
利用我們的螺旋黃金分割圖，放在我們的版面中。接下來就放大我們的素材圖片，分析圖片結構。圖片上方都是天空，左邊是海和天空，只有右下比較復雜，有人和零碎的石頭，所以我們這里圖片就以人為畫面中的焦點，那么我們的螺旋圖就需要改變一下位置。
調整圖片大小和位置，將圖片中的人物放在螺旋圖的焦點位置，這樣我們的版面就快速地確定了視覺焦點。
文字排版
將文字排版在畫布中，再根據文字豎排的樣式，和人閱讀的習慣，調整圖的方向和文字位置，使人看向主題文字，給人一種指引的方向。
總結：主要利用螺旋黃金分割法調整圖片的位置焦點，使畫面中心達到舒適耐看和精致的視覺效果。
標記分析圖：
這個案例我就不做太多的講解，因為很簡單，直接利用螺旋黃金分割構圖的方法，將版面按1 : 0.618的比例劃分，然后在這個比例畫布中排版文案和圖片。
圖片位置排版
素材選擇上面的圖2，這里就做一張豎版的海報。
將素材圖放在畫布中，準備好我們的螺旋黃金分割圖，也放在畫布中。根據圖片本身的特點，人物只有上半身，所以將圖片放在底部最為合適。至于人物應該靠中間還是靠邊，我們同可以根據圖片人物本身的姿勢判斷，根據人物是微抬頭向上看，角度約 30 度，所以選擇將人物靠邊。
再就是人物具體位置的掌控，我們同樣和上面的案例一樣直接利用螺旋黃金分割圖做參考位置選擇，所以就很快找到合適的位置，如上面右圖。
填充背景和文案
我們將背景顏色填充為天空統一的色彩，建立網格，將文案排版在畫布中，上面主要是海報中的主要文案及主題文案，文案和圖片的總體比例為1 : 0.618，遵循我們的黃金法則。
根據圖片的氣質，圖片中的色彩和人物都屬于文藝氣質，清新、寂靜、雅致的感覺，所以我們這里可以選襯線體宋體，結合韓文來體現整體的氣質。
效果展示
最后看看海報效果吧，主要講解螺旋黃金分割圖的使用，所以排版方面講解的比較簡單，以及主題文字都采用最簡單粗暴的字體，沒有過多的修飾。
文章分享了螺旋黃金分割構圖的用途，很廣泛，包含海報設計、畫冊設計、網頁設計、繪畫、服裝設計、logo設計、電視電影、建筑、攝影等等領域，以及分享了黃金分割圖形的畫法，3 個簡單的案例實操，利用黃金分割構圖來幫助我們構圖和排版，最有利于我們對圖片焦點位置的選擇和排版分布的掌控。
文章來源：優設
Type defines type. 在英文中，單詞 Type 包含兩個含義，文字和類型。這從某個角度說明了字體對于品牌的意義。一種字體能影響甚至決定人們對于這個品牌風格的認知。隨著產品使用場景的不斷拓寬，一個品牌的呈現已經不再局限于一個 LOGO 那么簡單。
品牌可以通過 LOGO、品牌色、IP 形象、字體等多種方式與受眾構建聯系。根據權威機構 Salesforce 今年 4 月的調查，75% 的消費者期望在與品牌互動時獲得一種持續性的、連貫的體驗。
縱觀京東現在的品牌光譜，可以發現，之前我們在字體方面的確是處于缺位的狀態。而字體作為一個分布廣泛的媒介，必將成為連通全部潛在品牌觸點的重要工具。
因此，京東朗正體的推出，將會與我們現有的資源一起，全面提升京東的品牌體驗的連貫性，并有利于構建新的品牌生態。
京東朗正體其實脫胎于京東內部設計團隊所稱的「京東字體」。與很多品牌（IBM、奧美）相似，我們的品牌字體也是從我們的 LOGO 文字中延伸而來。
一開始，我們也是邊學邊做，通過已有的一些基礎字體設計知識，從 LOGO 里寥寥無幾的筆畫中總結了一些筆畫規律，比如橫細、豎粗、點平、銳折等，然后將其應用到各個部門提過來的做字需求中。另外有時候也需要對其他部門提交的文字 LOGO 進行審核。
△ 這個神秘組織就是我本人
但是漸漸的，我們開始感到力不從心。一方面是隨著京東業務不斷擴充，希望設計京東字體作為 LOGO 的需求越來越多。使用京東字體作為標志，具有強品牌背書的優點，而且相比專門設計一個圖形 LOGO 乃至一套 VI 體系，使用京東字體更加節省時間，具備更高的推廣效益。但僅靠一個設計師來對接整個集團眾多部門的做字需求，還是有點不堪重負。
△ 源源不斷的做字需求
另一方面是我們意識到，我們根據 LOGO 字體制定的造字規則，其實非常模糊且局限，這也是我們缺乏字庫設計的經驗造成的。而這樣的漏洞使得我們在實際的應用中遇到了問題。比如一開始我們簡單地將撇的收筆都規定為縱切，但是在某些字中，使用橫切收筆，視覺上卻顯得更為舒適。
后來我們在與專業的字體設計師溝通后了解到，這其實是因為在漢字中，單是一個撇筆就分為左上撇，斜撇，彎撇，直撇這么多種類型，而簡單地將一個規則應用到所有的撇筆中，會造成某些字結構上的失衡。
就在京東字體的造字工程陷入困局時，市場部剛好找到我們，提出了與專業字庫公司合作定制京東品牌字體的計劃，從而推進品牌升級。我們與市場部一拍即合，確定了與方正的合作。于是，整個字庫的創作主力轉到了方正身上，而我們主要承擔掌舵的角色，整個字庫的制作也開始向專業化、規?；?、系統化發展，生產速度更是呈現出爆炸性增長。
首先，我們與方正的老師確定了字體整體的基調，希望仍然保持簡潔、直接、力量的感覺。對已有材料進行分析后，方正團隊重新調整了字體的筆畫、字面、重心和結構等方面，特別是對筆畫粗細比例和規則進行了規范化。
可以看到，新版字體的縱橫筆畫比例從 20:11 縮小到 3:2 后，字面布白變得更均勻，辨識度也顯著提高。
同時，方正團隊對筆畫規則的重新分類，也解決了我們之前碰到的難題。例如規定：點、撇、捺及鏡像點撇的收筆采用橫切，較為扁平的撇捺和鏡像撇捺的收筆則采用縱切。
明確規則后，方正團隊先小規模試點，做了 130 個字，這些字涵蓋了京東常用字以及中文里的主要偏旁部首和部分獨特字形。同時，方正也邀請我們為這些字提供意見。
由此，我們開始了字體找茬大賽。我們把這些字放大，打印后貼在墻上細細端詳。近看，遠看，坐著看，站著看，跪著看，走著看，調動起我們體內最原始的設計直覺，試圖找出這些字里不自然的地方，然后貼上便利貼標記。后來我們甚至走火入魔，看字不是字。
△ 看字看到失智的同事
這次的項目合作，方正團隊派出了兩位重量級的設計專家，方正字庫的設計總監仇寅老師與設計副總監汪文老師。（如此深厚沉淀的字體設計資歷讓我們忍不住就直呼老師）
一開始，我們還擔心在項目過程中會比較被動，無法很好地參與到字型設計的討論中。畢竟相比之下，我們簡直是字體小白，缺乏系統的字體設計知識與建設大型字庫的經驗。但在合作的過程中，我們慢慢能體會到，從某個角度來說設計還是相通的。
在一期和二期字樣中，我們都根據「設計直覺」，對一些基本結構提了調整意見，甚至直接上手做了修改的嘗試，因為感覺這樣討論起來也比較直觀。這也的確得到了方正老師們的認可與呼應，其中還包括一些比較重要的偏旁部首。
比如豎心旁、火字旁的兩點，老師們一開始都做得特別纖細。這可能是因為點筆在初始的調性設定上，就被規定從起筆到收筆都不能有弧度。老師們或許是出于字面留白的考慮做小了。但我們認為從總體來看，還是顯得過于「可愛」了點，于是將它們適當加粗，并向中心靠攏。老師也采納了我們的意見，終稿效果呈現上雙方都比較滿意。
確認核心字樣后，方正開始進一步快速地擴充字庫。整個字庫制作的時間雖然只有短短的 3 個月，但還是進行得比較流暢和有序的。
而這當中，還有一個無法忽略的角色，那就是市場部。市場部作為整個集團的品牌資源中繼站，長期負責承接各個部門的設計需求，對字體在業務前線的實際應用效果有很強的發言權。于是，方正和市場部，自然落在了蹺蹺板的兩邊，而我們站在中間，既要信任雙方，又要平衡好雙方的意見，推進字庫快速而高質量地產出。
這次制作間隙，剛好碰上了新板塊業務——「京東健康」的品牌發布，因此方正團隊需要臨時先制作這幾個字的標準字。在康字上，我們費了不少的功夫。
市場部認為方正給到的「康」字設計，有種不穩固的感覺。這可能是康字右下角的捺筆過高過短造成的。這可以理解，因為涉及到京東健康的業務范圍和希望傳達的品牌調性，業務方自然希望在字體標志上體現出穩定、安全的感覺。
但業務方提過來的建議，從設計上看還有欠缺，與其他字體也不成體系。因此我們在此基礎上為方正老師提供了一些修改方向的建議，也就是讓折捺更貼近地面，左邊的兩點也相應做出調整適應。
方正側根據我們的意見，又做了進一步的創新修改。我們以設計角度和業務需求結合的角度進行挑選，認為將右邊的點和捺打散，捺筆能獲得更大的舒展空間，整個字符也「站得更穩」，選定了方案C。這個小插曲也就順利解決了。
品牌定制字體，從名字上可以看出，似乎具有天然的專屬性，它只屬于其服務的品牌。但正如蒙納在 2020 字體設計趨勢報告所說，品牌的字體策略不應該是固定的、死板的，它更像是一個可擴展、可變化的工具，幫助我們實時重塑品牌。這意味著京東朗正體在未來仍將持續進化，更加開放。它不只是屬于京東的字體，它還是我們所有人的字體，它試圖滿足設計師、合作商家、消費者等多方的需求。
京東朗正體目前僅有一個字重，比較粗，主要適用在大型標題或標志中，還不能滿足目前眾多文字內容樣式的需要。后續我們將會制作更多字重，豐富京東朗正體的字體家族。我們也不排除京東朗正體會覆蓋更多語言的計劃。畢竟京東作為一個全球化的品牌，在各個國家的露出將會越來越多，使用字體在不同語境中保持品牌連貫性也一樣至關重要。
除此之外，可變式字體(Variable Font) 可能是我們更長遠的一個發展方向?？勺兪阶煮w的特點在于其無限性，只需下載一套支持這種技術的字體，就可以直接調整字的各種外形參數，包括字重、字寬、襯線、斜度等。這既能減輕字體設計師的工作，也能為使用字體的設計師提供更多可能性。同時，這也有助于消除字體在各種電子終端演繹的屏障，釋放更多品牌活力。目前我們正在與技術平臺的小伙伴溝通這一計劃的實現進程。
在使用范圍上，京東朗正體已經開放授權給所有合作的商家和機構。我們也希望借助品牌字體增強與合作方的聯系，讓這個品牌符號為合作伙伴提供更多展示的空間，進一步拓展品牌生態的廣度。
品牌戰略公司 Lippincott 的負責人提到：「在這個新的時代，字體比任何時候，都更需要也更可能統一人們關于品牌的體驗，并在各個渠道和載體上都實現無縫連接?！?
這一次，我們做京東的品牌字體，當然不是為了「趕潮流」。它立足于現實環境的需要。京東，根源上看是一個提供零售基礎設施服務的平臺。這個服務，既是硬件上的，比如儲存和傳送包裹，也是軟件上的，處理和分發信息。 而文字，作為信息的重要載體之一，是我們這一次嘗試為京東創造設計價值而抓住的發力點和機會點。
和京東朗正體一起成長的歷程，包含了我們在系統化字庫設計中的懵懂探索，與跨界設計師合作的思想碰撞，乃至對京東品牌字體未來發展的想象，辛酸和快樂等比混合。
讓我們期待京東朗正體的表現。
另外一款品牌字體「騰訊字體」也值
藍藍設計的小編 http://m.skdbbs.com
