<form id="hr9nd"><nobr id="hr9nd"><progress id="hr9nd"></progress></nobr></form><sub id="hr9nd"></sub>

APP開發咨詢熱線:0755-23578246 | 136-2233-6324歡迎來到深圳市來科信科技有限公司網站!
您當前的位置:深圳APP開發 > 新聞資訊 > APP開發資訊 >

已閱讀

在APP的UI設計中,如何做好圖標的設計?

來源:lexintech.com ?? ?? 發布時間:2021-01-29

 
圖標(icon)在APP的界面UI中是經常會用到的元素,圖標也可以傳遞信息,在一定程度上可以取代文字,圖標設計的好壞可以直接影響整個APP的調性和用戶體驗。那么,UI設計師要如何才能做好圖標的設計呢?
 
設計師在日常工作中經常會設計或收集很多圖標,可見設計師對于圖標的運用很頻繁也非常重視,圖標的風格也很多,隨著收集的圖標越來越多,會發現對圖標的分類會變得越來越混,做設計時也不清楚到底該參考或運用哪種風格最合適。
 
首先將圖標按尺寸大小分為兩類;細分對應的面性、線性、線面結合、扁平、擬物化等類型;最后選擇標準、容器、漸變、3D、手繪、陰影等風格。利用這樣的結構層級,可以明確定義圖標的類別。
 
圖標的大小取決于具體功能。例如帶有漸變和陰影的圖標看起來很酷,但把它縮小到16px,這些酷炫的效果都無法呈現出來。在對圖標歸類時,首先要考慮圖標用在什么位置需要多大尺寸。大尺寸圖標通常指標志性圖標,例如App啟動圖標或代表品牌形象;小尺寸圖標用作UI控件,起到引導功能或裝飾目的。
 
圖標尺寸越小,展示的細節越有限;相比于大圖標,小圖標的尺寸有一定局限性,圖標組成包括標準和容器兩種。大圖標利用尺寸上的優勢能展示更多內容,分為多種組成形式。簡單的圖像可以更具包容性,圖標的尺寸越小,越考驗設計師傳達信息的能力。
 
面性圖標易于識別,適合應用在小尺寸圖標中。注意要確保圖標有清晰的邊緣,避免羽化;圖標復雜程度隨著尺寸變小而靈活調整。
 
帶有背景色的面性圖標為簡約設計帶來了更多可能。通過這個技巧使面性圖標更友好,更具吸引力。為背景選擇4-12種顏色??紤]圖標是淺色還是深色,是否適用于所有背景色。在彩色背景上使用白色圖標比黑色效果更好。
 
線性圖標因為簡潔性和現代性而受到用戶的歡迎;隨著屏顯越來越清晰,我們可以更加大膽地使用線性圖標。線性圖標要確保輪廓像素清晰。越簡單越好。追求更簡單的細節。
 
通過以上對各種圖標的分析,希望大家能對圖標的分類及設計有更全面深入的認識,從而構建一套完整的圖標思維體系。
 
網站開發 APP開發 產品設計 微信公眾號 用戶體驗 APP開發公司 APP運營 微信小程序 產品經理 網站設計
亚洲中文字幕久久无码