界面圖標的視覺風格演變

譚利

【摘 要】界面圖標是圖形化界面中最直觀的視覺形態語言，是界面中最重要的組成元素，它的出現對社會的信息化發展起著重要的推動作用。隨著科技和時代的發展，界面圖標在功能性和識別性上得到了很大的優化，在統一性和個性化的視覺表現上也得到了不斷的提升，從像素化到擬物化，從扁平化到半扁平化，甚至到未來的多元化，界面圖標在發展過程中經歷了不同的視覺風格演變，反映著時代的需要以及人們對技術與藝術的完美追求。

【關鍵詞】界面圖標；風格；演變

中圖分類號： J524；TN929.53 文獻標識碼： A 文章編號： 2095-2457（2018）28-0039-002

DOI：10.19694/j.cnki.issn2095-2457.2018.28.015

【Abstract】User interface icon is the most intuitive visual morphological language in the graphical interface，is the most important component of the UI，its emergence plays an important role in promoting the development of information society.With the development of science and technology，the UI icon has been greatly optimized in functionality and recognition，and has been constantly improved in unity and personalized visual performance.From pixelization to materialization，from flattening to semi-flattening，and even to future diversification，the UI icon has undergone a process of development.The evolution of different visual styles reflects the needs of the times and people's pursuit of technology and art.

【Key words】UI icon；Style；Evolution

隨著電腦、手機、平板等電子設備越來越多的介入到我們的生活中，終端界面對人們的影響越來越大，它是用戶與機器設備之間交流和互動的最直接的媒介，并且影響著用戶對設備和相關產品的識別度和信任度。計算機剛問世時，只有少數人們能通過特殊的命令來與計算機進行交流。如今圖形用戶界面廣泛應用到個人電腦上時，大眾都可以通過完全圖形化的窗口系統實現計算機操作。隨著移動互聯網的發展，各種智能和移動設備產品的迅速普及，瀏覽界面已經成為人們生活中的一部分，是大家獲取信息的主要的方式之一?；逎y懂的命令語言被圖形界面取而代之，用戶的操作體驗變得簡單而舒適，界面圖標在這其中起著關鍵的作用。界面圖標是圖形化界面中最直觀的視覺形態語言，是界面中最重要的組成元素，它的出現對社會的信息化發展起著重要的推動作用。

圖標有廣義和狹義之分，廣義的圖標是具有指代意義的圖形符號，它不僅能準確而快捷地傳達信息，而且便于識別和記憶。例如我們經?？梢栽诠矆龊现锌吹焦珟鷪D標、電梯圖標和停車圖標等。狹義的圖標主要應用于計算機軟件方面，一個小小的圖形符號，卻代表著一個文件、程序、網頁或命令，它能幫助用戶進行打開程序、執行命令或是瀏覽網頁等諸多操作。界面圖標指的就是這種類型的圖標，其最主要的作用是功能性，它要求用簡單的造型來準確表達和傳遞復雜的意義，具備較好的可識性和易讀性；除此以外界面圖標的美觀性也很重要，良好的視覺效果能在人機交互中給人帶來愉悅的體驗。早在二十世紀70年代，美國的施樂公司為了使用戶能更好的使用和掌握設備，研發了一種與設備相對應的圖形標識，這可以被看作是界面圖標設計的開始，隨著科技和時代的發展，界面圖標在功能性和識別性上得到了很大的優化，在統一性和個性化的視覺表現上也得到了不斷的提升，在它的發展過程中經歷了不同的視覺風格變化。

1 像素化風格圖標

在圖標產生之初，由于受當時計算機硬件設備的局限，顯示器的有限像素決定了圖標的低像素的視覺表現，高度概括的低像素圖形成為界面圖標最初的表現形式。在計算機還沒有全面普及的時代，顯示器只有72每英寸的分辨率，這決定著圖標的像素也只有72*72，簡單的像素點組成的抽象形態成為界面圖標最早的視覺風格。這種早期的圖標像素化特征發展到現在，并不是指圖標的低像素表現，而是成為了一種像素風格的視覺特征代表，它強調清晰的輪廓、明快的色彩，顆粒感像素的造型比較卡通，畫面風格獨特。

我們現在依然能在眾多的界面設計中看到具有像素化風格的圖標，這種低像素風格化圖標不再是簡陋的畫面從它的創意理念和畫面制作上，我們可分辨出時代的不同。最初的像素圖標只有黑白兩色，以顆粒像素的排列組合塑造不同的形狀。現在的像素化風格圖標依舊保持顆粒像素組成的視覺獨特性，但在色彩和效果上都有很豐富的表現。圖標的像素化最初源于設備的局限性，最終卻發展成為了一種獨特的藝術風格，從某種意義上來看，像素化圖標具有一定的時代特殊性，同時也被賦予了獨特的懷舊和復古氣息。

2 擬物化風格圖標

隨著計算機硬件設備水平的提高，界面圖標的表現空間得以擴展。為了讓用戶能夠準確快速的識別和操作界面，界面圖標就需要有更清晰的表現場景和識別意義，甚至為了增強其辨識度而去模仿現實世界中事物，利用用戶的日常經驗去培養對圖標的熟悉感。自1984年蘋果公司發布了全新的Macintosh圖形系統，隱喻開始被廣泛的應用于各種桌面操作系統和移動裝置，大家熟悉的桌面、文件夾和回收站類似的概念都是源于桌面系統的隱喻。擬物化設計就是源于界面的視覺隱喻，形象生動的文件夾和垃圾桶圖標讓用戶快速清晰的明確它所指代的含義。蘋果公司的ios系統的人機界面指南里曾經說到，“當你應用中的可視化對象和操作按照現實世界中的對象與操作模仿，用戶就能快速領會如何使用它?！?/p>