互聯網背景下用戶界面圖標品牌化視覺設計研究

姜春媛

摘要：文章通過對當下互聯網背景下用戶界面圖標設計背景與未來設計趨勢分析，根據現時用戶對圖標設計的需求和要求，以及市場競爭優勝劣汰的規律，結合具體實例和設計原理，提出圖標品牌化視覺設計的方式方法，希望能對當下圖標設計有一定的參考價值。

關鍵詞：互聯網；界面圈標；品牌化；視覺設計

檢索：www.artdesign.org.cn

中圖分類號：J0-03 文獻標志碼：A 文章編號：1008-2832（2016）04-0047-03

用戶界面即User Interface（簡稱UI）。UI設計是指對軟件界面人機交互操作邏輯、界面圖標設計、界面版式等整體設計。優秀的界面設計是具有個性和品位，又不乏簡練、自由和舒適。而用戶圖標設計是區別于他企，使企業品牌形象凸顯個性的最佳手段之一。

界面圖標是既以整體形象產出體現用戶品牌形象，又以單獨形象出現吸引觀者眼球的一種特殊的信息傳達媒介，這種媒介以橫向的、縱向的、二維的、三維的、四維的、靜態的、動態的形式被廣泛應用于手機、電腦、網絡、系統以及其他軟件等用戶平臺。

一、當下用戶界面圖標設計背景與未來設計趨勢分析

（一）當下用戶界面圖標設計背景分析

這是一個被互聯網統治的時代。隨著經濟、科技的快速發展，計算機、手機、導航儀、Ipad等用戶設備種類層出不窮，人們隨時隨地都會利用身邊設備，通過互聯網解決所有感興趣的問題。據有關資料顯示，2013年1-6月，我國互聯網用戶為1.8億，移動互聯網用戶8.04億（其中包括手機網民4.64億人）如此大的用戶需要利用互聯網調查資料，需要利用互聯網建立關系網，需要利用互聯網打發時間……

這是一個被客戶端用戶高要求的時代。隨著用戶文化水平的提高，對物質和精神需求提出了更高的要求，人們對界面圖標設計的美感、品位和技術表現力等要求也越來越高。他們希望圖標能讓他們精神愉悅，他們希望圖標能讓他們壓力得以緩解，他們希望圖標能讓他們精神生活需求得到滿足……

這是一個被市場競爭牽制的時代。根據市場需求，合理改變圖標視覺形象和技術表現力，以最優秀的品牌形象，使企業立于雙贏（打敗競爭企業，贏得市場效益）局面。在界面圖標設計方面，首屈一指的當屬微軟和蘋果。微軟和蘋果都是隨著時間推移和時代需求進行了數次變化。正是這種緊跟市場需求，懂得與時俱進的策略，才使其品牌形象深入人心。

（二）未來用戶界面圖標設計趨勢分析

1.圖形、色彩元素隱含意義更簡練直接

圖標通過圖形、色彩等表象元素的重組再設計必然趨于極簡主義。從當前電子產品界面圖標的設計動態來看，圖標設計風格正向更加簡練和直接趨近，設計風格會更加的國際化。從功能和審美等方面來說，更具易識別性的極簡風格更迎合現在乃至將來市場需求。

2.點擊轉換鏈接形式美輪美奐

點擊、轉換、鏈接后的效果會隨著市場消費人群的需求更加的美輪美奐。未來的圖標設計會通過聲音、技術使其更具時空化和動態化，圖標個性充分得以彰顯，從而更加地吸引觀者注意。

3.圖標質感表現更趨于趣味性

未來圖標設計會以質感表現為企業競爭的必要手段之一。通過點、線、面、體、色彩、透視、陰影和技術等設計元素為圖標賦予通透性、可觸摸性和仿真性等質感效果，制造一種虛擬虛幻空間，增強圖標趣味性，吸引點擊量。

二、打造用戶界面圖標品牌化視覺設計基本原則

（一）文化性原則

圖標設計要依據企業文化、品牌文化、商品文化進行設計，這是圖標品牌化體現最根本的要求，也是企業、產品賦予圖標最本質的精神層面的支持。沒有文化內涵的圖標設計，是不會吸引用戶眼球的；沒有文化內涵的圖標設計，是不會將品牌價值向至高至上推進和轉化的。

（二）識別性原則

圖標設計要利用有限的空間，在第一時間向用戶表達業務內容和圖標設計理念。所以圖標設計要通過簡單直接的語言符號向大眾傳達信息。圖標不能隱含意思太多、語言含糊不清、傳播意圖不明確、意義混淆等，這樣的圖標設計會讓人疲勞和厭倦，從而轉移目標。

（三）醒目性原則

