研習設訂閱號

設計干貨  杜絕注水

在文章開始之前，我們先來玩個游戲，限時五秒，你能找出哪一個才是淘寶最新的標志嗎？找到了嗎？左滑圖片就可以得到答案啦。

放大它，能夠讓我們更容易看出它們之間的差異。可能你會有這樣的疑問，這標志好像改了，但又沒完全改。既然差異不大，為什么還要在這種細節上做調整呢？

帶著這樣的疑問，我們會發現，原來很多標志的優化升級，也都差不太多。比如宜家的標志優化了整體的比例關系。

vivo的標志，選擇了弱化圓體的字形，將字母的兩端做了水平的切割。

而相比之下，小米將邊角的圓弧放大的做法，似乎也變的激進了很多。

或許是為了順應時代審美，適配新的應用場景，又或者是品牌自身的業務變化，這些都需要在視覺上有所體現。但為了降低用戶的適應成本，通常標志也并不會調整過大。

想要做到優化細節的同時，又能夠繼承原有的印象。這可能并沒有看起來那么容易，它在專業領域中，被稱為“標志造型的縝密化細節改良設計”，具體是在保持原有標志創意和基本圖形特征基礎上的造型規范化和細節改良。

想要達成這樣的優化，就一定繞不開標志設計中的規范化制圖了。簡單來說，這是一門用理性去推敲與量化設計細節的學問。

無論是升級改造又或是從頭開始，當一個標志的基本形態被確定后，我們要保證圖形能夠在不同的延展場景中，保持統一且完整的視覺感知。下面我給大家總結了一些規范化制圖的方式，一起往下看吧。

根據公元前300年左右的《幾何原本》的記載，希臘人找到了一個規范化制圖的方法，只要利用尺規繪圖方法就能實現它。

他們利用尺規制圖，在任意場景下都繪制出標準的正五邊形，并且還能用幾何公理去證明它的準確性。

這本書是文藝復興時期的盧卡·帕喬利修士的著作。

其中作者利用尺規設計了一套襯線體。

這也是1971年至2016年，紐約大都會博物館標志的原型。

也許你會覺得，這種輔助線僅僅是為了滿足人們徒手繪制標志的需求，但實際上，這也只是規范制圖的其中一個特性罷了。即便是在如今這個時代，這種設計思維也依然存在于標志設計的創作流程中。這包括對想法與草圖的修正，簡化造形之間的選擇范圍，以及為創作提供某種模式化參考依據。

隨著標志的不同，與其對應的規范方式也會有所差異。下面就給大家介紹第二種規范的方式——利用網格系統規范。

例如奧瑪印刷加工廠的標志，使用的就是11×11的網格系統制作的。

通過15×15的網格，我們也能夠得到中國工會的會徽。

即便是像可口可樂這類不規則的手寫風格標志，方格制圖也能夠為我們提供基礎的比例參照，方格的數量越是密集，對于標志的規范程度就會越靈活。

當然，如果追求更靈活的規范化方式，我們可以嘗試使用第三種規范化的方式——比例規范。例如中國銀行的標志，則使用了一套動態的單位。

使用這種方式的話，首先我們需要確立一個參考單位X，它可以由毫米、點、或是像素等任意的單位構成。

接著我們就需要將這個參考單位賦予到標志中的某個位置。比如其中這個最小的圓角半徑是1.5x。

用設定的位置作為參考，我們就可以推導出整體的標準結構，從而讓使用者了解到其中的比例關系，避免錯誤的使用。

另外這種標注比例的方法，也會被用來規范安全空間，為了保證標志的清晰識別，周圍的這個距離是不允許侵入任何內容的。

這種方法通常也會被用來標注圖形與標準字的組合規范，以及對標準組合的安全空間設定。

既然是使用比例關系來規范，那么有一個比例是肯定繞不過的，那就是黃金比例。

例如國家地理雜志的標志就是一個典型的例子。標志中方框的內側邊緣，其實就是一個黃金矩形。

另外像豐田標志以及華納兄弟的標志設計規范中，黃金比例也同樣充當著重要的參考地位。

