電商網頁界面視覺設計元素解析

金镕基

摘 ? 要：隨著網絡購物的日益普及，各大電商平臺紛紛在網站頁面的優化上做足了功課，以增加客戶粘性及回購率。電商頁面的視覺設計元素，是保障用戶在使用電商網頁時的舒適性，增強用戶體驗的重要內容。在本文中，將分析在電商網頁中的基礎文字表達、Tad標簽、網頁導航、延展表單、logo、圖標、配色、手機網頁等主要設計元素，以此優化使用電商頁面的視覺設計。

關鍵詞：電商網頁 ?視覺設計 ?設計要素

中圖分類號：TP393.0 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 文獻標識碼：A ? ? ? ? ? ? ? ? ? ? ? 文章編號：1674-098X（2019）11（b）-0233-02

隨著現代網絡技術的發展與人們生活水平的提高，電子商務越來越受到人們的歡迎，而電商頁面作為用戶在進行電商瀏覽過程中的主要內容，其視覺設計的合理性是保障用戶視覺感官能夠獲得提升的有效途徑。為此需要綜合利用影響網頁視覺感官的設計元素來實現整體視覺設計效果的提升。

1 ?基礎文字表達

在電商網頁的界面設計元素中，文字是其中的基石部分，一個優秀的文字設計與頁面排版能夠實現吸引住用戶眼球，強化頁面設計附加功能的作用。但在對文字元素的實際應用中應當注意的是，要確保文字能夠清晰可見，并且方便用戶進行閱讀，把握好文字的間距、字距、字體以及文字排列方式，而后適當采用一些具有變化或是藝術感的文字，使網頁界面看起來更加時尚且與商品的特點相互匹配。同時還要注意將促銷、打折等活動區域的文字更加醒目，更加具有震撼力，讓用戶能夠第一時間注意到這些活動頁面。并且需要注意對彩色字體的使用與控制，如果在頁面當中濫用彩色字體會使整體頁面的視覺效果變得混亂無序，使用戶感到視覺疲勞，不僅起不到美化的效果，還會降低用戶的適應體驗[1]。

2 ?Tad標簽

在電商網頁當中，Tad標簽是網頁當中不可缺少的要素。通常在網頁設計中，標簽都是通過垂直的方式進行布置，并且應當避免標簽的排列過于密集。而當標簽之間有重要性與關聯性的區別時，需要將標簽按照重要性的大小進行排列。并在標簽過多時，將使用次數較低，或是相較之下并不重要的標簽納入到“更多”選項當中。同時，通過分組以及下拉菜單等形式還可以使標簽的結構性更強，方便用戶進行瀏覽與使用。而在對標簽進行設計的過程中，要注意通過設置將用戶選種的標簽與未被選種的標簽進行區分，一般可以通過對背景色的加深或是便是實現這種情況，并盡可能的保障界面的簡潔與精煉，實現對信息的整合，在有限的空間內讓用戶得到關于網頁產品的索引信息，使用戶的操作更加便捷。

3 ?網頁導航

網頁導航，是電商頁面的重要組成部分，用戶可以利用電商導航來進入到電商平臺的各個頁面之中進行選購。而當前流行的網頁導航主要分為主導航、次導航、面包屑導航三種，這三種導航分別實現了對訪問者的引入、切換以及確認位置的作用。在實際應用中，大部分網站導航菜單設計都采用頂部水平欄導航，這種設計下網頁導航位置主要位于網站logo的上方或者下方。這種方式不僅操作更加簡單，同時用戶使用時也更加輕松。此外，在網頁導航中，為了避免用戶無法尋找到自己所需的瀏覽頁面，簡化網頁導航的復雜性。并且在對用于確認用戶當前位置的面包屑導航進行設計時，需要通過加粗加大字體、改變字體顏色等方式，將導航設計的更加容易識別。

4 ?延展表單

