萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> 平面設計理論 >> 圖標設計的那些事

圖標設計的那些事

   圖標在我們日常生活中被廣泛應用,軟硬件、網頁、社交公共場合無所不在。廣義來說,圖標就是具有指代意義的圖形符號,具有高度濃縮並快捷傳達信息、便於記憶的特性。狹義來說,就是我們所熟悉的在計算機程序方面的應用。包括:程序標識、數據標識、命令選擇、模式信號或切換開關、狀態指示等。如今圖標被廣泛的應用,其價值也是顯而易見的。一套好的圖標能夠為用戶直觀傳達所描述的物體,減輕用戶的認知負擔,特別是一些抽象的功能和意義。同時增添圖標的精美度不僅能提升整個界面的吸引力和觀賞性,還能使產品與用戶產生共鳴。

  下面以制作電話本和短消息這兩個圖標為例。

圖標設計的那些事 三聯

        設計步驟一

  設定風格。通觀整個圖標設計,設定風格是基礎,亦是非常重要的一步。需要對整套圖標進行周全的構想,因為這一步為圖標設定了一個方向,之後圖標設計的造型,上色的深入展開都要以此為基礎。在這裡我設定的是復古做舊的風格。

        設計步驟二

  繪制草圖。這一步驟主要是設計圖標的造型。造型在圖標設計中有著決定性的影響,他直觀的給用戶展現其所代表的含義。而草圖是最直觀,最快速展現設計構思的一種方法。此時我們可以通過頭腦風暴列舉出一些能讓用戶一目了然,又貼合電話本和短消息含義的元素,同時列舉的元素又要符合復古做舊的風格。因此,我選取做舊的通訊錄來表示電話本,選取羽毛筆和信紙來表示短消息。在繪制草圖時,要注意圖標造型的統一,方向的一致性,使圖標有充分的辨識度。其次要控制單個圖標元素的數量與其他圖標相協調,用最少的元素來表達圖標的含義。不然過多的元素不僅會使圖標臃腫不堪,更會使圖標的含義模糊不清,難以琢磨。

        設計步驟三

  上色刻畫。在確定造型之後,就需要對圖標上色以及深入刻畫。

  總結一下。第一,設計一套完整的圖標要確保其風格的一致性。在造型,透視,大小,色彩,效果處理等各個方面做到統一,以保證每個圖標都與其風格相契合。其次,控制圖標元素的數量,對一些不必要的元素要果斷去除。圖標應該是一種能使用戶輕松識別的圖形語言,而不是成為用戶閱讀的負擔。更要充分展現各個圖標間的差異程度,提升圖標自身的辨識度,從而幫助用戶理解閱讀。再則還要考慮這套圖標所應用的環境。不同國度,不同社會環境,不同文化傳統對圖形也有不同的認識理解。同時也要考慮到人們的情感因素,避免使用敏感圖形。所以在設計開始就應考慮周詳,謹慎使用。最後,畫圖標要有足夠的耐心,對於細節要不怕繁瑣,細心揣摩。

copyright © 萬盛學電腦網 all rights reserved