直接進(jìn)入今天的主題：我的排版技巧
關(guān)于排版的一些技巧，在之前的文章上也說了很多，今天主要來分析一下很細(xì)節(jié)性的問題，也是很多時(shí)候容易忽略的問題，下面我們還是通過一些案例看一下：
這個(gè)排版貌似有對(duì)比、有對(duì)齊、做了分組、也用了一些輔助性的元素，但是為什么給人的感覺還是這么亂呢？這和我們前面所說的理論相悖嗎？其實(shí)不然，先來看一下這個(gè)排版都用了哪些中文字體：
這個(gè)文字組合，分別用到了四種不同的中文字體，這對(duì)于整個(gè)文字排版區(qū)域有多大的影響？我把這組字體排版所用的文字刪減為兩種，看下整體的效果；
相較于圖1，舒服了很多，感覺沒之前那么亂了，但是還是感覺有點(diǎn)亂，那么我們?cè)賱h減一款中文字體，只使用一款字體，看下效果：
字體形式變少了，信息卻清晰很了很多；從這個(gè)案例中我們可以得到這樣一個(gè)結(jié)論：在進(jìn)行排版時(shí)，盡量不要使用過多的字體形式，一般情況下1-2種即可，使用過多的字體形式不僅不能提升整體設(shè)計(jì)感，反而會(huì)使得因字體過多而導(dǎo)致排版信息的混亂！雖然把字體的問題解決了，但是上面的排版還是存在著一些其他的問題，下面我們繼續(xù)嘗試著改變一下：
改變前與改變后的區(qū)別還是很直觀的，下面很直觀的說下具體改變了哪些，為什么要這樣改動(dòng)？
改變一：把整體的排版區(qū)域縮小了，相較于改變前，整體的留白多了一些，文字排版區(qū)域占矩形范圍的比例減少；這么改的原因在于：矩形邊框等于是給文字排版區(qū)域劃定的一個(gè)區(qū)域范圍，也是排版中的一部分，縮小排版占總體的比例使得整體很通透，不至于給人一種很滿，擁擠的感覺，從而提升可閱讀性；這也是很多新人容易忽略的一個(gè)誤區(qū)，比如做個(gè)立即購買的按鈕：
很簡單的一個(gè)例子，看過之后會(huì)有怎樣的感覺，哪個(gè)給你的感覺更舒服？其實(shí)道理很簡單，一般情況下在有邊界束縛的文字或者排版，過于飽滿會(huì)形成一種無形的壓迫感；現(xiàn)在想一想，你有這個(gè)問題嗎？優(yōu)秀的設(shè)計(jì)師一定不會(huì)忽略細(xì)節(jié)！
改變二：邊框加粗、豎線加粗，與主題文字信息筆畫形成一定的呼應(yīng)效果；那么這么改的原因在于：主題文字信息使用的是偏粗的思源黑體；而如果在主題信息里所用的線條反差過于大的話，會(huì)導(dǎo)致整個(gè)排版區(qū)域顯得很薄弱，輔助性的元素有一種為了湊而加上的感覺，使得整體設(shè)計(jì)感不夠強(qiáng)烈；比如前面的一個(gè)案例：
主題信息所用到的線條與主題文字偏差過大會(huì)形成一種落差感，導(dǎo)致整體偏薄弱，當(dāng)然并不是一定要完全保持與主題字體筆畫一樣粗細(xì)才叫合適，要根據(jù)整體感覺視情況而定，排版完成之后自己觀察是否存在這種因線條的反差導(dǎo)致整體不協(xié)調(diào)的問題；然后再加以修改！
改變?nèi)?/strong>對(duì)齊更加工整，底部小英文距離主題信息距離上拉大了一些；這個(gè)原因其實(shí)就很簡單了，對(duì)齊工整是為了增強(qiáng)整體的可閱讀性，英文距離的拉大是為了讓分組信息更加明顯，使得整體更通透。
下面繼續(xù)說另一個(gè)問題：在進(jìn)行文字排版時(shí)，沒有排版思路？有時(shí)我們不知道什么時(shí)候需要加輔助元素，加什么樣的合適？
所謂的排版思路其實(shí)就是在整理信息，分清楚主次，主要文案做特殊處理或者放大加粗，目的是與次要文案拉開對(duì)比，突出重點(diǎn)；其次是在整理信息過程完成之后，要增強(qiáng)文字編排區(qū)域的設(shè)計(jì)感，不能千篇一律只會(huì)一種排版方式；最后要多嘗試一些不同的文字組合式排版。
很多人認(rèn)為文字組合排版很難，非也！這類排版方式只不過嘗試的次數(shù)多一些，文字組合式排版很像是在做填空題，那么我們需要做的就是選擇合適的字體，把主要文案信息放好；把一些次要的文案、圖形、英文通過填空的方式與主文案組合在一起；這類的文字排版方式也很常見：
可能只看圖不夠明顯，我在原圖上標(biāo)注一下：
這類的文字編排在一些專題性的電商海報(bào)中很常見；很多人在拿到文案時(shí)就想一次完成編排，其實(shí)這對(duì)于排版能力稍薄弱的人來說是個(gè)誤區(qū)，不斷的嘗試也是進(jìn)步過程，通常一個(gè)組合式的文字排版都需要從最基礎(chǔ)的信息羅列開始，通過嘗試不同的方案選定最終的成品，比如這樣的文案：“踏遍世界，帶你一起游遍世界，adidas”，下面演示一下：
從一開始的書面文案，到最終的排版的形式，并不是一次就能達(dá)到自己的預(yù)期效果，同樣也通過多次的嘗試、組合；其實(shí)這就是組合式文字排版的一個(gè)過程；這里的排版用到了鞋子的剪影作為輔助圖形，其實(shí)意圖很明顯，在文字編排中就能體現(xiàn)產(chǎn)品信息，而小英文和引號(hào)起到了填充多余空間以及修飾的作用；所以在文字編排時(shí)，用到的元素一定要明白為什么用？
關(guān)于輔助元素的應(yīng)用在之前也說過一些，切記輔助性的元素要符合文案的主題，圖形一樣在傳遞這信息；比如：
不看排版的方式，只看文案與對(duì)應(yīng)的兩個(gè)圖形，給你的感覺OK嗎？這兩個(gè)元素非但不會(huì)起到輔助的作用，反而會(huì)影響到整個(gè)文字排版區(qū)域；所以在用一些輔助性的英文，圖形形狀時(shí)，要根據(jù)其文案選擇，或者用一些偏中性一些的元素，不能忽略細(xì)節(jié)性的問題！
最后補(bǔ)充一下：一些英文、阿拉伯?dāng)?shù)字可以充當(dāng)圖形的作用；要想學(xué)好排版，一定要多看，多練，不能只會(huì)紙上談兵！動(dòng)起手來?。?/p>
色彩，這是一種多么深刻而神秘的語言??！”的確，不同的色調(diào)能夠調(diào)動(dòng)不同的情緒和反映，能夠影響用戶對(duì)于品牌的感知。簡單說來，色彩可以造就不同的設(shè)計(jì)。
幸運(yùn)的是，我們的早已遠(yuǎn)離可選色彩匱乏的年代。正是因?yàn)樯实臉O大豐富，配色方案的選取的確越來越麻煩了。
別擔(dān)心，聽聽來自Creative Market社區(qū)的頂級(jí)設(shè)計(jì)師的建議吧，他們會(huì)告訴你關(guān)于色彩選取的最佳技巧，讓你也可以輕松挑選最佳的色彩組合。
1、靈感捕捉
來自Make Media 的 Callie Hegstrom 是一名才華橫溢的設(shè)計(jì)師，對(duì)于獲取靈感，她是這樣建議的：“我常常通過漂亮的照片來獲取斑斕絢爛的配色方案，取色的時(shí)候直接通過PS或者AI就可以。圖片是非常不錯(cuò)的配色來源，不過前提條件是你選取的圖片一定要有足夠的凝聚力。”
所以，如果真的有色彩讓你特別喜歡的照片，不妨直接借助它來制作一個(gè)好用而高效的配色方案。諸如Photocopa 這樣的工具會(huì)讓這個(gè)過程更快捷，你所需要做的就是上傳照片，然后探索可能的方案。
2、用好你的色輪
藝術(shù)家Marc Chagall 曾經(jīng)說過一句被廣泛引用的話：“所有的色彩都是隔壁色彩的朋友，也是相反位置色彩的愛人。”其實(shí)這句話說的就是色輪。
來自溫哥華Cultivated Mind 的設(shè)計(jì)師Cindy Kinash 曾說過：“當(dāng)使用水彩繪制花朵的時(shí)候，展現(xiàn)陰影最好的方式是使用色輪上相鄰的色彩來繪制?！?/p>
在Cindy的作品中，淺藍(lán)和深藍(lán)、紫色相鄰，這一連串的色彩使用，渲染出了深度。色輪的使用技巧非常之廣，色彩之間的關(guān)系是如此的清晰而富有規(guī)律，你可以輕松運(yùn)用在不同的場合，創(chuàng)造出許多獨(dú)特的組合。如果你對(duì)此并不了解，也不用擔(dān)心，網(wǎng)上有大把的相關(guān)工具幫你搞定色輪的使用。
3、向室內(nèi)設(shè)計(jì)借靈感
不同的設(shè)計(jì)領(lǐng)域，在處理色彩上有著相同的經(jīng)驗(yàn)。在室內(nèi)設(shè)計(jì)領(lǐng)域，設(shè)計(jì)師需要使用紋理、物體和色彩來調(diào)和空間。在這方面，來自MyCreativeLand 的英國設(shè)計(jì)師Elena Genova 有過不錯(cuò)的建議：“室內(nèi)設(shè)計(jì)的許多設(shè)計(jì)規(guī)則運(yùn)用在平面設(shè)計(jì)上非?？孔V，比如用色，60%的主色調(diào)、30%的輔助色、10%的強(qiáng)調(diào)色，這樣的配色比例就非常不錯(cuò)。如果你需要引入第四種色彩，最好從輔助色當(dāng)中分出一部分來?！?/p>
其實(shí)許多領(lǐng)域當(dāng)中知識(shí)和規(guī)律都是相通的，在不同的科學(xué)和藝術(shù)領(lǐng)域中借鑒規(guī)律并非是扯淡。所以，建筑學(xué)規(guī)律運(yùn)用到平面設(shè)計(jì)中來，一點(diǎn)違和感都沒有。
4、保存好設(shè)計(jì)
設(shè)計(jì)師 Nicky Laatz 擁有一家攝影與設(shè)計(jì)商店，她分享了她是如何將漂亮的配色保存下來并復(fù)用的：“每當(dāng)我看到漂亮的圖片和配色不錯(cuò)的照片的時(shí)候，我會(huì)截圖并保存下來。當(dāng)我需要尋求配色方案的時(shí)候，我會(huì)在圖片庫當(dāng)中尋求靈感，總能找到符符合需求的方案?！?/p>
Vanilla Frosting 是 Nicky商店中賣得最好的字體，它的配色和設(shè)計(jì)靈感就是來自于蛋糕。這也就是說，你的配色和設(shè)計(jì)靈感可以來自于許多不同的地方，不要給自己設(shè)限。
你可能已經(jīng)很熟悉Pinterest和花瓣這樣的網(wǎng)站了，這些靈感網(wǎng)站不僅能瀏覽，還能保存許多數(shù)字化的設(shè)計(jì)作品用作靈感來源。那么物理實(shí)體怎么辦呢？設(shè)計(jì)師Austin Kleon在自己的書《StealLike An Artist》中提到過一種方案：用文件夾和筆記本將你看到的雜志、傳單等你覺得漂亮的印刷品等搜集起來，創(chuàng)造你自己的色卡和配色方案！
5、走出數(shù)碼色彩的限制
有的時(shí)候，顯示屏背后的數(shù)碼色輪并不能滿足你對(duì)于色彩的全部需求。離開屏幕，看看這個(gè)世界的色彩，而彩通配色正好為你滿足了你的這一需求。
設(shè)計(jì)師 Callie Hegstrom 就是這樣做的，她以一種更加老派的方式來展示色彩的“物理形態(tài)”——使用彩通的配色手冊(cè)（Pantone Color Bridge）。她是這樣解釋的：“有的時(shí)候有一本物理形態(tài)的色彩手冊(cè)，是非常有用的。尤其是當(dāng)用戶需要一種特定的色彩的時(shí)候，手冊(cè)會(huì)向他展示實(shí)際的效果?！逼鋵?shí)仔細(xì)想想，彩通的色卡和手冊(cè)也算不上太過“老派”，畢竟色卡上每個(gè)色彩都有對(duì)應(yīng)的HEX值。對(duì)于有印刷和涉及色彩實(shí)體的設(shè)計(jì)師而言，有個(gè)色卡或者手冊(cè)還是非常省時(shí)省力的，這會(huì)節(jié)省相當(dāng)多的時(shí)間、金錢，尤其省卻了不必要的來回折騰。
6、從自然取色
我們對(duì)于自然的色彩有著天然的親和。如果你打算從大自然借色彩，還是有一些地方需要注意的。來自CO-OP的設(shè)計(jì)師Gary說過，自然的色彩里，有著無限的色彩組合。每一片葉子和沒一個(gè)水果都有著令人驚艷的色彩，這些自然的東西能給人靈感。Gary在南非有著自己的網(wǎng)絡(luò)商店，他的設(shè)計(jì)靈感來自南非“光明而溫暖的陽光”。
在這些富有水彩畫質(zhì)感的作品中，我們不難看出他的靈感來源：溫暖的火紅色，日落般絢爛的色彩，鮮艷的森林綠，充滿生命力。你可以輕松在網(wǎng)上找到別人的設(shè)計(jì)和方案，但是只有你從自然獲取到的色彩，才是屬于你自己的。
7、專注于3到4種色彩
除非你是要設(shè)計(jì)一套奇花無比的“彩虹系”的作品，那么盡量避免色彩使用過量。智利平面設(shè)計(jì)師RodrigoGerman 認(rèn)為，將整個(gè)設(shè)計(jì)的色彩控制在三到四個(gè)，會(huì)讓整體看起來清爽而不會(huì)太過。如果需要超過三個(gè)色彩，盡量在現(xiàn)有色彩中加入黑白灰創(chuàng)造同色系色彩。
這個(gè)案例中，Rodrigo 使用了Marty字體，色彩上也堅(jiān)持了他的三色原則，只使用了粉色、黑色和綠色。所以，如果你想堅(jiān)持自己的創(chuàng)意和設(shè)計(jì)，但是又感覺還有缺陷存在，不妨看看是不是配色方案用色過多。記住，最佳的配色方案是三種色彩。
8、根據(jù)主題來匹配色彩
想想看，你的設(shè)計(jì)到底是針對(duì)的什么主題。是關(guān)于運(yùn)動(dòng)、時(shí)尚、美容還是商務(wù)？決定了領(lǐng)域之后，你需要考慮的是與之相關(guān)的情緒是怎樣的。這應(yīng)該是一個(gè)可愛的時(shí)尚的宣傳單，還是一個(gè)積極向上的體育海報(bào)？它應(yīng)該是女性化的，還應(yīng)該是優(yōu)雅而開朗的？GraphicBox 的設(shè)計(jì)師 Salome 是這樣的建議的：“你應(yīng)該線構(gòu)思出一個(gè)粗略的顏色主題，然后繼續(xù)打磨細(xì)節(jié)。比如，你需要一個(gè)浪漫的紫色，或者可愛的粉紅色。”
在她的秋季Graphic Kit 中，Salome 就采用了相對(duì)樸實(shí)的綠色、淺橙色和復(fù)古紅。仔細(xì)看看周圍的類似的圖片、設(shè)計(jì)和創(chuàng)意作品，他們用了什么色調(diào)、傳達(dá)了什么情緒，如果你要借鑒的話，兩者之間有什么區(qū)別，要注意什么細(xì)節(jié)，又該怎么使用。另外一個(gè)不錯(cuò)的選擇是自己鉆研色彩理論。研讀一下色彩理論和色彩心理學(xué)，了解色彩之間的關(guān)系、色彩對(duì)于用戶心理的影響。不過，請(qǐng)記?。哼x擇那些最有效的色彩！
9、在Pinterest和搜尋主題模板
雖然國內(nèi)的花瓣擁有大量“符合國人需求”的畫板合集，但是用戶基數(shù)與品質(zhì)依然比不上這個(gè)領(lǐng)域的開拓者Pinterest。Pinterest 幾乎是世界上最大的創(chuàng)意工作者的集散地，這里也有著數(shù)量龐大、可供選擇的調(diào)色板。VintageDesign Co., 創(chuàng)始人 Ian Barnard 為我們?cè)敿?xì)講述了在Pinterest 尋找配色方案的過程：“很簡單，如果我正打算做一個(gè)海灘主題的海報(bào)，那么我通常只需要搜索‘SummerColor Palettes’，然后在搜索結(jié)果中挑選一個(gè)中意的就好了。 ”
就這么簡單？當(dāng)然，不過好玩兒的地方在于，你還可以繼續(xù)細(xì)化篩選，針對(duì)不同領(lǐng)域篩選：室內(nèi)設(shè)計(jì)、時(shí)尚、平面設(shè)計(jì)，甚至活動(dòng)設(shè)計(jì)。
10、關(guān)注色彩愛好者的社區(qū)
Colourlovers 就是一個(gè)典型的圍繞色彩而存在的創(chuàng)意社區(qū)，來自世界各地的色彩愛好者在這里集結(jié)，加入社區(qū)便可以同370萬來自世界各地的設(shè)計(jì)師一同探討配色方案。
結(jié)語
色彩可以成就設(shè)計(jì)，也可以毀掉設(shè)計(jì)。它可以帶來美麗與平和，也可以創(chuàng)造尖銳的效果，營造恐怖的氛圍，而這些都取決于你，這些效果都最終歸結(jié)于你對(duì)于色調(diào)的選取是否認(rèn)真，都源自于你對(duì)于設(shè)計(jì)最初的想法。
圖片來源/百度
聯(lián)系客服
