輕鬆打造 iOS7 風格圖標

0
1012

隨著近年來 iOS7 的發布,很多網站和 APP 都忙於改頭換面,來適配這套全新的扁平纖細的 iOS 設計風格。設計好圖標是件棘手的事情,尤其當你要設計一整套時,而設計線條式圖標本身又是另一項挑戰。

下面,我們為你準備了一系列指南,能幫你通過簡單的步驟打造 iOS7 風格的圖標。

相關閱讀:
怎樣做好扁平化設計
Photoshop 新手教學:輕鬆掌握四種扁平化設計風格
讓設計更出色! iOS7 圖標設計的七條黃金法則

目標是什麼?

凡事分輕重緩急,你設計的圖標或圖標集是用於你的 APP 嗎(這裡的 APP 也指網站)?對於這部指南來說,都無所謂。因為無論如何你都應當遵循下面這些步驟。既然對這一點明確無疑,我們來關注首要任務——研究。

研究別人是怎麼做的

研究是一項需要預先完成的基本任務。這很明顯,也相對沉悶,你的每項工作都應該從研究開始。不過,在圖標設計中,還有些特別的東西需要了解。

1255588Pw

125559grZ

首先,看看別人怎麼做。有助於了解當下潮流趨勢,還有相關的設計守則。最重要的是,這能給你靈感!觀察各種神奇的圖標作品能助你發現其中的創意閃光,當你準備畫手稿時,就能產生好點子。

125601J5c

既然這個指南是針對 iOS7 的,研究蘋果的做法也不失為一個好主意。觀察它的圖標,無論是主螢幕圖標(比如訊息),還是 app 中的圖標(比如時鐘應用中的)。看看蘋果的 iOS7 設計準則,你就知道他們建議你怎麼做。

125603ND8

125605Bp0

著手畫點什麼

既然你已經充分了解別人的做法,也深受啟發,是時候將你的想法付諸於紙上了。在創作過程中,手稿也是一項基本步驟,因為它讓你仔細思考各個創意,使大腦快速進行頭腦風暴產生新想法。當你畫了一些簡單的手稿,並將它們都羅列在眼前,正確的方向立刻就顯現出來。

125607Uap

125609xnT

手繪草稿最關鍵的一點,不求數量多,而是要多樣化。你畫了上百個相同的東西一點用也沒有。如果你有三個不同概念,那就有用和深刻得多。只要你保持手繪稿千變萬化,就會有好結果。廣泛收集靈感有助於找到合適類型的圖標,並確定應該朝哪個方向前進。除此之外,看看這些各式各樣的草稿,能幫你更容易找出殘次品。當你無法確定正確方向,卻能肯定其中哪些不會再深入下去時,這個辦法相當於管用。

繪製實際圖標

我可以肯定,在完成了這些手繪稿之後,你或你的團隊已經有所偏好了。無論你選出了其中具體某一個,還是幾個不同方案來競爭,該把它們繪製出來了。首先要建立你的柵格系統。如果建立主螢幕圖標,那你應該遵循蘋果提供的新 iOS7 設計準則。這類 PSD 模版網上隨處可見。

125611eq6

125613nYp

我的建議是盡你所能把這些不同圖標都應用於柵格系統,不過先用常規做法來繪製圖標。以後再回來修改細節和做統一化處理,反正你收工前還得再做調整。對我而言這很有效。全部繪製完成後,回頭來確保它們都吻合柵格,並具有統一的風格——比如它們採用尖角還是圓角?同時,你也希望確認這個圖標是否符合整體設計的風格,圖標與 app 搭配嗎?螢幕圖標能體現 app 的設計嗎?

修飾圖標

對於 iOS7 風格圖標設計,我有幾句話說。我知道 iOS7 提倡纖細線條的圖標設計。但這也不是必須的,尤其對於主螢幕圖標來說。不採用細線條,而採用飽滿圖形的大有人在,但它們和 iOS7 的整體風格也相當吻合。我不覺得細線條是唯一準則,你不用也沒問題,尤其當你的產品設計不適合甚至根本就不採用它們時。別管它就好。

125615mXs

125556FPa

創作 iOS7 圖標不是什麼難事。就此而言,我設計它們時,就像做其他類型的設計和圖標一樣。關於 iOS7 最重要的一方面就是風格,循著蘋果的腳步,你也能輕鬆做到。關於這套新設計風格,有一點值得一提:為 iOS7 設計比擬物化設計要容易多了。