首先,看看別人怎么做。有助于了解當(dāng)下潮流趨勢,還有相關(guān)的設(shè)計(jì)守則。最重要的是,這能給你靈感!觀察各種神奇的圖標(biāo)作品能助你發(fā)現(xiàn)其中的創(chuàng)意閃光,當(dāng)你準(zhǔn)備畫手稿時(shí),就能產(chǎn)生好點(diǎn)子。
既然這個(gè)指南是針對iOS7的,研究蘋果的做法也不失為一個(gè)好主意。觀察它的圖標(biāo),無論是主屏圖標(biāo)(比如信息),還是app中的圖標(biāo)(比如時(shí)鐘應(yīng)用中的)??纯刺O果的iOS7設(shè)計(jì)準(zhǔn)則,你就知道他們建議你怎么做。
著手畫點(diǎn)什么
既然你已經(jīng)充分了解別人的做法,也深受啟發(fā),是時(shí)候?qū)⒛愕南敕ǜ吨T于紙上了。在創(chuàng)作過程中,手稿也是一項(xiàng)基本步驟,因?yàn)樗屇阕屑?xì)思考各個(gè)創(chuàng)意,使大腦快速進(jìn)行頭腦風(fēng)暴產(chǎn)生新想法。當(dāng)你畫了一些簡單的手稿,并將它們都羅列在眼前,正確的方向立刻就顯現(xiàn)出來。
手繪草稿最關(guān)鍵的一點(diǎn),不求數(shù)量多,而是要多樣化。你畫了上百個(gè)相同的東西一點(diǎn)用也沒有。如果你有三個(gè)不同概念,那就有用和深刻得多。只要你保持手繪稿千變?nèi)f化,就會(huì)有好結(jié)果。廣泛收集靈感有助于找到合適類型的圖標(biāo),并確定應(yīng)該朝哪個(gè)方向前進(jìn)。除此之外,看看這些各式各樣的草稿,能幫你更容易找出殘次品。當(dāng)你無法確定正確方向,卻能肯定其中哪些不會(huì)再深入下去時(shí),這個(gè)辦法相當(dāng)于管用。
繪制實(shí)際圖標(biāo)
我可以肯定,在完成了這些手繪稿之后,你或你的團(tuán)隊(duì)已經(jīng)有所偏好了。無論你選出了其中具體某一個(gè),還是幾個(gè)不同方案來競爭,該把它們繪制出來了。首先要建立你的柵格系統(tǒng)。如果是創(chuàng)建主屏圖標(biāo),那你應(yīng)該遵循蘋果提供的新iOS7設(shè)計(jì)準(zhǔn)則。這類PSD模版網(wǎng)上隨處可見。
我的建議是盡你所能把這些不同圖標(biāo)都應(yīng)用于柵格系統(tǒng),不過先用常規(guī)做法來繪制圖標(biāo)。以后再回來修改細(xì)節(jié)和做統(tǒng)一化處理,反正你收工前還得再做調(diào)整。對我而言這很有效。全部繪制完成后,回頭來確保它們都吻合柵格,并具有統(tǒng)一的風(fēng)格——比如它們采用尖角還是圓角?同時(shí),你也希望確認(rèn)這個(gè)圖標(biāo)是否符合整體設(shè)計(jì)的風(fēng)格,圖標(biāo)與app搭配嗎?主屏圖標(biāo)能體現(xiàn)app的設(shè)計(jì)嗎?
修飾圖標(biāo)
對于iOS7風(fēng)格圖標(biāo)設(shè)計(jì),我有幾句話說。我知道iOS7提倡纖細(xì)線條的圖標(biāo)設(shè)計(jì)。但這也不是必須的,尤其對于主屏圖標(biāo)來說。不采用細(xì)線條,而采用飽滿圖形的大有人在,但它們和iOS7的整體風(fēng)格也相當(dāng)吻合。我不覺得細(xì)線條是唯一準(zhǔn)則,你不用也沒問題,尤其當(dāng)你的產(chǎn)品設(shè)計(jì)不適合甚至根本就不采用它們時(shí)。別管它就好。
結(jié)論
創(chuàng)作iOS7圖標(biāo)不是什么難事。就此而言,我設(shè)計(jì)它們時(shí),就像做其他類型的設(shè)計(jì)和圖標(biāo)一樣。關(guān)于iOS7最重要的一方面就是風(fēng)格,循著蘋果的腳步,你也能輕松做到。關(guān)于這套新設(shè)計(jì)風(fēng)格,有一點(diǎn)值得一提:為iOS7設(shè)計(jì)比擬物化設(shè)計(jì)要容易多了。
作者:十萬個(gè)為什麼;via:譯言網(wǎng)