• 腳本之家
• 軟件下載
• 源碼下載
• 在線工具
• 網頁教程基礎
• 服務器常用軟件
• 手機版
• 微信編輯器
• 關注微信

投稿中心

• 網頁制作
• 網絡編程
• 腳本專欄
• 腳本下載
• 數據庫
• CMS教程
• 電子書籍
• 平面設計
• 媒體動畫
• 操作系統
• 網站運營
• 網絡安全
• 在線手冊

您的位置： 主頁 > 平面設計 > Illustrator教程 >

• 低價出售流量10000IP只需8元
• 30余款阿里云產品免費6個月>>
• 全國混拔ADSL云服務器租用/創夢網絡
• 買3送1香港云49元/美國49元/韓國云89元
• 日供百萬IP、2億UV★5元/萬、可點擊
• ◆◆◆海西數據全球服務器租用◆◆◆
• 微子網絡 湛江雙線高防 抗15G 700元起
• 中原地區核心數據中心，首月托管免費
• 推薦！T0第三方支付接口！！秒到抗投訴！
• ◆◆◆◆◆高防免備案CDN◆◆◆◆◆
• BGP四線 億恩1U服務器托管3999元/年
• 九九數據 — 工信部認可正規資質IDC接入商
• 楓信科技-江蘇雙線10M保證-399/元
• 港灣網絡-徐州百獨16核32G 999/月~
• 免備vps20/百獨799/雙線350/45互聯
• 韓國香港美國站群服務器 巨牛網絡
• 鼎點網絡百兆獨享服務器僅需999元
• [香港雙高防]無視CC★DDOS/堪比廣東！
• 暢游網絡 百獨服務器 包跑滿 998元
• 服務器租用 199元起
• ◆◆2M帶寬虛擬主機 118/年◆◆
• 群英云服務器送10M帶寬30G防御,49元起
• 服務器租用/托管-域名空間/認準騰佑科技
• 【1000UV流量只要8毛】還有點擊流量

AI創建規則圖標技巧教程

作者：佚名 字體：[增加 減小] 來源：互聯網 時間：09-19 12:17:02 我要評論

這篇AI創建規則圖標技巧教程對于正在學習UI設計的朋友們來說非常有用，我最近也在學習UI設計，APP圖標最近挺火，不與時俱進不行了 這篇AI創建規則圖標技巧教程對于正在學習UI設計的朋友們來說非常有用，我最近也在學習UI設計，APP圖標最近挺火，不與時俱進不行了，好了，希望大家喜歡這篇教程，或許我應該被稱為一名Icon愛好者。我非常喜歡圖標，并且我也喜歡制作圖標。作為一名藝術家，我的時間被大量的繪畫所占據——我也喜歡繪畫，并且我的一生都在畫，直到最近才知道平面設計是什么。我們一起來學習吧：
繪畫教給你怎樣去觀察，然后將所看到的在紙上用先天和圖形轉換出來，我認為這是我理解怎樣創建圖標的關鍵所在。
幾何圖形
首先，你應該知道，下面這四個圖形可以組成任何復雜的圖形。
?
當我想要將某個東西轉換成圖標時，我會仔細觀察它，然后盡量將其打散成最簡單的結構。例如，水滴形狀可以使用三角形與圓形組成。

心形的圖標可以用兩個圓形和一個三角形組成。

我通常使用Adobe Illustrator來創建這些形狀。使用矢量形狀我可以更容易的控制線條的粗細、形狀的相互關系以及它們的錨點。Illustrator也可以很方便的將線條轉換成形狀，反之亦然。這一切看上去都很初級，但我便是用這種方法來創建非常復雜的圖標。下面是一個稍微復雜一些的例子，這是我最近在做的一個賬單的圖標，我也使用了同樣的基本圖形。

界面圖標
最近我在為iPhone 上一款稱為Parker Planner的App來設計一整套圖標。我很喜歡這個項目的工作，最重要的一點是，我創建出的這些易于理解、功能與美觀兼備的用戶界面圖標能夠幫助用戶更好地了解、使用這款應用。

我們從這些圖標中挑出一個進行解構，以便你能夠了解我是怎樣創建的。我們以垃圾桶的圖標為例，這個圖標由三個圓角矩形和三條線組成。
1. 選擇圓角矩形工具

2. 拖出圓角矩形的形狀

3. 不斷調整描邊的大小，直到你滿意為止。

一整套圖標中，我通常會選擇一到兩種描邊尺寸。這樣會使這些圖標看上去一致并且有關聯。

