UI設計中的圖標設計與標志設計的異同

張竹莉

摘要：隨著科技的發展，人們需要更簡單地使用更強大的功能時，介于產品終端與用戶之間的UI設計的重要性也就日益明顯。UI中的視覺設計與其它平面設計分支聯系緊密卻也各有不同。本文從 UI設計中圖標設計與標志設計兩點切入，通過對標志設計和圖標設計的橫向對比，揭示兩者之間的聯系與區別，甚至延伸至整個 UI設計與其它平面設計分支的差異，正確看待各種設計實踐類型，把握不同設計類型之間的要求。

關鍵詞：UI設計；圖標設計；標志設計

一、研究對象

（一）研究對象的界定

本文的研究對象為當代標志設計與UI設計中的圖標設計的聯系與區別，以及以后的發展趨勢。

（二）概念解析

UI設計（user interface）：字面意思為用戶界面設計。“界面”即人機交互界面。廣義的用戶界面是指用戶和系統進行交互的方法合集：從用戶的角度出發，滿足用戶和計算機之間的人機交互。

圖標（icon）：廣義上是指所有有指示作用的標志，狹義上時指計算機顯示屏，等電子設備上引導用戶進行各種操作的圖像。UI設計中的圖標按照功能分為啟動圖標和功能性圖標。啟動圖標為應用在手機主頁面和啟動窗口或電腦桌面上的圖標，也會出現在應用商店里面。功能圖標是應用程序中指示各種交互功能和步驟。幫助用戶實現操作。隨著IT產品的不斷普及，圖標的作用在UI設計中越來越重大。

標志設計：具有象征意義的視覺符號。標志從原始社會單純記錄信息，到現代社會商家利用標志進行商品識別，提升企業形象等。現代標志是經濟時代的產物。在企業形象傳遞過程中，是應用最廣泛是最關鍵的元素。

二、研究背景

互聯網產品的設計包括功能和可用性。在計算機發展初始，更多側重于功能，人機交互就顯的不是那么重要。隨著科學技術的發展，當互聯網產品的使用者越來越多的由普羅大眾構成的時候。人們需要更簡單地使用更強大的功能時，介于產品終端與用戶之間的UI設計的重要性也就日益明顯。

UI設計包括用戶研究、交互設計、視覺設計三個方面。UI中的視覺設計與其它平面設計分支聯系緊密卻也各有不同。UI設計與傳統平面設計同為發現問題，解決問題，作為企業與用戶溝通的橋梁。在國內目前UI設計發展不充分的情況下，一部分人將UI設計與傳統的平面設計一概而論；另外一部分則過度將UI設計神秘化。

通過對兩者的對比了解兩種設計，甚至延伸至整個 UI設計與其它平面設計分支的差異，更為深入地了解幾種設計類型的聯系與差異，正確看待各種設計實踐類型，把握不同設計類型之間的要求。

三、UI中的圖標設計與標志設計的聯系

（一）UI中的圖標設計與標志設計“源流”相同，標志以形象符號的方式，形成人類長期的一種視覺化的傳達工具，在我們的生活的各個方面。如今，人們更是進入了“讀圖時代”，UI中的圖標設計同樣以形象符號的方式在互聯網中展現，兩者所使用的表現方法一致。UI中的圖標設計可以看作是標志設計在互聯網的“演變”。將以形象符號作為視覺化傳達的方式推向高潮。

（二）UI中的圖標設計與標志設計具有相同的功能。這個兩種設計存在的根本點。

1.具有識別功能。圖標設計和標志設計，最基本的功能都是能夠準確傳達信息。通過標志，人們能夠在品類繁多的商品中區分來自不同的品牌。而圖標的意義也在于在眾多的app中得以脫穎而出。

2.具有相同的傳播功能。無論是標志設計還是UI中的圖標設計，都是通過傳播達到客戶認可。好的設計可以在人們心中留下美好而又深刻的印象，促進人們對于產品，企業的認可。

3.具有相同的審美功能。一個圖標或標志在設計上是否具有美感，會直接影響產品或公司的形象。一個設計美觀的標志，常常是人們對于產品或企業的第一印象。對于越來越注重“顏值”、淘汰率更高的互聯網產品尤甚。

4.同樣具有延展功能。一個標志或圖標都不會孤立的展示在大眾面前，它需要配合不同的元素在各種環境中展示。

四、UI中的圖標設計與標志設計的區別

設計具有兩個基本屬性：一是功能，即存在的價值；二是存在的形態。UI中的圖標設計與標志設計雖然同源流，但出于不同媒介，必然導致存在形態的差異。

（一）UI中的圖標設計更為“以人為本”。用戶研究是UI設計開始的第一步，并始終貫穿。這種設計手段將逐漸成為流行，并影響到各行各業。

（二）交互性不同。互聯網技術的發展使人的認知由傳統的讀、寫轉變為到視覺、聽覺、嗅覺、觸覺共同作用的認知方式，更加全面地了解事物。圖標設計需要充分滿足用戶的全方位視聽交互體驗。

（三）復雜程度不同。圖標設計也經由復雜到簡單的過程。iphone4將擬物化圖標設計推向高潮，但隨之而來的 windows8界面中的扁平化風格和ios7，打開了扁平化的大門。拋棄諸如陰影、透視等的裝飾效果，以最為簡單直白的方式傳達所要表達的東西。設計從形式回歸內容。究其原因在于，各類互聯網產品，所包涵的信息量越來越大，扁平化圖標能夠減少用戶在交互中的障礙，讓用戶去接受更多的內容。相比之下，標志設計的復雜程度則遠遠高于圖標設計，涵蓋的內容也遠遠多于圖標。

（四）圖文關系不同。標志設計相對于圖標設計，圖文關系更復雜。標志設計中文字設計甚至于圖形設計更重要，在標志傳播中起到更大的作用，這是由兩者的使用載體不同所決定的。

五、UI中的圖標設計應與標志設計相互融合

（一）首先標志設計應從圖標設計上吸取優點，在互聯網時代中獲得新的改變。回顧歷史，標志設計也經歷由復雜到簡單的過程。互聯網技術的發展，新的媒介的產生，標志設計也必須適應新時代的變化需要。首先，標志設計應該從二維空間的束縛中解脫，向多維空間發展。其次，標志設計中圖形應該由理性，抽象向個性，感官化轉變。設計的變化發展要符合人精神追求的不斷變化，只有越來越富有人情的設計激發人們的興趣。

（二）UI中的圖標設計與標志設計源流相同，價值相同。同可作為品牌對外展示的“面”。如果能正確區分圖標設計與UI設計在不同媒介上的優劣，并合理使用。兩者相結合一定能夠打造出全方位的文化傳播。

六、結語

從UI中的圖標設計與標志設計兩者之間的橫向對比來看，兩者有聯系，同時又有區別。到了科學技術日臻成熟的今天，UI中的圖標設計越來越脫離標志設計，自成一類設計分支。正確把握標志設計與UI中的圖標設計的聯系與區別，并且能夠做到融會貫通，正確完成具體的設計實施。由此對應UI設計與傳統平面設計。在新時代，對傳統平面設計做出改變和突破，適應時代的需求，以無限的變化適應不同時代的要求。才能真正做到發現問題、解決問題。這才是設計之本質。

【參考文獻】

[1]牧婧.當今標志設計的發展趨向及方法探究[D].清華大學，2007.

[2]周煜嘯，羅仕鑒，陳根才.基于設計符號學的圖標設計[J].計算機輔助設計與圖形學學報，2012（10）.