設計從圖標開始·····

相信很多人剛接觸設計時，最先都是從練習圖標開始的，然而卻有很多人不明白為什麼這樣？今天，我們就來了解一下圖標的前世今生····

什麼是圖標？

廣義的是指，具有指代意義的圖形符號，具有高度濃縮並快捷傳達信息、便於記憶的特性。應用範圍很廣，軟硬體網頁社交場所公共場合無所不在。

狹義的是指，應用於計算機軟體方面，包括:程序標識、數據標識、命令選擇、模式信號或切換開關、狀態指示等。

而圖標設計，是一款小工具軟體，通過iTunes文件共享上傳圖標后,可以同時比較多個圖標。內置360個標籤欄圖標和390個工具欄圖標，供開發人員和UI設計師使用。

一個好的圖標設計需要滿足三個要素：識別性、統一性、基本形態。在滿足這三個基本要素之後，我們再去設計圖標的顏色、效果、質地等等。

識別性

首先圖標應該具備高度的識別性，用戶看見一個圖標就能夠明白圖標所代表的的含義。識別是圖標的功能，也是圖標的靈魂。這就要求圖標的圖形語義要非常明了。

每一個圖標都有其最本質的特徵。例如下圖中的狗狗，我們可以一眼看出左邊的是柯基，右邊的是哈士奇。

視覺統一

圖標有很多種類，通常我們會從扁平化、漸變、投影、色彩等方面進行設計。

圖標的視覺統一性特別重要。因為圖標在視覺中佔比較小，圖形跳躍度較高。尤其是多個圖形組合是，如果不統一畫面會顯得很亂。大小統一，風格統一，色調統一：明度和飽和度也應該統一起來。能夠用一些通用元素的盡量用相同的要素代替。

基本形狀

圖標基本上都是都是由圓形，矩形和三角形等幾何形狀拼合連接而成——這些形狀構成了圖標設計的視覺基礎。形狀是一個圖標的基本結構，相當於圖標的骨架。

設計方法

1、巧用網格

網格是設計師很好的幫手，網格在網頁設計、圖標設計、字體設計等領域起到了舉足輕重的作用。很多複雜的圖標，比如相機的鏡頭（矢量圖標）用網格畫起來就很方便。

2. 巧用基本型

把複雜的形態幾何化、簡單化，這樣我們容易定位形態的大輪廓和比例關係。在大輪廓和比例沒有問題之後，再細節深化就簡單多了，這也是先整體，后局部是設計，做設計要有「像素」精神，就是哪怕有一個像素的差別也不放過。

3. 常見的設計元素

平面設計元素通常分為四類：

1.概念元素，所謂概念元素是那些不實際存在的，不可見的，但人們的意識又能感覺到的東西。例如我們看到尖角的圖形，感到上面有點，物體的輪廓上有邊緣線。概念元素包括：點、線、面。

2.視覺元素：概念元素在實際的設計中都會加以體現。而概念元素通常是通過視覺元素體現的，視覺元素包括圖形的大小、形狀、色彩等。

3.關係元素：視覺元素在畫面上如何組織、排列，是靠關係元素來決定的。包括：方向、位置、空間、重心等。

4.實用元素：指設計所表達的含義、內容、設計的目的及功能。

4.復用元素

整體把控所有的圖標，在某些地方復用一些小的元素，這樣看起來就更加的統一協調了。

5.不斷精練

圖標設計方法最常用的是提煉，不斷的提煉元素的精華部分，最具代表性的部位，然後進行抽象！形象化！

設計從圖標開始，就要多練習，不斷的練習！