現在的圖標設計市場競爭異常激烈，各大媒體企業想盡一切辦法讓自己的圖標形象擠進大眾的眼球。如何使圖標在現在乃至未來媒介上具有醒目性，是值得設計者深思的問題。也許閾限的使用，會解決這個問題，但是在大家都注意到要通過圖形閾限、色彩閾限、文字閾限等手段解決問題時，競爭是不是又要改變策略？

（四）差異性原則

差異性原則，是使設計區別于其他，使大眾記憶深刻的一種必要手段。在進行界面圖標設計時，要利用圖形、色彩、肌理、效果等元素，使圖標具有區別其他，使觀者記憶深刻的屬性。圖標具備了這個屬性，勢必具備了吸引用戶興趣的個性，從而達到了企業客戶策劃營銷的目的。

（五）嚴謹性原則

嚴謹性原則不僅體現在比例尺寸上，還要體現在圖標圖像設計細節上。在設計圖標和使用圖標過程中，要本著實用和適用原則，嚴格把握圖標設計和使用的科學性和規律性，不能肆意改變其比例和色值關系。

（六）導航性原則

圖標在界面中起到空間鏈接和指示導航的功用。所以一級圖標、二級圖標等階梯圖標之間鏈接要自然，要一氣呵成；方向指引要明確，定位要準確。

（七）協調化原則

圖標設計要與所處環境相協調。無論是手機、還是電腦，界面最初始的背景都是藍色，所以，在對圖標設計時可以先以藍色背景為襯托，根據色彩原理，使圖標與用戶背景相協調。另外，通過技術和藝術手段設定幾種備選方案，方案中設定圖標可以根據用戶背景色彩自行變色，自動使圖標改變與背景色對比相對明顯且又相對和諧的色值。

（八）原創性原則

圖標作為企業向市場推出新產品第一道形象門臉，要與眾不同。界面圖標設計項目應嚴格建立在5W標準中“Who”的文化背景調查研究基礎上，精準定位，設計出能反映公司文化、品牌形象的不可替代、獨一無二的作品。

三、用戶圖標品牌化視覺設計屬性分析

（一）圖標承載的品牌文化分析

圖標作為企業品牌標志，不僅僅要具有審美和功能意義，還應承擔傳承國家和企業文化義務。設計師應該積極利用契機，有計劃、有目的、有針對性地將企業文化、國家文化植入圖標設計中，使得圖標更具文化品味和精神內涵。

（二）國標的比例尺寸分析

界面圖標設計要簡練概括。無論電腦、手機、還是其他什么設備，界面上圖標紛雜，針對如此多的圖標，比例尺寸都應根據設備特點形成統一的規格，一般為16×16、22×22、32×32、48×48、64×64、128×128、256×256，其中32×32作為常見。圖標的比例基本都以1：1為主，造型多以圓形和方形為主。

圖標因所需承載的設備尺寸和性能不能，圖標呈現的效果也不同。設計人員要多方面全方位考慮已經存在或將要發生的因素，以提高圖標在各種設備上的顯示效果。

（三）圖標的色彩表達分析

色彩是設計中最重要的一個要素，是最具沖擊力、最具敏感度的視覺元素。這因為色彩的有效視距遠遠高于圖形和文字，還有色彩產生的情感體驗比圖形和文字更容易激起觀者的聯想和情緒波動。色彩本身有明度、純度、色相、色溫等屬性。各大屬性要依據色彩原理和產品本身訴求要求科學搭配，有機統一利用，才能使界面圖標視覺效果和美觀程度達到美學要求和用戶要求。巧妙利用色彩閾限，提高市場競爭力，使得圖標在競爭激烈的互聯網背景下，提高其視覺沖擊力，吸引用戶注意，從而提高點擊率。

（四）圖標的造型特征分析

造型具象的圖標具有易識性，通過人物、動物、植物或器皿等客觀事物的自然形態，直接闡述品牌圖標所要表達或所要傳達的信息和含義。具象圖標以其直觀的語言形式使人能在第一時間了解圖標業務內容。但是，如果失去了技術性和藝術性，也會使人在第一時間失去點擊興趣。

造型抽象的圖標具有象征性，即通過點、線、面、體等幾何圖形，標新立異，組合形成具有理性思維和秩序感的圖標，這些圖標可以引發人們思考和聯想，也能大大的吸引觀者眼球的。抽象圖標是建立在設計者對生活對事物高度概括的基礎上的，這種來源于生活而高于生活的設計形式，會使人產生高大上的精神享受，進而提升圖標品牌文化品位。

還有的圖標造型以文字和數字形式表現出來。以本族化文字作為圖標主體圖形，會使圖標具有可親近性和直接性。文字圖標可以將文字圖形化，或字母化，或象形化，會使圖標更讓人依賴、親近和信服。數字式圖標具有數據可靠性。以數字為主體的圖標設計，從心理學的角度上講，會增強觀者對品牌圖標、對企業機構的信賴程度。

