創建圖標時我們會考慮圖標的構成、粗細、顏色,會精確到每一個像素,這樣能讓圖標看起來更精致。其實不僅要掌握這些設計技法,更要關注設計的基本原則。掌握圖標設計的基本原則,技法才能更好的實施出來。下麵就一起來看下圖標設計有哪些基本原則吧!
1、簡潔性
圖標的設計在滿足基本意義表達的基礎上,應該盡量簡潔明了。好的圖標應該簡單易懂,不需要額外的文字說明。
過分追求畫麵美觀,可能會造成用戶不了解圖標所要表達的信息,增大用戶錯誤選擇的幾率,也增加了開發成本。
通常,圖標包含的元素越少越好。過多的元素堆積會讓圖標之間缺少差異性。
太多的細節可能並不會讓圖標更清晰,相反會給用戶帶來一種零碎的感覺。
2、清晰性
大家思考一下,如果圖標比文字還難理解,那它存在的意義和價值又是什麼呢?
對於不同文化和背景的人來說,好的圖標是通用的。
合適的隱喻保證了圖標的清晰性,通過大家共同認知的語言, 讓用戶理解、操作並快速獲取信息。
▲ 常見的搜索、購物車、文件夾等圖標利用了實體物品來做隱喻,用這類用戶都認可的圖標進行表現,可以讓設計更加行之有效。
簡化
圖標的易讀性很重要。簡單有時候並不能保證清晰,因為過度的簡化會讓圖標表意不明確。
▲ 這組圖標的設計存在過度簡化的問題,雖然保持了統一的設計樣式但內部元素的表達卻不清晰。
▲ 圖標采用了統一的顏色搭配和基本圖形,視覺樣式很吸引人,但是用戶很難快速分辨出每個圖標代表的含義。
尺寸
尺寸大小也會影響圖標的識別。圖標中的小元素越多,就越難理解它所傳達的含義。
▲ 通過對比能發現車站圖標的問題:圖標尺寸偏大;存在過多的小細節;線條的粗細程度不同。這些都是導致圖標不清晰的原因。
3、統一性
每個APP都包含很多的圖標,統一性是指在統一協調的基礎上,依據功能的不同而增加可識別的變化。
品牌要求
圖標設計要滿足產品的要求,應該與整個產品或品牌的風格保持一致,保證圖標的整體感和一致性。
▲ Google更新的的圖標具有高度統一的外觀和配色,不僅是在視覺上還是在心理上,都反映出品牌的本質和價值。
設計要求
圖標要保持元素外觀的一致性,包括外形、顏色等。圖標之間存在關聯性的同時也要具有明確的識別度,減少用戶的記憶負擔。
▲ 這組水果主題的圖標采用了統一的風格樣式,圖形變化具有統一的動態節奏。這種一致性使圖標的感知更容易,有助於用戶體驗的積極性。
統一並不意味著相同!而是在樣式統一的基礎上尋找關聯和變化。
4、獨特性
在滿足前麵原則的基礎上,為了與其他圖標有所區分,可以追求圖標視覺上的獨特性和表現力。
獨特性並不意味著需要創造沒見過的圖標,而是使用熟悉的隱喻,用有感染力的表現方法,突出視覺效果,完美實現創意和設計風格。
▲ 3D圖標的運用讓界麵具有很強的表現力。需要注意的是,有意思或者趣味性很強的圖標會帶給用戶新鮮感, 但不是所有用戶都能輕鬆理解或操作。
最後
一個圖標的誕生需要不停地打磨、改進每一個小細節,也需要遵循化繁為簡的基本原則,這樣才能保證圖標的清晰、美觀、實用。
原文地址:Clip設計夾(公眾號)
作者:Clippp
下一篇 平麵設計必備字體大揭秘!
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題,火星幫你解答想成為專業美工人才?選擇合適的美工高級培訓機構至關重要,本文將介紹如何選擇一家優質的美工培訓機構。
想了解學界麵設計培訓價格?本文將介紹界麵設計培訓費用及相關信息,幫助你選擇適合的界麵設計課程。
UE5培訓就業再收費是當前熱門話題,本文通過分析相關情況,探討該現象的利與弊。
想要學習平麵設計卻不知道從哪裏開始?本文為您提供詳細的平麵設計學習指南,讓您輕鬆入門平麵設計世界。
想要學習ue5開發?這篇文章為您推薦了一家專業的ue5培訓機構,讓您快速掌握ue5技能。
想成為一名專業的家居設計師嗎?快速提升家裝設計技能,全麵了解家居設計流程與技巧,火星時代教育為你提供優質的家裝設計培訓課程。
1. 打開微信掃一掃,掃描左側二維碼
2. 添加老師微信,馬上領取免費課程資源
同學您好!