教學課件21 圖標設(shè)計基礎(chǔ)

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

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

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

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