LOGO輔助原理 

關于LOGO的輔助線制圖，重在對圖形的推敲打磨。用到的都是初中數學的幾何原理，有些還會用到一些簡單的數學計算。可以說LOGO輔助線制圖是幾何與設計的結合。這里只列舉一些，如主要會用到的圓形相切原理。

▲（如上圖）兩圓相切指的是一種位置關系，分為內切和外切。當兩圓相切時它們之間會產生惟一的公共點，這個惟一的公共點稱為切點。

▲LOGO輔助線制圖最經典的案例要數Apple的這張設計圖稿了，大多數設計師應該都見過，整個蘋果的造型被N多個正圓形切割。

這些用來切割LOGO圖形的正圓形也可以叫做LOGO的制圖輔助線，幫助設計師更好的校準圖形的規范性，梳理圖形內部結構的邏輯關系。經過輔助線切割后的LOGO會更加經得起推敲，視覺感受上也更加嚴謹、舒適。

看看實際案例 

引用之前我在百度做過的一個項目“百度錢包品牌升級”作為講解案例，這個項目當時采取團隊內部比稿形式，經過幾輪提案和方案調整，最終選用了下面這款設計方案。

▲整個圖形既是個抽象的“百”字，也像個錢袋子，中間加入了銅錢的元素，外輪廓一筆呵成又有點像“中華玉龍”（一種古代玉器）的造型；圖形最后微調階段就花了一個多星期的時間。

可能會有很多人不清楚究竟在設計過程中什么環節開始用輔助線制圖？其實，這個環節是需要等LOGO方案在設計方向確認后才開展的，而且有的情況下即使是經過輔助線畫圖后，還會再經過幾輪調整。一般到中期鎖定創意方向后，通常會畫N多個草稿。

▲雖然創意方向定了，草圖也畫了很多，但是勾出的矢量稿感覺每一個都不那么理想，但又不知道從該哪個方案繼續深入下去。

