激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

圖標設(shè)計，讓你的界面更有看點!

發(fā)布時間：2024-08-19 19:04:11 瀏覽量：150次

圖標在生活中是隨處可見的，如交通標志中的下坡提示標，公共場合禁止抽煙的提示標，停車提示標等，提升信息的視覺美觀性。

從人機交互的角度來說，使用圖標比使用文本更具優(yōu)勢，簡單、醒目、友好，用戶界面中使用圖標是一種用戶熟知的設(shè)計模式。

盡管圖標有優(yōu)點，但如果不考慮其負面影響，可能會導致出現(xiàn)一些不可用的問題，如用戶誤操作等。

下面將講解各種圖標的繪制方式與應(yīng)用場景。

App圖標

應(yīng)用圖標帶給用戶對產(chǎn)品的第一印象，應(yīng)清晰地傳遞產(chǎn)品內(nèi)涵。

應(yīng)用圖標的常見設(shè)計形式：

應(yīng)用圖標的設(shè)計形式較多樣，包括抽象圖形、文字、卡通形象和功能圖形的運用。

（1）抽象圖形的運用

例如，“QQ音樂”、“網(wǎng)易云音樂”音符圖形，“微信”聊天氣泡圖形，“墨跡天氣”云朵圖形。

在應(yīng)用圖標設(shè)計中，運用抽象圖形可以讓用戶第一眼看到圖標就知道大概是什么產(chǎn)品，使品牌具有獨特性。

（2）文字的運用

越來越多的產(chǎn)品開始使用文字來設(shè)計應(yīng)用圖標，通過對字體筆畫的變化，使得圖標能融合產(chǎn)品的屬性。

在應(yīng)用圖標設(shè)計中，文字運用的優(yōu)點是可以讓用戶更好地記住產(chǎn)品；缺點是品牌延展性較差。

（3）卡通形象的運用

讓產(chǎn)品更具情感，更顯親切，但容易與其他同類圖標相似。

（4）功能圖形的運用

對一些功能體量較小且功能性較單一的產(chǎn)品，設(shè)計相應(yīng)的功能圖形并運用到圖標中，強調(diào)工具屬性。

應(yīng)用圖標的設(shè)計技巧及注意事項：

（1）簡潔的設(shè)計元素

應(yīng)用圖標尺寸有限，要盡量簡潔，避免出現(xiàn)不清晰的情況。

（2）設(shè)計語言符合產(chǎn)品性格

應(yīng)用圖標設(shè)計語言要符合產(chǎn)品性格。

（3）不宜使用照片

避免直接使用照片，影響識別性和質(zhì)感。

（4）明亮鮮活的色彩

色彩要符合功能屬性，方便用戶區(qū)分。

功能圖標

功能圖標樣式各異，應(yīng)基于不同應(yīng)用場景選擇不同屬性的圖標。

功能圖標讓界面充滿設(shè)計感，通過圖形化設(shè)計提高用戶瀏覽效率。

功能圖標的設(shè)計原則：

（1）預(yù)見性

功能圖標要讓用戶通過圖標了解入口的屬性，即使脫離文字，也能清楚表達。

（2）美觀性

保證識別性的前提下，做到美觀，細節(jié)處理至關(guān)重要。

（3）統(tǒng)一性

功能圖標的統(tǒng)一性很重要，要統(tǒng)一風格、大小、線條粗細、端點等。

功能圖標設(shè)計需要注意細節(jié)上的統(tǒng)一，形狀大小的協(xié)調(diào)，以及圖標風格的一致性。

常用的圖標庫

互聯(lián)網(wǎng)產(chǎn)品迭代快，很多基礎(chǔ)圖標可以直接在圖標庫下載調(diào)用，節(jié)省設(shè)計時間，如“iconfont”。

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定