教學課件21 圖標設計基礎

1、圖標設計基礎授課教師：肖文婷廣義的圖標是一種符號，它象征一些縱所周知的屬性、功能、實體或概念，具有快捷傳達信息、便于識別和記憶的特性。狹義的圖標主要應用于計算機軟件方面，包括程序圖標、數(shù)據(jù)圖標、命令選擇、模式信號或切換開關、狀態(tài)指示等。圖標具有明確指代含義和特定功能的圖形標識，是區(qū)別程序語言命令的視覺命令形式，具有交互性，是實現(xiàn)電腦功能的重要載體?！緢D標的概念】計算機圖標圖標：具有明確指代含義的計算機圖形。標志：俗稱logo，是表明事物特征的記號、商標。標識：一種非語言傳達的視覺圖形及文字傳達信息的象征符號，為公眾提供區(qū)別、辨認事物，起到示意、指示、識別、警告、甚至命令的作用?！緢D標、標志與標

2、識的區(qū)別】在ui設計中，圖標設計占有很大的比例。它以圖形符號的形式來規(guī)劃并處理信息和知識，通過隱喻建立起計算機世界與真實世界的聯(lián)系。圖標設計中一般是提供單擊功能，了解其功能后，它的設計首先要易于被快速識別、便于記憶、直觀瀏覽、產生國際通用性；其次應具有形、意、色等多種刺激，傳遞的信息量大；最后還得具備抗干擾能力強、圖標大小可調、表示視覺和空間概念，便于布局美觀。好的圖標設計需瀏覽者看一眼外形就知道其功能，并且在整個界面中所有圖標的風格一致?！緢D標設計的作用和意義】ui設計未來的方向就是簡潔、易用和高效，精美的圖標設計往往起到畫龍點睛的作用，從而提升設計的視覺效果。圖標設計的核心思想就是要盡可能

3、地發(fā)揮圖標的優(yōu)勢：比文字更直觀漂亮，在該基礎上盡可能使簡潔、清晰、美觀的圖形表達出圖標的意義。1、可識別性可識別性是圖標設計的首要原則。它指設計的圖標要能夠準確地表達相應的操作，讓瀏覽者一眼就明白該圖標要表達的意思。例如，道路上的標識圖標，可識別性強、直觀、簡單，無國界，即使不認識字的人，也可以立即了解圖標的含義。【圖標設計的原則】天氣圖標設計2、差異性差異性也是圖標設計的重要原則之一，同時是容易被ui設計師忽略的一個原則。只有圖標之間有差距，才能被瀏覽者所關注和記憶，從而對設計內容留有印象。差異性天氣圖標設計方案對比3、與環(huán)境協(xié)調性任何圖標或設計都不可能脫離環(huán)境而獨立存在，圖標最終要放在界面

4、中才會起作用。因此，圖標的設計要考慮圖標所處的環(huán)境，這樣的圖標才能更好地為設計服務。圖標設計在手機界面中的應用效果4、視覺效果圖標設計追求視覺效果，一定要在保證差異性、可識別性和與環(huán)境協(xié)調性原則的基礎上，先滿足基本的功能需求，然后考慮更高層次的需求視覺需求。 bad minions主題手機圖標設計5、創(chuàng)造性隨著網絡的不斷發(fā)展，圖標的設計表現(xiàn)方式更是層出不窮，對ui設計師的設計內容提出了更高的要求。創(chuàng)造性在圖標設計中非常重要，在圖標的設計過程中同樣需要別出心裁的創(chuàng)意表達。波普風格的圖標設計創(chuàng)意扁平化風格的圖標設計創(chuàng)意1、從造型方面分類，分為像素圖標、2d剪影圖標、3d立體圖標、寫實擬物圖標、扁平化圖標等?！緢D標設計的分類】圖標設計的造型分類2、從風格表現(xiàn)方面分類，主要分類線性表現(xiàn)圖標、填充表現(xiàn)圖標、單色表現(xiàn)圖標、扁平化表現(xiàn)圖標、手繪風格表現(xiàn)圖標和擬物化表現(xiàn)圖標6種。6種常見圖標表現(xiàn)風格3、從應用方面分類，分為硬件界面中的圖標設計和軟件界面中的圖標設計。4、從思維邏輯方面分類，分為象形圖標設計和表意圖標設計。象形圖標設計師通過其相似性或對物理對象的引用來傳達含義的符號。通常情況下，象形圖標