如何設計優(yōu)秀的網(wǎng)站ICON圖標

2021-06-05    分類: 網(wǎng)站建設

圖標設計,即icon設計在界面設計中占有很重要的位置,決定一個界面風格的重要構成元素。一個好的圖標,可以讓用戶“一秒即懂”,如何設計出優(yōu)秀的圖標?
    圖標的類型多種多樣,總共分為三大類:工具圖標,裝飾圖標,啟動圖標。其中風格多種多樣。主要風格有大體有這些:
    工具圖標:線性風格、面性風格、混合風格
    裝飾圖標:扁平風格、擬物風格、2.5D風格、炫彩漸變風格、實物貼圖風格
    啟動圖標:文字形式、圖形形式、圖標形式、插畫形式、擬物形式
    優(yōu)秀的圖標都有哪些特點?
01.易識別
    圖標必須第一時間傳達最重要的信息。當圖標不能夠立刻表達出所代表含義時,它就會變成一種“視覺噪音”,失去了圖標存在的意義。優(yōu)秀的圖標即不用閱讀標簽或文字提示,就可以被認知理解。
02.視覺舒適

      可以通過插畫、顏色以及圖標傳達品牌個性。如果做得好,圖標肯定可以增強設計的美感。限制顏色使用數(shù)量,使用不超過3或4種顏色,保持設計簡潔。通過聚焦于對象的基本特征,來減少圖形設計細節(jié)的數(shù)量。盡量保持設計的概要性,因為設計概要性的在不同的界面和分辨率都可以進行轉換。

設計優(yōu)秀的網(wǎng)站ICON圖標

03.合適尺寸
    圖標應該很好地作為用戶的目標點。參考:目標在屏幕中點擊范圍為7-10mm。并且,請確保在目標對象之間添加填充,以防止不準確的點擊。
04.一致性
    當使用相似的元素且具有一致的外觀和功能時,可以讓可用性和可學習性都得到提升改善。
 a.內部一致性
    圖標設計應該保持視覺統(tǒng)一,你決定用于你的產品的圖標,應該保持統(tǒng)一樣式。理想情況下,它們看起來應該是一位設計師設計的。以下是你需要遵循的關于創(chuàng)造統(tǒng)一性的幾條原則:1.使用相同顏色或者顏色組合在你的圖標上;2.使用相同的形狀和其他樣式屬性(例如邊框的大小)。
設計優(yōu)秀的網(wǎng)站ICON圖標
    b.與平臺保持一致

      確保你的目標風格與平臺一致,它們會讓用戶更容易去理解。

設計優(yōu)秀的網(wǎng)站ICON圖標

      c.與整個產品風格保持一致
    如果你擁有整個產品系列,確保一致的圖標風格(或至少類似)應用在你所有的產品中。
    作者:Nick Babich
    翻譯:JaylonG

當前名稱:如何設計優(yōu)秀的網(wǎng)站ICON圖標
當前網(wǎng)址:http://www.muchs.cn/news/116425.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、軟件開發(fā)、網(wǎng)站導航、域名注冊電子商務、商城網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設網(wǎng)站維護公司