2014-11-20 藍(lán)藍(lán)設(shè)計(jì)的小編
藍(lán)藍(lán)設(shè)計(jì)( www.miumiuwan.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”。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.miumiuwan.com