【UI設計】APP圖標風格與設計策略!

衍果視覺 發佈 2023-05-28T20:12:34.398240+00:00

圖標源自於生活中的各種圖形標識,具有指代意義標識性質的圖形。圖標廣義定義指具有錨定作用圖形符號,能快捷傳達信息便於記憶;狹義定義指軟體方面標識圖形,包括程序標識、網絡信號、開關及狀態指示等。

圖標源自於生活中的各種圖形標識,具有指代意義標識性質的圖形。圖標廣義定義指具有錨定作用圖形符號,能快捷傳達信息便於記憶;狹義定義指軟體方面標識圖形,包括程序標識、網絡信號、開關及狀態指示等。


在使用手機應用軟體中,我們通過圖標看到的不僅僅是圖標本身,而是它所代表的內在含義,我們在設計圖標時,要著重考慮用戶視覺感知與用戶體驗。


①擬物化。通過隱喻的手法,採用形象化的圖形,在界面中模擬生活中的物品及場景,藉以表達產品所具有的功能,,為用戶營造出具象化、可感知的人機互動環境,,從而大大降低用戶心理接受門檻和學習成本。


好的擬物化設計,擬造一個親和熟悉的操作場景;或者模擬現實物品紋理質感,增強文字的可讀性;或者增加操作的可感知回饋和趣味性,諸如動畫和聲效等。


②扁平化。首先是信息架構的扁平,再通過極簡的抽象圖形以及單純化的色彩,減少對用戶的干擾,更加簡單直接地將信息和事物的工作方式展示出來,在交互方面也更加簡單直接,其交互核心在於功能本身的使用,減少用戶完成目標所執行的操作。


③繪畫風。為了更好地體現內容,形成獨特的視覺美感,以及創造更具個性的感官體驗,運用繪畫手段表現界面視覺元素一直以來都是最有效的方法,繪畫風格的圖標往往會具有一種原始的美感,能夠使設計更有紀念意義。


例如:兒童類APP大多使用繪畫風格,是由兒童用戶群體的心理、生理以及認知特點所決定的,兒童對於簡化的圖形有更高的接受度和認知度,藉助繪畫誇張的手法表現出更加可愛有趣的造型風格。


①虛與實簡約化處理。不管基於哪種風格表現形式,圖標的重要價值體現在,是否能夠清晰地向用戶傳遞交互信息,,減少用戶認知與記憶負擔。擬物化的圖標設計究竟虛擬到何種程度,扁平化如何更加直觀傳遞信息,減少用戶學習成本,這些問題值得我們深思。


②隱喻恰當合理。圖標中的隱喻一般是指將圖標原本複雜難懂的語義轉換為用戶已知的事物,因而圖標應易於用戶學習、理解、記憶,符合用戶認知習慣與能力範圍,這樣便於用戶進行推理達到減輕用戶認知負擔的目的。


恰當合理的圖標隱喻,能方便於用戶在操作數字界面成組的圖標中,快速地發現圖標並點擊激活某項功能或進入相應的應用程式界面,過深的隱喻可能會超出用戶的認知範圍,導致圖標晦澀難懂,使用戶在短時間內很難理解,從而影響人機互動進程。設計圖標時應隱喻恰當合理,避免過度隱喻。


③以用戶體驗為中心。圖標作為一種非物質形態產品,具有相應的實用性功能,某種程度上能反映產品的功能特質並能清晰地傳遞產品的價值內涵,從而引導用戶進行人機互動。


但在某些軟體界面中,圖標或已淪為界面中的裝飾圖案,語義混亂導致其可用性降低,用戶可能已經完全不能理解其所指代或指示的功能與內涵,需要藉助於圖標下方的文字標註才能完成相關操作,這與圖標的本質意義相去甚遠。


對圖標設計而言,圖標應能清晰、準確地將自身所指示的功能與內涵通過相關的視覺符號呈現出來,且易於用戶識別與記憶。用戶體驗的進一步提升可以從多方面著手,如從用戶與圖標交互前後變化等方面,經過藝術化處理的圖標可以給用戶帶來視覺與精神上的愉悅。但同時要注意,圖標的引導性和圖標所指代的功能、內容以及應用語境應保持整體一致。


對於圖標設計而言,不論何種類型設計風格,其自身並無絕對的優劣之分,更不是對立關係。


圖標設計須充分考慮應用語境,功能要求及用戶行為習慣,如實用性、審美、情感、文化內涵等,以用戶體驗為中心、合理隱喻、圖標設計簡約化處理,才能減輕用戶使用過程中認知與學習的負擔,使圖標所指代的產品及功能在體驗價值方面得到升華。

關鍵字: