移動UI設計中的圖標應用分析

趙鑫

摘要：軟件設計主要由UI設計與編碼設計構成。UI設計是一種用戶界面設計，移動UI設計主要關注移動終端的用戶界面設計，如手機、平板電腦，以及各類手持終端設備等。本文選取移動UI設計中的圖標應用分析作為研究題目，概述了圖標分類。并以此為基礎，分別從圖標設計原則、步驟、技巧等方面，對其應用進行了討論。

關鍵詞：移動UI設計;圖標;應用分析

在移動端的UI設計中，根據圖標在應用程序中的使用屬性，通常被分類為啟動圖標、工具欄圖標。但是，從設計風格方面看，對于圖標的應用又有擬物化、扁平化設計等。由此可見，移動UI設計中的圖標應用過程，雖然十分強調用戶體驗，但也應借助圖標設計中的規范、視覺、色彩、功能等，增強了用戶與應用程序界面之間的“交互性”。具體分析如下：

1、圖標設計原則

在移動用戶界面設計時，設計師通常會考慮突出應用程序的功能性、強調圖標的影響力。以功能性為例，圖標的辨識度要高、精準的反應應用程序的主要特征，使移動端用戶一看到圖標便會立即聯想到其特征顯示的功能及作用。以影響力為例，側重點放在對風格的統一性把握、視頻形式的處理方面，包括色彩、質感、紋理、陰影等效果對于用戶產生的影響等。因此，在圖標設計方面，通常會預設規范化原則、個性化原則、生活化原則等。

首先，在規范化原則方面，要求設計者根據移動端的設備構成要素，合理的進行設計規范限定。例如，在智能手機領域，現階段普遍使用的蘋果系統（macOS）與安卓系統（Android）中，屏幕、分辨率等均存在差異，因而要求設計師能夠遵循相應的規范，合理的確定圖標的形態、樣式、屬性等。

其次，在規范化原則下，應該注重個性化設計原則，預防因大同小異的設計問題，降低應用程序圖標的功能性與影響力。而且，當前圖標設計中的扁平化設計趨勢增強，擬物化設計的需求相對弱化。所以，在扁平化設計趨勢下，設計師應該從圖標界面的抽象性、簡潔性、視覺感受等方向強調圖標的個性化特征。

第三，在生活化原則下，要求設計師將重點的元素提煉與篩選，對接到生活化層面，盡可能擷取熟悉之物的元素，利用格式塔視覺中圖底、聯想、抽象、變形、象征、重構等不同的設計路徑，創造出非凡效果等。業內人士通常也將生活化原則下的圖標設計概括為“畫龍點睛”，由此可見，該原則在圖標設計中起著十分重要的作用。

2、圖標設計步驟

現階段移動UI設計中的圖標應用十分普遍，對于圖標的設計專業度與成熟相對較高。因此，已經建立了設計流程相對清晰的設計步驟。另外，工業設計思想的引入，較好的推動了圖標產品設計的流程化作業，保障了圖標設計時的按部就班操作。分述如下：

第一，列舉圖標要素清單，遵循設計原則，利用IOS設計方向，減少色彩干擾，提高圖標辨識度。同時，按照圖標尺寸、線面、圓角，以及相關的效果參數調節方式，對各類要素進行篩選與組合，完成草圖設計。

第二，借鑒移動設備中的上線產品，優化圖標尺寸，確定金剛區圖標、Tab欄圖標、首頁圖標的使用尺寸。然后，利用圖標庫進行辨識度調整與樣式設置等。

第三，圖標設計完成后，應該根據測試環節，對其進行任務測試，包括細節自查、辨識度檢測、對比色測試。在測試環節應該增強隨機用戶的使用評估，做好各項評估結果統計，再對其實施進一步優化處理，確保最終的圖標設計方案，能夠代表應用程序的功能、保障用戶的快速精準識別，克服各項使用障礙等。

例如，在細節自查環節，應該從業務聯系、色彩情緒、呼吸感、統一度的設計方面進行逐一分析。而在辨識度測試環節，應該通過遮擋法，保證用戶識別時的自主性，尤其應該從用戶對圖標的初步印象、聯想、含義理解、功能描述等方面進行相對全面的功能特征剖析。在對比色測評環節，通常需要確定用戶的反應時間，一般情況以5s作為限定時間，可以更好的對色弱用戶、色盲用戶等進行使用障礙測試與評估等。

3、圖標設計技巧及應用

以應用程序首頁金剛區（主圖標區）的圖標設計為例，圖標定位在頁面上部位置，考慮到公司業務活動的變更需求，因而，應該結合Banner欄與頁面上部位置的限定，強調其需求層次。具體設計中，可以通過豐富色彩、面性圖標等突出其需求特征。

例如，在初步設計環節，應該按照規范性原則，對金剛區的基礎規范進行確認與限定，包括布局、尺寸等。按照比較典型的應用程序圖標設計看，該區域的圖標尺寸保持在90px效果相對較好。另一方面，在圖標內部的呼吸感的設計方面，無論經典性的圖標設計與一般產品的設計，均十分強調黃金分割比。因此，在該方面，應該利用黃金分割比，圖標、文字、四周距離等進行詳細計算，確保將此類參數控制在該定律之內。至于圖標形狀的設計，設計師可以借助阿里巴巴Iconfong之類的素材庫，進行資源搜索，吸收一些有利于繪制圖標形狀的設計經驗，包括造型、風格、色彩等。尤其在配色方面，應該按照主題色的個性化設計方向，合理的配置對比色、鄰近色。

4、結束語

總之，圖標是移動用戶界面設計中最為核心的構成要素。除以上所說的金剛區設計之外，對于Tab欄的圖標設計，也應該結合設計尺寸、用戶群定位、品牌理念、業務范圍、產品功能、色彩情感等進行全面分析。如金融類應用程序應該在Tab欄圖標設計中，強調安全感、可靠性，盡量采用一些線性圖標。而電商類的產品應該注重對年齡層次的分類與風格的簡潔化處理等。通過以上初步分析，建議在圖標設計中，利用當前的產品設計理念與工業設計思想，增強對全要素分析方法的使用，并按照產品設計各個構成環節，按部就班的實施圖標設計。

參考文獻

[1]甄珍.基于移動互聯網軟件產品的UI設計要素與要點探究[J].數字通信世界，2021，5（2）：25.

[2]惠曉艷.色彩語意在UI設計中的應用研究[J].西部皮革，2021，43（4）：1-2.

[3]王樂.淺談基于媒體融合場景的UI界面設計[J].環球首映，2021，13（1）：130-131.