不過話說回來，當然也不是所有的標志都會嚴格的按照幾何的造型或者比例關系去規范，比如谷歌的標志，就讓許多完美主義者感到了強烈的不適。

這個標志的外圈與內圈都非一個完美的正圓，不僅如此，內部的橫筆粗細，與外圈的環形高度也存在著粗細不一的情況。

甚至用來劃分標志內部色彩的傾斜線條，也并沒有對齊?？赡芸吹竭@兒的小伙伴，會認為谷歌的設計師明顯都開啟了躺平模式?？烧嫦嗾娴氖沁@樣嗎？

我們不妨試著依照所謂完美的方式繪制一版。

我們會發現，實際用肉眼去觀看這個標志時，右側的開口處的曲線會給人一種向外延伸的錯覺，而當我們把它看成一個字母G的時候，起筆的位置顯得也并不自然。

那解決的辦法是可以將起筆的角度對準圓心。

并且把右側的開口向內收縮一些，來抵消之前的錯覺。

至于色彩的劃分的部分，我們參照收口的底部繪制水平線相交到外圓，再由這一點連接右下角，鏡像翻轉這個部分，隨后將視覺重心略微上提，這剛好讓右上角的線條連接到了起筆的上方。

經過一番視覺上的修正，我們看這個標志明顯看起來舒適了很多，修改過的版本，其實就是谷歌如今正在使用的標志了。

在nasa的蠕蟲標志中，我們也會看到，雖然絕大部分筆畫都統一了粗細，但其中傾斜與轉角部分為了視覺協調，也進行了縮減的處理。

在我們的印象里，奧運五環的標志是由五個等大的圓環構成的。

可是當我們給每個圓環賦予不同的顏色之后，由于不同色相存在明度的差異，視覺上的膨脹感也不一樣，導致了圓環在視覺的粗細上不統一。

所以最終奧運的標志，加粗了張力較弱的黃色，并且減弱了張力更強的黑色，從而達到一種比較和諧的狀態。

不過對于標志設計來說，并非畫好了一個logo就一勞永逸了。為了適應不同的應用場景，很可能我們需要根據不同的場景去調整出多套方案。例如IBM的標志，它可以經由一套15×36的網格構成。橫紋是這個標志的特點。

但在小尺寸下，這些橫紋會顯得過于密集，而當使用在相對更大的尺寸時，又會覺得橫紋間隙過大。

針對這樣的情況，設計師分別制作了三種不同的樣式，以應對不同的應用場景。

微軟同樣也為了不同的尺寸設計了不同版本的尺寸。在小尺寸下，首字母M的轉角處，存在油墨陷阱，這是針對小尺寸特別做的優化。

而在更大尺寸的展示中，首字母并不存在這個特性。

除了尺寸，logo也需要根據不同的背景色設計出不同的版本。當logo被反白應用在黑底時，也許你會覺得直接改下顏色就大功告成了，可現實總會發現一些奇奇妙妙的狀況。

經過反白的logo看上去明顯更加臃腫了，這是視覺生理造成的側抑制影響。

也正因為如此，我們需要重新制作一版稍顯瘦弱的標志版本。

另外，比如像肯德基爺爺這類具有面孔的標志，在實際反白過程中，如果直接進行換色處理，那絕對是一種陰間操作。

在修正的過程中，我們當然需要把光影的結構也考慮進去。

當然，尺規制圖也并不是束縛想象力的洪水猛獸，即便是在同樣規則的固定架構下，其實也能夠延展出變化豐富的圖形符號。無論是選擇追求完美的數理關系，亦或是靈活多變的局部修改，這兩者其實并沒有優劣之分。因為能夠最終主導設計決策的， 從來都不是那一條條冰冷的輔助線，而是坐在電腦前苦思冥想的你。

由于微信公眾號更改了推送機制，推文不再按照時間線推送，為了以后能及時觀看到我們的教程和文章，看完文章后記得給我們點個“在看”哦。如果你喜歡我們的文章，這將是對我們最大的鼓勵和支持。