4. 使用另外一個圓角矩形來創建蓋子。

5. 再使用一個圓角矩形來創建蓋子的把手

6. 擦除圓角矩形的下半部分。

7. 通過在垃圾桶上增加三條豎線來創建條紋。

8. 我們大功告成了!一個垃圾桶的圖標就做好了。如果你喜歡，也可以繼續調整線條的顏色和粗細。

路徑查找器是我在創建圖標的過程中最為有用的工具之一。利用路徑查找器，可以方便地進行形狀的修剪、合并以及打斷操作。

描邊/填充工具能夠很方便地在形狀與描邊鍵切換。

描邊面板是我最喜愛的工具，在這里你可以將非常生硬的邊角或線條的尾部修改為光滑的圓形。

當完成了一套圖標的設計，我通常會將他們擺成一行，看看是否有的圖標看上去很怪異或與整體不協調。接下來我會進行一些必要的調整。

最后一步，我通常會在app中檢查，觀察這些圖標是否在設備上看上去也十分完美。

最后我還想說幾句，盡管Illustrator軟件的技巧很重要，但創建一個非常棒的圖標的方法會更重要。最好的辦法就是經常練習將你周圍的東西解構成簡單的圖形。經常堅持這么做，你終將會成為一個很棒的圖形設計師的!

如對本文有疑問，請提交到交流社區，廣大熱心網友會為你解答！！ 點擊進入社區

Tag：圖標 ? 規則圖標 ?

相關文章

• 2013-09-26AI( Illustrator)快速繪制逼真的房車圖標
• 2013-07-31Illustrator(AI)模仿制作逼真的mediaplayer11媒體播放器圖標實例教程
• 2013-07-28Illustrator(AI) CS設計繪制矢量精致網頁運用圖標組合實例教程步驟詳解
• 2013-07-26Illustrator(AI)設計繪制精致可愛的矢量三維圖標實例教程
• 2013-07-10Illustrator(AI)設計制作卡通立體效果的小熊圖標實例教程
• 2013-07-10Illustrator制作OSX風格磁鐵圖標
• 2013-05-31AI制作質感超炫的紅色立體@圖標
• 2013-04-03SPACEBEAR繪制卡通可愛太空熊麻豆造型圖標解析
• 2013-02-07AI繪制卡通士兵圖標
• 2013-02-06Illustrator使用3D工具和參考線來創建立體的圖標
• 2013-02-04Illustrator繪制逼真質感電池圖標
• 2013-02-03AI和PS打造精致麥克風圖標

評論(0人參與，0條評論) 來說兩句吧...

• 
  

• 微博登錄
• QQ登錄
• 
  
• 手機登錄

還沒有評論，快來搶沙發吧！ Powered by 暢言

文章分類

• photoshop教程
• 攝影教程
• Fireworks教程
• CorelDraw教程
• Illustrator教程
• Painter教程
• Freehand教程
• Indesign
• 平面其它

大家感興趣的內容

• 1AI快捷鍵大全
• 2在AI中 改變圓角矩形圓角半徑
• 3AI怎么裁剪圖片？ai剪切照片的方法
• 4(針對新手)AI將位圖圖標轉換為矢量圖方法
• 5AI繪畫實例詳細介紹網格工具使用技巧
• 6AI繪制圓角矩形的四種方法介紹（圖文）
• 7AI 制作漸變文字特效
• 8網格在AI排版中的妙用（圖文教程）
• 9AI制作漂亮的藍色立體文字
• 10AI教你制作內陰影小技巧

眾生網絡

品牌服務器租用

集思網絡

VPS主機

楓信科技

IDC服務商

最近更新的內容

• AI怎么使用切片工具裁剪圖形?
• Illustrator制作抽象懷舊的幾何風格海報
• Illustrator設計一款大氣的毛筆字效果
• AI快速設計非常精細高逼格的標志
• AI制作可愛漂亮的餅干文字
• AI怎么繪制一個可愛的貓頭鷹卡通形象?
• Ai怎么繪制手機傳輸文件的圖標?
• 冷知識:提升十倍效率的AI技巧
• AI繪制一個漂亮藍瘦蘑菇
• 手把手教你用AI繪制古代女子服飾

關于我們 - 廣告合作 - 聯系我們 - 免責聲明 - 網站地圖 - 投訴建議 - 在線投稿

?CopyRight 2006-2016 JB51.Net Inc All Rights Reserved. 腳本之家 版權所有

總結

以上是生活随笔為你收集整理的图标设计思路的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。