用戶界面中的圖形元素應用分析
——以生鮮平臺為例

□王 磊 華南農業大學藝術學院

一個健康優質的生鮮電子商務平臺和好的用戶界面設計是溝通供需兩端的橋梁。人機交互技術的不斷發展使圖形能夠在用戶界面設計中發揮它的作用，界面設計師們也必須領會和了解用戶的心理需求，根據他們的操作習慣和要求來不斷地改進設計思維，這樣才能給用戶呈現完美的視覺效果且突出界面設計，從而使用戶產生身臨其境的感覺。

一、市場現狀分析

由于網絡信息和智能化手機的飛速發展，各大商家都開始把目光瞄準線上銷售，除了淘寶、京東之外，越來越多的電商平臺壯大起來，隨之而來的競爭也越發激烈。各大電商除了在原有規模的基礎上繼續占領市場外，也一直在尋找新的消費者需求熱點，力爭先人一步獲得市場先機。健康生鮮食品類電子商務平臺發展時間并不算長，已經成為各大電商爭奪的下一個目標。國內知名電商除了1 號店，還有幾個較成熟的健康食品電子商務平臺，如本來生活、順豐優選等。2017 年阿里巴巴籌備兩年多的盒馬鮮生從幕后走到臺前，這種既是超市又是餐飲店和菜市場的銷售模式，可以說是生鮮平臺的重構與整合，也代表了最新的零售業態。

二、生鮮平臺用戶界面圖形元素分析

（一）用戶界面圖標設計分析

生鮮平臺在網頁界面設計和手機APP界面設計的定位上，將圖形符號作為網站的主要導航形態，以圖代替文字，整個頁面圖形化，集成網站的功能塊，盡量減少圖片占用太多的空間，把用戶的視線吸引到必要的圖形上，縮短用戶的選擇時間，給用戶帶來一種簡單直觀、容易操作的心理。

圖標是一個網站和APP 界面的標志性符號，它代表了該企業的形象，因此，在設計時，設計師一定要突出企業和產品的特點。圖形符號的設計可以擬物化、精簡化，這樣能給客戶帶來更強烈的視覺效果。對于消費者而言，其看到手機界面首先要有一種歸屬感，這也需要設計師更加注重設計的品質，這是使用戶產生共鳴的根本。設計師可以通過結構和色彩贏得客戶的好感，如使用黃色、綠色來表現食物，是食品行業最常用的，也是生鮮企業的行業色之一。圖標的整體風格大多采用扁平化設計，它的最大特點就是去掉冗余的裝飾效果，盡可能不添加紋理和使用漸變手法，讓圖形本身的信息能夠凸現出來，保持圖形設計的極簡和符號化特征。而且扁平化設計還可以減少圖形過多的設計，從而降低系統功耗，提高運算速度。

（二）用戶界面圖形風格分析

國內幾個知名的生鮮類網購平臺品牌，如1 號店、順豐優選、本來生活、盒馬鮮生等，從其標志形態來看，文字類圖形占有的比重比較大，這也是文字的優勢，其既可以圖形化，又可以傳達信息。在網站用戶界面設計中，設計師可以通過對網站標識的設計來對整體風格定位，如圖形形態可以奠定網頁裝飾風格，標識色彩也可以作為整個網站的色彩來源。

從品牌圖形設計上看，1 號店是知名的電商企業，標識醒目且被消費者熟悉。在設計上，1 號店大大的“1”字形設計占據了整個標志的主體，也是最為醒目的。紅色也是1 號店的主體顏色，另兩個字形設計也頗有特點，方圓搭配的處理較為合理，整體感比較強，而且還把網頁域名結合進來，給用戶很直觀的感覺。這種設計比較有特點，如哥倫比亞國家旅游形象標識設計就把國家域名“CO”作為了標志圖形的一部分來展示；順豐優選是順豐速運旗下的一個網購商城，在原有順豐標志基礎之上設計了一款生鮮網購專用LOGO，圖形簡潔大方，在“SF”的形象上結合太陽外形設計，陽光的形象也比較符合該行業特點，象征著大自然的生機。在網頁界面設計上以色塊來區分不同區域，以紫紅色為底，色調整體上比較明快，中上部重要區域是滑動圖片展示區，這樣可以更好地吸引用戶的視線，在視覺效果上也比較大氣。但是，界面左右兩端布滿了各類的廣告圖片，增加了該界面的復雜程度，破壞了整體效果，還有產品的文字信息比較累贅，不夠直觀簡潔，忽略了符號的使用，其可以直接用評價人數和好評率數值代替，如京東的產品信息處理方式就很不錯；本來生活的設計定位就比較有現代感，它的文字標志設計非常容易辨識記憶，色彩搭配簡潔明快，也突出了本來生活的文化理念，即回歸本有的自然情懷。其標識顯示區域處理得非常干凈整潔，頁頭區域也是非常整齊有條理，整個界面布局相當有層次感，簡潔明了，沒有過多的色彩，只用綠色統一整個頁面，圖形感也比較強。

藝術是人類情感和想象的表達，也是人類知識、情感、意念的有機產物，更是人們現實生活和精神世界的形象表現。通過審美創造和情感表現，設計師讓界面設計更加突出藝術元素的美感，增強了界面的視覺表現力。用戶界面設計是藝術與技術相互結合的產品，圖形讓用戶能夠跨越地域、時間和空間而產生互動，無論是動態的還是靜態的方式，都使圖形信息的處理手法更加多樣化，從而適應了當今互聯網時代的發展。