移動表徵圖設計教程:快速打造iOS7風格表徵圖

文章描述：我為你準備了一系列指南，能幫你通過簡單的步驟打造iOS7風格的表徵圖。

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

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

目標是什麼?

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

研究別人是怎麼做的

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

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

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

著手畫點什麼

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

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

繪製實際表徵圖

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

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

修飾表徵圖

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

結論

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