表單，是用戶在進行購買、投訴、注冊、評價等內容時所必須填寫的項目，并且電商頁面在設計的過程中，要盡可能的簡潔。將可以重復利用的信息在用戶的同意下儲存在云端，在下次填寫時可以有系統自動進行填寫，而需要改動的信息則由用戶自主進行操作。而且表單的外觀要確保用戶不會在使用的過程中對其感到反感，或是產生抵觸心理。為此，在對表單進行設計時需要能夠將表單盡可能的簡化。而通常表單是由標簽、輸入框、行為、幫助、信息以及驗證六個部分所組成，這六個內容相符相呈，但又各不相同。設計者必須能夠把握住這幾項內容的特點，合理的進行規劃與設計。此外，表單在進行驗證時，為了確保安全通常采用不同的驗證方式，如驗證碼、圖片滑塊、文字選取等形式，但如果安全驗證過于復雜，雖然在一定程度上確保了驗證的安全，卻降低了用戶的使用體驗。為此，在進行驗證設計時，需要權衡驗證設計的安全性與使用性，在保障用戶安全的同時使用戶體驗得到優化。

5 ?Logo

Logo是一個企業與公司在傳播過程中的重要標志，能夠幫助用戶輕松的對網站進行識別。一個優秀的Logo不僅是企業的臉面，同時也是企業文化最為重要的外在表現。在電商網頁中，Logo的作用更加明顯，好的Logo能夠吸引用戶的眼球，并給予用戶關于網站的第一印象，使用戶對網站產生好感，樂于使用網站進行購物。而在對Logo進行設計的過程中，除了藝術性以外也要關注Logo的簡潔性與使用性。并且當前主流的電商網站logo都是有圖形與文字進行組合較少使用卡通形象，這是由于電商與其他企業的不同特點所決定的，而電商在對Logo設計的過程中，也要注意Logo能夠符合當前網頁的類型、網站的受眾群體以及整體風格來進行量身定做。

6 ?圖標

圖標，不僅能夠幫助用戶了解到自身的位置，也能夠提升當前電商網頁的美感，強化視覺設計的效用，為此在進行設計的過程中需要商戶能夠根據當前網頁的特點與風格來制定與其相符的圖標。并且圖標作為在電商網站中，持續且明顯的一個符號，能夠實現對相應功能的表達。為此，需要使圖標能夠明確對其所包含的內容進行明確表達，比如，在電商網站通常都會通過一個簡化的手機符號來代表手機充值等行為。

7 ?配色

配色，是電商網頁界面設計中最重要的一部分，只有確保顏色的合理性，才能夠使用戶在進行瀏覽的過程中，更加舒適。電商網頁的配色需要具有一定的導向性，為此一般的電商網站都會采取暖色作為頁面設計的主要顏色，比較常見的有橙色與紅色，而一些對男性用品進行販賣的頁面通常會采用藍色，這是為了凸顯出顏色的象征意義。對配色的實際應用中，使用得當的顏色不僅能夠強化用戶的操作體驗，還能在心理層面，影響用戶的內心思維以及心理狀態，為用戶留下深刻的印象[2]。同時，要降低對顏色的使用過程中過多的使用多種顏色，顏色過于繁雜會導致用戶產生視覺疲勞，也因此大部分網站都是采取單一的顏色，并適當地在標簽被選中時改變顏色。此外，配色還要考慮電商網頁潛在用戶的感受，使電商網頁的配色能夠符合自身的設計風格。

8 ?手機網頁

雖然當前大部分電商都開發了專屬的手機APP，但電商網頁在手機上的網頁設計也不可忽視。通常在進行手機網頁的設計過程中，會采用將電商網頁按照手機的比例進行調整的方式來進行網頁設計，但這種方式卻無法保證網頁設計的合理性，因此電商有必要對相應的手機網頁進行重新設計，方便手機網頁用戶能夠更加便捷地進行操作。

9 ?結語

綜上所述，電商網頁界面設計效果離不開對基礎文字表達、Tad標簽、網頁導航、延展表單、logo、圖標、配色、手機網頁等設計元素的優化與合理選用，實現整體視覺設計效果的提升，能夠實現電商網頁的整體可操作性與舒適性，令用戶對電商網頁的使用體驗進一步提升。

參考文獻

[1] 馮浩煜.電商網頁界面視覺設計元素解析[J].科技視界，2018（1）：159-160.

[2] 董華君.手機App界面的視覺設計研究[J].藝術科技，2017，30（8）：291.

[3] 楊帆.視覺營銷下購物類網站頁面設計的研究[D].天津工業大學，2017.