▲這里分享一個實用的小方法“圖形透疊法”。將上面勾好的矢量稿挑選出來調低透明度，視覺上對齊重心，將幾個圖形的疊在一起，你就會發現有些圖形就顯得很格格不入。圖形的骨架也會清晰可見，盡管有些當初覺得造型挺特殊的方案，在這里就會顯得很突兀(紅圈處），要么圖形太高，要么重心不穩，直接就可以拿掉了。

▲當一個一個去除掉那些看起來不太舒服的圖形后，瞇起眼睛再看這個骨架，就會更加明確最后想要的圖形該是什么樣子。而且在輔助線制圖階段，這個骨架可以幫你判斷圖形頭尾這些關鍵地方該如何取舍。

▲經過幾輪內部評審，并選出較一致認可的方向進行上色后，可以先給需求方提案，直到需求方或老板確認方案并拍板。在提案階段通常內部會先選定2-3個設計方向，經過3、4輪設計提案后，最終敲定設計方案。

如何從0到1繪制一個輔助線 

敲定方案后我們開始進行輔助線制圖。（也可根據實際情況在有充裕時間情況下提前進行）。

▲將確定后的這款方案轉成黑白稿后會發現，箭頭所指的弧度和收尾處不太舒服，顯得有點笨笨的感覺，不是很順暢。所以在用輔助線制圖前可以先鋼筆工具試著調整下輪廓曲線，達到視覺看上去舒服的形態。

▲在逐步講解前，我們先直接看下輔助線調整后的效果（如上圖），一堆密密麻麻的輔助線，看著可能有些亂，但仔細觀察每一個輔助圓和直線，它們之間又似乎存在某種關系。

▲輔助線很大程度幫你解決了，一些看起來不舒服的造型弧度問題。（如上圖）可以看到輔助線制圖后與原來圖形比較，整體雖然只是有細微的差別，但在箭頭指向的兩個關鍵地方優化效果卻比較明顯。

▲下面將輔助線單個分析，上圖顯示主體部分兩個輔助圓中心保持水平，并處于相切位置，產生了一個切點。LOGO內部那個尾巴也是從這個切點開始向內圓收進去的。

▲這里有個知識點跟大家分享：我們看一組對比圖，組1當內圓直徑小于外圓半徑時，從紅色切點處連接形成的圓弧相對較陡；組2內圓直徑與外圓半徑一樣大的時候看起來會稍微緩一些；組3形成的外弧度看起來是最流暢自然的。當然，采用哪一種處理方式，需要設計師根據具體圖形去選擇。

“人類創造了直線，上帝創造了曲線”，優美的曲線弧度使標志圖形看起來更有美感和耐看，而這些弧度都可以用圓切出來。

▲這樣運用到實際圖形中，我們也就有了一個制作的依據。也能你給領導講方案時，可以解釋圖形為什么這樣處理更好看，你是通過試驗對比去論證過的。

但是大家都知道不管是LOGO還是icon圖形制作并不是一個局部一個局部去切形，需要考慮圖形的整體。

▲除了直線部分，標志圖形的每一段曲線都可以用圓的一部分弧度去代替。通過圓相切，讓這兩塊區域產生了潛在的邏輯關系。你就好比是“上帝”，讓這個圖形按照你的規矩被創作出來，這些規矩就是通過圓、直線、切割、角度等等來制定的。

當然規矩是建立在圖形前期被不斷調整后有了一定視覺美感基礎上，規矩只是個輔助工具，會讓圖形變得更嚴謹考究。

▲還有些不屬于圓形相切出來的“規矩”，但也可以找出一點關系。從中間方塊兒的兩個邊緣和中心點延伸出來的輔助直線，讓它剛好經過三個關鍵點。這個關鍵點可以定在一些頂角、轉折角位置，或是兩個輔助圓相交的位置。

AI軟件的一些操作技巧 

那么，在AI軟件里怎么去操作這些輔助線呢？水平或垂直角度的圓比較容易做到相切弧度。那如何讓這種不在規則方向的兩個圓讓它們相切，并連接成一根完整的弧線？

▲還是先蘋果鍵選擇“Command Y”，讓整個文件只顯示輪廓線，然后這里需要辛苦選擇“”手動拖動一個圓到兩個圓形相切的位置，然后選擇“P”鋼筆工具，將鼠標移到兩圓相切處，會出現“”符號并點擊后，會在其中一個圓形上增加一個錨點。然后隱藏掉這個增加完錨點的圓形，按剛才方法，在另一個圓上面也加一個錨點。

▲選擇“”點中沒用的線段并刪除，保留想連成弧線的部分。

▲選擇“”框選相切的位置，此時會同時選中兩個斷點，再選擇“Command J”可以將兩個斷開的點連接，一條完整的弧線便完成。

▲一般圖形錨點越少越規矩，勾出的圖形弧度和造型看著就越舒服。

▲盡管原圖與修正后的圖形比起來相差不大，但是看得久了左邊的瑕疵就會很明顯。現在回過來看其實右邊的圖形仍然有很大的優化空間，也歡迎大家在一起切磋討論這個知識點。

▲我們再看下最開始的那張輔助線圖，是否還會覺得很復雜？是不是變得清晰很多？

設計資料分析 

再看幾組網上找的設計資料

▲日本JR鐵路LOGO的輔助線稿及黑白稿，輔助線組織的非常有邏輯，就好像井然有序的電網線路。各個圓形也是層級規整，輔助圓之間相切（標紅圈處）的邏輯關系也是有的。

▲雖然只是兩個字母的簡單組合，但看得出背后應該花了非常大的精力去調整圖形之間的結構關系，圖形整體看起來非常硬朗、干練有力。“J”字母尾部獨特的識別性，以及“R”字母的尾部處理得鋒利果斷，將鐵路的快速、安全、準時的品牌感受傳達的很強烈。

▲日本JAL航空的標識圖形是我覺得見過非常完美的LOGO，能強烈感受到圖形經過圓形切割后的嚴謹、飽滿感，鶴的整個造型亮相非常的霸氣高傲，又給人一種很安全、祥和的感受。翅膀與頭部的關系應該蘊含著很強的比例邏輯關系。

標志圖形要考慮無論是大到樓宇海報，還是小到icon、徽章各種尺寸下的展示效果，這是最基本的要求。“疏可跑馬，密不透風”這里用來形容圖形的結構關系，雖有些夸張，但道理都是一樣的。

總結 

將輔助線制圖的設計稿展示在你的提案PPT里，可以讓需求方感受設計團隊的高專業性，以此提高設計方案的命中率，這是我以往經驗論證過的。當然最重要的還是幫助你把控圖形的最后輸出效果。用輔助線規范你的LOGO，你學會了嗎？

以上就是本期分享的內容啦！希望對各位小伙伴有所收獲~

轉載聲明：本文來源于網絡，不作任何商業用途