話說自從著名資本家胡曉波先生對訓練營的同學下達堅持打卡兩年送一臺蘋果手機的許諾之后，同學們紛紛戰意滿滿，激情四設，每天就是手機碎片+1，手機碎片+1 的做練習…而本意是激勵大家好好練習的波哥，整日憂心忡忡，省吃儉用…好怕自己兩年后被原地榨干…
為了更好的協助大家吸資本家的血，豐富自己的武器庫。本次教程整理了八個由易到難的 LOGO 設計方向與相應的 Ai 技法，大家可以用闖關的方式一各一個的逐個攻破，體驗感會更好哦！話不多說，我們開始吧！
文章末尾另附視頻版本，對步驟有疑惑的同學可以跟著一起實操一遍，嗯，是真的想教會你呢。
PS：本文所有案例均來源于網絡，只用作分析技法。
首先出場的是一個雪花造型的 logo，復雜的線條紋路讓它看起來既神秘又迷人，雖然看起來很麻煩，但其實我們很容易就能發現它的規律性：
1. 由六個相同的單一元素旋轉復制得到；
2. 線條傾斜角度均為 60 度。
OK，掌握了這個規律，我們用網格大法很輕易就可以將它繪制出來，來，上步驟！
首先我們先畫出網格，用幾條等距的直線，然后群組整體旋轉 60 度復制左右兩組，即可得到。
想要做這種傾斜角度相同的線條，網格可以幫助你更好的進行規范。
然后我們沿著網格將單一元素的路徑用鋼筆工具繪制出來，這里需要注意兩點：一是每一個端點處最好對齊網格的點；二是有轉折的地方要一筆連過來，方便后面加圓角處理。
畫好路徑后我們將它轉曲，然后添加圓角，注意添加圓角的規律，一般外圓角會比內圓角大一些，而且相同的角度一定要設定相同大小的圓角。
單一元素處理好之后，我們把它沿著中心點旋轉復制 60 度繞一圈，就可以得到我們想要的圖形了，一般操作就是復制一個然后 CTRL+D 進行重復即可。
最后添加顏色和排版就可以了。
一般越復雜的 logo 想要做的出彩，往往都需要一些規則性在里面，而網格能夠很好的幫助我們去實現這種規則性。
這是今年意大利申辦 2030 年世博會的 LOGO，整體造型由羅馬古城門向內進行線條發散組合而成，寓意各國文化的友好交流。這種線條混合發散的 LOGO 既簡單又出效果，用混合工具即可輕松完成，下面我們來看一下在制作過程中有哪些需要注意的點。
首先我們將需要混合的部件準備好，也就是建筑的外輪廓以及大門的外輪廓。注意一定要保證左右對稱，否則混合起來會十分混亂，然后下面的底部先不要連接上。
這一步需要注意下面連接處不要合并，不然會出 bug。
選擇混合工具，分別點擊城堡和大門，將指定步數改為一定的數值，數值越大，越密集，這里設定為 35。然后就得到了向內混合發散的感覺了！
混合完成之后我們擴展出來，將最外圈輪廓直接向外擴大復制出輪廓線即可。
最后我們整體進行轉曲，然后添加顏色就搞定了！可能有的同學會覺得這種多線混合的 logo 過于復雜，會不會不太好應用，但其實這種屬于活動型 logo，并不需要用個五年十載，活動型 logo 更著重考慮當下，可以做得更個性，一切以視覺為出發點！
看完了國外的，再來欣賞一下這個極具中國風的湖州城市 LOGO。這個 LOGO 的亮點在于它的正形背景部分是由不規則的水墨感條紋組合而成的，文化氣息拉滿的同時讓圖形更加活力生動，我們來看看這種非對稱條紋該怎么繪制。
首先我們將橢圓部分的線畫出來，第一步找到最高點和最低點，然后用混合工具進行混合，得到由曲線逐漸變成直線的過程線段。
然后手動的將各個線條擴大到橢圓輪廓的位置，并調整好粗細和間距。
到了最關鍵的一步了！我們將每條線的描邊配置改為這個不規則的樣式，在描邊窗口最下面就可以找到，記得適當調整粗細保持過渡自然。
然后我們把每一條線都改成這個描邊樣式，并將下半部分水波紋的地方也繪制出來，注意下面的地方描邊可以調的細一些。
畫好背景后，我們將負形部分的塔形建筑放到條紋的中間，并居中對齊，改為白色。
光變成白色肯定不行！我們要的是鏤空！這里直接選擇所有圖形，然后用路徑查找器里面的分割，可以將所有圖形分隔開，然后用魔棒工具選擇白色部分，直接 Del 刪除即可。
最后加入漸變色！效果就拉滿了！這種非對稱式的線條相較于普通的線條，更加靈活生動，也天生自帶中式筆觸的感覺，以后大家碰到中式 logo 的命題，可以考慮嘗試一下這個風格。
這個 LOGO 在 2D 平面的基礎上，融入了褶皺感 3D 立體的感覺，同時它的組合結構是類似于飄帶這種飄逸柔和的造型，比普通的方形更加優美。下面我們來看看如何做這種飄逸的結構以及如何進行視覺 3D 化的實現。
其實如果你的鋼筆工具玩的 6 的話，直接畫也是可以的，但是相信在座的各位鋼筆都不太行，甚至很多同學經常被只會 Flash 的胡曉波嘲諷，那能忍嗎？這里教大家一個曲線救國之路，先畫一條直線，然后選擇扭曲和變換里的波紋效果，大小設為 100，隆起數改為 1，就得到了一個…emmmm，優美又不太對勁的曲線。
將這個波紋線砍掉一半，嗯，總算正常一些了。
把它向下復制為六個，并適當調整一下間距。
將組合好的圖形向右鏡像復制一個，然后放到它的下面，對齊左邊的端點并連接，形成一個翅膀的感覺。
然后再次左右鏡像復制一遍，基本的造型就出來了。
選擇實時上色工具，分別按路徑填充黑色部分。
最后刪除掉多余的描邊，并合并黑色部分，效果就出來啦！用這個方法可以做出來很多種曲折線，大家可以嘗試一下，肯定可以組合出各種好玩的樣式出來。
像素化風格的 LOGO 也是常年比較流行的，不光光是游戲行業，其實很多企業類的 LOGO 也可以非常好的利用像素化進行視覺呈現，很多同學只聞其名，不懂其法。下面我們用這個案例來看一下像素化 LOGO 的設計步驟。
由于是企業類的 logo，在造型上就相對嚴謹一些，除了正常的方形，這里再給大家介紹幾個常用的比例（如上圖），經過比較，發現青銅比較接近于原 logo…那我們就用青銅的比例，做出王者的效果。
繪制網格有兩種方法，一個是畫好矩形之后，選擇對象→路徑→分割為網格，二是直接用矩形網格工具繪制。這里因為我們提前畫好了矩形，所以直接用第一種方法，行數和列數分別設為 52 和 11。
畫好網格之后，就可以請出我們的老朋友實時上色工具，在網格中揮灑你的創意。
用實時上色工具畫好之后，需要擴展一下，才能提取出畫出來的部分。
最后我們將網格線刪除，就可以得到我們畫好的圖形了！純純矢量的像素化就這么搞出來了！這個方法是通用的，你可以通過改變不同的網格數量，來繪制不同像素塊造型的圖案，比如你想繪制常規的正方形像素塊，那行數和列數設為相同的即可，之后就在里面進行填充色塊，真真正正體驗到畫畫的快樂！
平面構成作為設計學的基礎學科，通過點、線、面三者規則或不規則的編排和組合，形成極強的抽象性和形式感，它在 LOGO 的實際應用中也非常容易出效果。這個 LOGO 就是通過線與面的結合來進行抽象創作，下面我們來看一下具體的實操過程。
第一步我們先把六邊形輪廓和中間的三角形畫出來，其實就相當于我們新建一張畫板，在里面進行設計是一個道理。
第二步我們畫三條輔助線來方便后續的操作，注意這里的線都是有規律的，比如最下面的線是與三角形形成 90 度相交，而另外兩條線都是沿著三角形的邊進行延伸。
第三步我們將下半部分的線繪制出來，具體操作如下：
1. 沿中心畫一條直線，再沿六邊形邊畫一條直線；
2. 兩者進行混合，步數設為 24；
3. 左右進行鏡像對稱復制；
PS：這一步其實也是在畫輔助線。
第四步我們接著用實時上色工具，將我們需要的部分提取出來，這里實時上色工具其實就是充當了馬克筆的作用，大家可以想象一下，這樣比較好理解。
畫好其中一個部分了，剩下的我們直接旋轉 120 度復制出來就可以，這里也是軟件操作的方便之處，比在紙上快多了，容錯率也高。
旋轉之后我們發現左半邊部分黑色會大出來一塊，所以我們需要取消編組后，將這個部分單獨置于底層，就可以了。
繪制這類 LOGO 的核心要素就是畫好輔助線，同時特別鍛煉人的思維和創意能力，它更像一件數學與美術結合的藝術品，當你成功完成之后，一定會成就感滿滿。
這一趴給大家帶來的是蘋果 2022 發布會 LOGO 中多層彩色混合漸變設計小技巧。既然大家都是即將擁有 iphone16 的人，那實時掌握自己手機的未來動向也是必須要做的事情。來吧！學起！
第一步肯定是要先畫好基本造型，不管是蘋果也好，是梨也好，造型畫不好，再好看的漸變也救不了你啊！
然后我們先給它添加漸變色，這個大家應該都會。
接著我們需要給它添加一個描邊，這里要把透明度模式由正常改為柔光，并適當降低透明度，這樣外輪廓不會過于生硬，能夠更好的與圖形漸變進行過渡。
到了最關鍵的一步，我們將圖形向內縮小復制一個，給它填充上黑色，然后用混合工具將兩者進行混合，就可以得到一個由外向內逐漸消失的漸變效果了。
然后我們選擇比例縮放工具，向內縮小 80% 并復制出來，接著按 CTRL+D 重復復制即可。
其他幾個蘋果只需要更改相應的漸變配色就可以啦。
身體做完了，上面的小葉子也是用同樣的方法就可以搞定了，右下角另一個版本的用相同的做法也同樣能夠實現，但是想要完全還原它的投影效果可能要用到 AE 插件來完成，這里挖個小坑，感興趣的同學可以嘗試一下。
東京奧運會作為史上極具爭議的一屆奧運，帶來了不少熱點和話題。相較于它鬼畜的開幕式和一些莫名其妙的的比賽細節，它的 logo 卻實實在在的堪稱頂尖硬貨。由很多很多不規則的小方塊堆積而成，看似瑣碎無章法，但其實擁有極強的數學邏輯和藝術美感，下面我們就來看一下它的設計過程。
看到這個圖，是不是就能瞬間明白一些東西了？原來確確實實是有規律的，所以我們只需嘗試畫出其中一個部分，剩下的重復復制即可。
先畫出一個十二邊形，然后復制一個旋轉 90 度，將它們進行居中對齊，這里需要手動調整一下大小，保證里面的頂點對齊到外面的邊上，中間我們畫一個小圓，方便后面找到中心點。
這一步我們先在最上面畫出三個菱形，具體操作如圖。
然后再找到中間部分，一樣通過已經存在的三角形來進行旋轉 180 度復制，之后合并出新的菱形。
和之前一樣的手法，一樣的配方，繼續畫菱形…
繼續拼貼菱形，不過新加入的紅色部分和之前的黃色部分是重復的，所以我們直接復制過來就可以了。
繼續增加紅色部分菱形，具體操作步驟如圖。
右邊再添加最后一塊菱形，這一部分就算完成了！
下一步我們需要找到各個邊的中心點，將它們進行連接，這里給大家安利一個比較常見的小插件（百度搜索 Ai 插件很多下載地點，由于版權問題就不直接分享了）里面的等分路徑可以快速幫你定位到線段的中心點。另外里面還有很多其他的野路子，大家可以自己慢慢玩。
找到中心點之后（如上圖左）就可以將它們分別連接起來，畫出方塊！如果說之前的幾步完全不知道在干嘛的話，那么到這一步是不是有種豁然開朗的感覺？
后將畫好的部分繞中心旋轉一圈，再刪除掉外輪廓線，終于完成了…頭發掉了好多…向大師們致敬，salute！這個方法其實也是平面構成中的一種，大家可以跟著自己做一遍，一定會有自己的收獲。
Okkkkk，那么今天的教程到這里也就結束了，不知道你們能攻克到第幾關呢？臨摹不是目的，學會舉一反三才是最重要的。覺得意猶未盡的朋友抓緊跟著下方視頻版本再來溫習一遍！！總之，是很感謝今晚的相伴，感謝三連支持，朋友們，giao 辭！
▼ 點擊圖片前往原文觀看視頻版
原文地址：胡曉波工作室（公眾號）
作者：告白天
轉載請注明：學UI網》探索優秀LOGO背后的技法與思路！
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司