四、用戶界面圖標品牌化視覺設計表達

（一）圖標設計項目前期調研

圖標設計前期調研需要幾個關鍵點即“Who”（客戶企業）理念、產品基本信息、產品網絡營銷方式、客戶企業文化、客戶目標市場、客戶目標消費群。

1.“Who”（客戶企業）理念

企業理念是企業發展的核心，是視覺圖標設計的指導思想。所以在圖標設計之初，要對了解企業目標、經營方針、制度法則、企業精神等作以詳實調查、研究和分析。

2.產品基本信息

無論是網絡商城（例如天貓、淘寶、京東等）、網絡財經類（新浪財經、東方財富等）還是網絡游戲類（4399，7K7K等）產品，都有其獨具一格的產品特色，只有充分了解產品信息，才能使圖標設計具有點睛之筆的靈魂。

3.產品網絡營銷方式

現在網絡營銷已經越來越受到大、中、小、微型企業的重視。各個企業在競爭異常激烈的形勢下，紛紛根據自身的優勢，選擇產品ul策略進行市場營銷，以獲得市場最大化收益。

4.客戶文化

了解客戶文化，是使圖標在視覺設計上得到很好詮釋的基礎?？蛻粑幕ㄆ髽I領導價值觀、審美傾向、管理水平、工作風格等等內容，隨著時間的推移逐漸積累而成的具有獨特風格特征的精神層面的東西，恰恰是指導圖標設計鶴立雞群的策略之一。

5.客戶目標市場

市場政策、競爭對手、市場發展趨勢等信息對于圖標設計定位的準確性把握有著至關重要的引導意義。市場對于設計的宏觀管理政策或要求、競爭方圖標設計市場效應、市場整體設計趨勢等等信息，對于圖標設計在信息傳播途徑、力度以及準確性把握等方面都有正確的引導作用。

6.客戶目標消費群

設計者要針對企業在市場細分后確定的固定消費群體年齡、民族、性別、文化素養等信息進行調查研究和分析，根據調查數據，合理選擇圖標設計方式、樣式、手段或者效果。

（二）品牌化設計定位

依據調查分析結論，進行多方位、多方向的創意，選擇最恰當的品牌營銷方式、精準的品牌調性對于企業發展至關重要。要從企業文化、企業標準色彩、產地、銷售地等元素著手，精準定位，使設計風格系統化、品牌化。

1.企業文化定位

依據企業文化特征定性品牌化設計風格。通過具象或抽象的設計元素以設計重組的形式概括企業文化包括企業經營哲學、價值觀念、企業精神、企業道德等內容，這也是圖標品牌化設計定位的一種可行方式。

2.交互技術定位

以往界面圖標的鏈接技術只停留在將圖標以應用編寫程序的方法簡單給予技術性的功能屬性鏈接轉換階段。圖標設計者和技術人員相互交流不緊密，使得每一環節都相互脫節，特別是藝術與技術的脫節，相互之間沒有聯系或聯系不大。

3.消費者定位

圖標設計以企業指定產品潛在的消費群體進行定位，展開設～fo研究指定消費者心理，尋求能夠滿足消費者需求、聚焦消費者視線、吸引消費者點擊瀏覽的設計風格。

4.產品定位

如果以產品調性指導下其外在形式表現作為品牌化設計定位的話，應根據《專利法》等文件規定，結合產品形狀、圖案、色彩、材質等元素，使設計風格一體化、一致化，以此提升品牌及產品競爭力。

（三）提案

1.多角度提交初案

可以企業文化定位、交互技術定位、消費者定位、產品定位等多角度、多方向提交初案創意，從中選擇一至三個自己認為相對優秀的方案向企業方推薦，于企業客戶方交流，聽取客戶建議和意見，讓客戶參與到整個設計項目中來。

2.嚴謹正確提交正稿

通常設計項目是以競標或委托設計來完成提交初案，初稿經過競標審核或委托設計確定方向后，設計就進入正稿階段。

正稿需用Photoshop等制圖軟件對圖標進行繪制，比例、色值分配要嚴謹，要充分考慮到圖標使用在媒介上的效果。為減免失敗幾率，設計者可以預先在電腦或其他媒介界面上模擬推演，以檢驗圖標從二位空間上到三維空間上是否符合設計初衷。

3.深化與完善正式稿件

正式稿件的提案要經過反復研究和評稿，看看設計創意是否能在一定時間內把握客戶的想法和要求付諸實施，是否準確表達客戶營銷策略和文化精神等。

當大體創意思路與方案經過設計者與企業客戶相互溝通、體會和研討而確定時，設計者還要對設計方案圖標圖形比例設定、色彩工藝、交互技術等細節進行深化和完善。