iOS圖標(biāo)設(shè)計(jì)9個(gè)秘訣

2014-11-20    藍(lán)藍(lán)設(shè)計(jì)的小編

 藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

iOS圖標(biāo)設(shè)計(jì)原則及方法，非官方版更實(shí)用。

每一個(gè)應(yīng)用程序都需要一個(gè)美麗的，令人難忘的在App Store中和手機(jī)的主屏幕上突出的圖標(biāo)。

1 易識(shí)別

一般情況下，避免使用一個(gè)有2種含義的圖形元素或著費(fèi)解的一面。例如，郵件程序圖標(biāo)使用一個(gè)信封，而不是農(nóng)村的郵箱，一個(gè)郵包，或郵局的象征。 

2 保持簡潔

保持簡潔，尤其要避免添加過多的圖形元素到你的圖標(biāo)。尋找一個(gè)表達(dá)你應(yīng)用程序的本質(zhì)的表達(dá)簡單、造型獨(dú)特的1個(gè)元素，并謹(jǐn)慎添加細(xì)節(jié)。如果圖標(biāo)的內(nèi)容或形狀過于復(fù)雜，細(xì)節(jié)就會(huì)變得更加復(fù)雜，并且在更小的尺寸可能會(huì)很模糊。iOS的自帶應(yīng)用程序圖標(biāo)都很簡潔，就算設(shè)置中的小尺寸依然清晰可見。

3 抽象化

創(chuàng)建你的應(yīng)用程序的主要思想的抽象解釋。避免使用照片或截圖作為應(yīng)用程序圖標(biāo)，因?yàn)檎掌募?xì)節(jié)在很小的尺寸是看不到的。通常情況下，最好以藝術(shù)的方式來解釋現(xiàn)實(shí)， 因?yàn)檫@樣做可以讓你強(qiáng)調(diào)這個(gè)問題，你希望用戶注意的方面。 

4 專注于一個(gè)獨(dú)特的形狀

最好的應(yīng)用程序圖標(biāo)都是的，整潔，有魅力，令人難忘。有的有很多顏色或功能梯度，但這些圖標(biāo)的中央設(shè)計(jì)元素應(yīng)該是一個(gè)醒目的形狀，你馬上識(shí)別。 

5 避免使用大量文字

如果你可以逃脫使用任何文本，那么它可能是最好的辦法。嘗試使用只是一個(gè)符號(hào)或標(biāo)識(shí)的應(yīng)用程序圖標(biāo)。這個(gè)偉大的例子包括Ness , Pocket and Pinterest。 

6 謹(jǐn)慎使用顏色

在一般情況下，最好只使用1～2種主色調(diào)。雖然你可以做很多漂亮的顏色，但很難決定。

7 超橢圓

圖標(biāo)的圓角不再是準(zhǔn)確的半徑值，iOS 7以后的應(yīng)用程序圖標(biāo)都使用超橢圓的形狀。雖然App Store提交不需要圓角裁剪，只需 apple  官方會(huì)進(jìn)行處理。由于蘋果沒有公布形狀的官方模板，你將不得不使用一個(gè)非官方的模板，因?yàn)槟阋谄渌胤胶苡锌赡芤玫讲脹Q后的超橢圓的圖標(biāo)。 

8 網(wǎng)格系統(tǒng)

蘋果開發(fā)出黃金比例的網(wǎng)格系統(tǒng)（文章附件提供下載），它可用于尺寸和正確地對(duì)準(zhǔn)上的圖標(biāo)元件。蘋果多數(shù)圖標(biāo)的按照網(wǎng)格系統(tǒng)進(jìn)行規(guī)范話設(shè)計(jì)，也為設(shè)計(jì)師們提供了方向。當(dāng)然你也可以隨意打破規(guī)則，如果你的圖標(biāo)不采取新的網(wǎng)格系統(tǒng)的情況下看起來依然很不錯(cuò)。 

9 重新設(shè)計(jì)為iOS

該應(yīng)用程序的圖標(biāo)是你的應(yīng)用程序的品牌的重要組成部分。如果你已經(jīng)有pc端的產(chǎn)品圖標(biāo)存在，建議你重新設(shè)計(jì)為iOS。你可以在原來圖標(biāo)的基礎(chǔ)上適當(dāng)?shù)奶崛D形和配色元素加以簡化進(jìn)行設(shè)計(jì)。

淺草域整理，轉(zhuǎn)載注明出處。

參考資料：《iOS人機(jī)界面指南》、“six tips from apple on how to create better-app-icons”、“how to design beautiful ios app icons,according to apple”、“the iOS design guidelines－ivomynttinen”。

日歷

鏈接

個(gè)人資料

存檔