ICON設計中六個最基本的原則

導語：發現一些新同學在icon設計中，非常的沒有重點，這個簡單説下ICON設計的基本原則，一起來學習下吧;

　1.定義準確形象

icon也是一種交互模塊，只不過通常以分割突出界面和互動的形式來呈現的。其中以交互式為主要運用手段。而icon對於一般起是充當指示、提醒、概括、表述等作用，所以在icon定義的時候一定要準確，非但不能模糊反而比logo的定義還要清晰。

比如：新建，添加，刪除，搜索等都要遵循簡潔通用這個一個基本的原則。否則用户辨識度上會導致操作成本上升的結果。通常也會造成閲讀和操作的障礙。

那麼，第一種是放大鏡，這個通常我們可以用在系統設置上，由於傳統原因，我們會約定俗成的把它和相關設置放在一起。第二種，由於社交化的催生，肢體語言可以概括出生動的圖形，首先我們想到的是眼睛。第三種查看是閲讀類情況，APP應用居多，這個就可以用書本的輪廓來進行定義。

這三種情況是根據情況來設定，如果互換勢必會帶來定義不準的問題。

　　2.造型完整簡明

造型是icon設計的筋骨，就好象一個人是健康的還是有缺陷的。一個icon有沒有美感很大程度就取決於造型是否優美和諧。

在基本外形裏，通常是矩形或圓形，我們會給予它們不同的設計感覺來定義它們能表達什麼。

如：在大幅空白的區域，圓形icon會更適合留白排版。當大幅文字段落或執行按鈕的時候，矩形icon會更合適排版。

　3.表達符合的行為習慣

在表達定義的時候，首頁要符合一般使用的行為習慣，UI本身的意義就在於附加到“功能”上的一個表現層，具備最直接的操作和交互的功能。我們首先不要着重華麗和精妙上面，為了icon而做icon。而往往一些產品部門相關的人員並不會在乎華麗和精美。功能性是最重要的因素。而個性色彩比較濃的遊戲類或教育類界面，一般都配有文字或歸屬感比較強的元素來進行設計。

　4.風格表現統一

風格是一種具備獨有特點的形態，具備差異化的思路和個性。在UI中通過表現不那麼特立獨行也是因為行為習慣問題，這也解釋了想微軟、蘋果、谷歌可以顛覆設計原則的原因，通常一個公司或一個組織沒辦法去改變設計規則。

這通常取決於先入為主和影響力所決定的`。現在的UI界面中的icon更稱得上風格化，而非百花齊放，林林種種。我們在定義和風格上只能限制於目前的標準框架來設計，而應用設計的靈魂就在於“功能”，所有應用設計都要依附和順從於這樣的一個標準裏。

引申一點，就是要融入到整個的產品設計中，這包括用户體驗和協助工程師把功能完整起來。

使得不因視覺原因而達不到產品設計的預期。

風格的統一包括：造型的輪廓粗細的統一，顏色色調與調和的統一，材質與紋理(肌理)的統一;當然也包括用詞的風格，比如：我的文件夾或者這個文件夾，是有許多區別的。

當我們設計icon時，可以使用一些柵格來完成結構，結構就是造型是否準確的基礎。先有自由的設計思路，在進行柵格或者所謂的幾何化的規範，最終完成設計。

　5.排版循序與位置的調整

完成基本的icon設計後，還有根據UI界面佈局來進行調整icon在整個佈局中的位置。這個相當重要，而對於有經驗的工作人員來説，一般icon的造型，複雜程度，基本外型都會進行調整;如簡單相對複雜，圓形一列中會有重疊元素，也可以會有矩形來調和。對比調和後使得icon更加易讀和方便識別。切忌糊塗一片，錯亂反覆。

但icon在重要或突出功能的位置上，必須首先進行調整造型和位置，因為在一般UI界面裏靠上的位置或者特定位置的功能相對固定，不能簡單的刪除更改。否則整個功能方向就會失調，使得網站或APP像另外一個方向去發展，得不償失。

　6.使用配色的協調

給icon添加顏色是解決視覺衝擊力的一種表現手段。一般賦予icon什麼樣的個性和使得突出重點，一般都會添加顏色。在添加顏色時首先我們可以用感覺來進行設計，思路對想法可以就行了。

這時在整體界面中一般有背景色和主導色，那麼一般我們選擇的icon顏色要側重於點綴色或者着重色，而其他不太重要的icon顏色儘量選擇中性的顏色，想低純度的藍色，因為在UI界面設計中，藍色幾乎和黑白灰並稱萬用色。有時候UI界面或icon整體偏暖和冷就是因為補色沒有運用好。導致很刺激人的感官，這裏有個小技巧，就是運用補色。

補色通俗點説就是把三原色補齊，重點：不是要補充純度高明度高的其他三原色，這個還是要看具體的環境和條件，且不要下死定義，形而上學。