Icon設計過程中需要注意的10種錯誤

導言：
批評別人的作品比自己製作一個優秀的作品要容易得多。但如果你使用一個有係統的方式去批評，列出項目清單並準備好插圖，它就會被認為是個成熟的分析！在我看來，圖標設計正經曆著一個過渡階段。一方麵，屏幕分辨率在增長，因此要提高圖標品質。另一方麵，我們仍擁有好的舊款圖素。16X16乃至於更小的圖標仍在被廣泛使用。所以，這裏為大家介紹一下在圖標設計中很容易被觀察到的錯誤。

1、圖標間差異不充分
有時，在一套圖標中，我們的一些圖標看起來很像，這讓人很難分辨出哪個是哪個。如果你不注意說明，你會很容易把這些圖標混在一起。MacOS X中的圖標。我經常把他們搞混以致選錯程序。（圖01）

圖01

問題在顯示小圖標時變得更嚴重。（圖02）

圖02

2、圖標中元素過多
圖標越簡單、簡潔，就越好。把一個圖標中的元素控製到盡可能少的數量是很可取的。然而，微軟的設計師們，受到windows vista新的圖標設計特征的啟示，決定設計巨大、腫脹的圖標來證明他們擁有龐大的預算。

每個圖標用複雜的構圖給我們展現出微小的信息，問題在於在使用小圖標時你無法搞清它在描述什麼。甚至使用在大圖標時，有時也不是那麼容易搞清圖標的含義。（圖03）

圖03

3、不必要的元素
圖標應該被輕鬆識讀。圖標元素越少越好。最好讓整個圖像具有相關性，而不是隻是一部分。因此，你必須注意使用這些圖標的環境。讓我們看看數據庫中圖標的例子。（圖04）

圖04

一眼掃過，沒什麼問題。#p#e#

但是如果這個應用程序（或者獨立工具欄）僅僅與數據庫有關，你可以（也理應）去掉不必要的部分。含義沒有丟失，可是圖標更好辨識了（圖05）

圖05

這是個BeOS5圖標中使用不必要元素的鮮活例子。（圖06）

圖06

這裏的對號絕對多餘，另外，它們為什麼是紅色的。

4、一套圖標的風格缺乏一致性
圖標風格上的一致使得多個圖標稱為一套。一致性可以是以下的任何一種。色彩設計、透視、大小、繪畫技巧或以上多種的結合。如果一套中隻有一些圖標，那麼設計者可以把一些規則記在腦中。可是如果一套中有許多圖標，或者有好幾個設計者在繪製（比如製作操作係統的圖標），那麼就要製定一些特別的規則。這些規則需要從細節描述如何繪製圖標，從而使其契合這個係列。（圖07）

圖07

WindowsXP中的shell32.dll文件中有大量風格，這是給希望更換圖標的用戶提供的默認圖標。

5、小圖標中使用不必要的透視和陰影
事物一直在發展：界麵中已經可以呈現出半透明物體了。沒有了顏色使用數量的限製，目前有向3D圖標發展的趨勢。可是，這真的有用嗎？不一定！尤其是在16X16乃至更小的圖標中。

舉例來說，讓我們看看GNOME 2.2.0 (RedHat 9)的應用程序管理器。（圖08）

圖08

在這麼小的圖標中使用透視畫法沒有必要，甚至是事與願違。#p#e#

這是XP的應用程序管理器。（圖09）

圖09

作為標準，XP中的圖標是用了2個像素的陰影，但是在16X16的圖標中，這種陰影顯得太大了，而且讓圖標顯得很髒。地址簿在這種形式中顯得特別差。

6、過於原創的隱喻
在選擇圖標要表現的內容時，要兼顧易識別性和原創性。在一個隱喻（比喻）使用前，看看它在其他產品中的表現是明智的。也許最好的方式不是選擇原創而是接受已有的方法。

OS/2 Warp4中回收站的過度創意就是一個例子。它實際上不是一個回收站，而是一個碎紙機。（圖10）

圖10

選擇碎紙機的另一個問題是，並沒有一個類型著名的碎紙機。這個圖標看起來很像藏著章魚的打印機。而且，在這個創意中，滿了的回收站難以表現出來。

7、沒有考慮國家和社會特征
考慮到你的圖標將被運用到的環境是十分必要的。一個重要的方麵就是國家特征。文化傳統，環境，手勢在不同國家的意思可能完全不同。

讓我們設想一下，如果我們要畫一個關於電子郵件的圖標。使用一個真實郵箱的創意是絕好的。例如以下郵箱。（圖11）

圖11

答案可以在MacOS X圖標創作指南中找到。“使用可以被輕鬆識讀出的全球通用圖像。避免注重在一個元素的次要方麵。例如：一個電子郵件圖標，使用一個鄉村郵筒比使用一枚郵票難認。”

使用一個郵票的創意很好，可是使用一個紅尾鵟的圖像顯然是有問題的。（圖12）

圖12#p#e#

然而，你不僅僅要考慮國家元素。這讓我想到了一些有趣的事。曾經，我們需要一個數據過濾器的圖標。它一般被做成一個漏鬥。它是這樣畫的。（圖13）

圖13

委托人這樣表示：“我難以理解到它是一個過濾器，你畫了一個形狀類似馬提尼酒杯的圖標。”

8、在圖標中單純使用界麵化圖標
MacOS X的圖標創作指南告訴我們：“避免在你的圖標中使用Mac Aqua界麵元素。他們會對真正的界麵元素感到困惑。”但一切都是徒勞。比如說，看看下麵的圖標。（圖14）

圖14

這是OmniWeb瀏覽器界麵的有趣例子。（圖15）

圖15

注意向前和向後的按鈕，少見的有說明文字在下麵的圖標。哦！它們根本不是按鈕，他們是圖標！

9、圖標中的文字
這個錯誤在應用程序圖標中很常見。明顯，當使用一個應用程序圖標時首先躍入腦海的是應用程序的logo。把文字放到圖標裏多不好啊！首先，它受限於語言而阻礙了本土化。其次，如果圖標很小，讀出文字就很難。第三，在有應用程序圖標存在的情況下，這個文字在應用程序名字中重複了。（圖16）

圖16

10、邊沿像素
作為一個規則，這個問題在你使用矢量繪圖工具繪圖時存在。在大的尺寸下，每樣都很美麗和清楚。但實際上這些圖標很小，並且物體邊沿需要完成反鋸齒柵格化處理。（圖17）

圖17