簡析 iOS 程序圖標設(shè)計

作者：佚名 2013-12-05 10:13:25

在有限的空間里表達出相對應(yīng)的信息，在IOS 程序圖標設(shè)計中，直觀是第一個解決的問題，不應(yīng)該出現(xiàn)大多繁瑣的修飾，當然還要有很好的視覺表現(xiàn)力，使用戶可以更容易理解此應(yīng)用的實際作用，更輕松地辨識此應(yīng)用。

表現(xiàn)形態(tài)

在有限的空間里表達出相對應(yīng)的信息，在IOS 程序圖標設(shè)計中，直觀是***個解決的問題，不應(yīng)該出現(xiàn)大多繁瑣的修飾，當然還要有很好的視覺表現(xiàn)力，使用戶可以更容易理解此應(yīng)用的實際作用，更輕松地辨識此應(yīng)用。下面來說說幾種表現(xiàn)的形態(tài)。

圖形表現(xiàn)

在只用圖形表現(xiàn)應(yīng)用程序的用途，圖形可以很好地吸引用戶的眼球，更具象地表現(xiàn)出信息。

文字表述

文字表現(xiàn)是一種非常直觀的表現(xiàn)方法，文字應(yīng)該簡潔明了，不繁瑣。

圖形和文字結(jié)合

此形式有很好的表現(xiàn)力之余還可以直接把信息告知用戶，因為會有一定的內(nèi)容，所以在空間布局上要注意疏密，避免繁瑣擁擠。

IOS 程序圖標特性

IOS系統(tǒng)桌面圖標與其他移動系統(tǒng)的圖標存在非常大的區(qū)別，因為IOS圖標有很好的整體性，良好的整體性可以減少用戶體驗上帶來的沖突，所以我們需要保持其中的一些特點，以便程序可以更好融入系統(tǒng)中，帶給用戶更好的應(yīng)用體驗。

尺寸

在不同設(shè)備的IOS系統(tǒng)桌面中，程序圖標的尺寸和默認自帶的修飾效果會有不同，系統(tǒng)默認自帶的修飾效果可以使圖標更好保持IOS風(fēng)格，**但很多時候為了實際效果，我們可以要求系統(tǒng)不作部分效果的添加，以便達到我們想要的效果。

上傳到APP Store需要512px X 512px的圖片

在Iphone 960px X 640px分辨率中

圖標顯示尺寸 114px X 114px

20像素的圓角

4像素的90度黑色投影

2像素的90度白色內(nèi)投影

默認自帶的高光

在Iphone 480px X 320px分辨率中

圖標顯示尺寸 57px X 57px

10像素的圓角

2像素的90度黑色投影

1像素的90度白色內(nèi)投影

默認自帶的高光

在Ipad 1024px X 768px分辨率中

圖標顯示尺寸 72px X 72px

13像素的圓角

2像素的90度黑色投影

1像素的90度白色內(nèi)投影

默認自帶的高光

質(zhì)感

在IOS中，為表現(xiàn)圖標的質(zhì)感，很多時候都會為其添加一些光感，使其更有質(zhì)感。光是從上面來的，所以過渡顏色的漸變應(yīng)該是從上往下的。很多時候為表現(xiàn)IOS系統(tǒng)類似玻璃質(zhì)感般的感覺，圖標底部都會帶有一個亮度較高的反光，當然這些都是以我們想要的實際效果而繪制添加。

IOS 程序圖標設(shè)計的構(gòu)思

為表達好應(yīng)用程序的作用，我們可以將應(yīng)用程序的圖標作很多不同視覺效果的處理，以達到更好的視覺享受。不同類型的應(yīng)用要注意表現(xiàn)的效果，如新聞資訊類的應(yīng)該簡潔一點，使其應(yīng)用有更好的整潔的感覺，如游戲類可以設(shè)計得給用戶一種活躍的感覺，如一些日常應(yīng)用類的我們很多時都會將其擬物化，使用戶更直觀地感受到其作用，這種方法是我們最常見的。

在這里著重說一下擬物化程序圖標，這是非常具象去表現(xiàn)程序用途的方法，但有時候要表現(xiàn)的元素存在幾個的時候，在狹小的空間中不一定能放下如此多的元素，所以要分析輕重，輕的可以減少占據(jù)位置的比例或者將其去除，重的要多作強調(diào)，同時，要找到多樣元素中的共性。