網頁視覺設計風格研究

曾坤

摘 要：二十一世紀是信息爆炸的時代，隨著計算機和互聯網的普及，網頁成了信息傳遞的重要載體。網頁設計是平面設計的延伸與新的發展方向，網頁通過各種視覺元素引起人們的注意，然后將各類信息以最快捷有效的方式傳遞出去。網頁視覺設計的方法有很多，表現形式也是多種多樣，在設計的時候需要根據網站的類別和功能特征去選用合適的方法去進行設計表現。本文對宏觀的角度將常見的網站進行了分類，并分析總結出不同類型網站的視覺設計特征，希望能為網頁設計從業者提供一定的參考與借鑒意義。

關鍵詞：網站分類;網頁視覺設計風格;互聯網

中圖分類號：J05文獻標識碼：A文章編號：2096-0905（2020）06-00-02

互聯網技術的不斷發展讓人們的生活方式發生了翻天覆地的變化，我們可以足不出戶便知天下事，而且不受時間和地域的限制。2020年是不平凡的一年，由于很長一段時間學生不能返校上課，公司員工不能集中上班，便出現了“網上課堂”與“在線辦公”，這些都需要依賴互聯網才能實現，可以說互聯網讓我們的生活變得更加精彩，也給了我們更多的可能性。網站便是互聯網進行信息呈現與傳遞的重要載體，已經融入了人們的生活和工作中;網頁有多種設計風格，要研究網頁的視覺設計風格還得結合網站的類別而進行，因為不同行業的網頁設計風格是截然不同的，比如政務類的網站和購物類的網站在設計風格上就相差甚遠，不能用同一設計方法和形式去表現。常見網站從所屬行業大致可以分為企業網站、購物類網站、門戶網站、專題網站、游戲網站、產品類網站等。下面我們對不同類別網站的視覺設計風格進行分析研究。[1]

一、企業網站

企業網站是一個公司或企業對外的窗口，承載著企業的理念、愿景等重要信息，也是網頁設計師經常會做到的項目。如今大多數企業網站偏向簡約、正式的設計風格，多以“大圖少字”的形式呈現，也有會一些采用全屏式，甚至在首頁首屏加入一些視頻動效，這樣既能增強視覺張力也會顯得比較大氣。騰訊官網是比較典型的企業網站設計，非常注重設計感、強調行業屬性，其首頁采用了全屏式設計，背景是一段幾秒鐘的視頻動畫，內容非常具有科技感;網站的主色調為藍色，藍色具有沉穩、大氣、睿智、廣闊等特性，經常用于科技和互聯網行業，與騰訊的定位與調性非常相符，這體現了色彩對于主題表達的重要作用。騰訊官網的交互細節也做得非常好，比較注重用戶的體驗感，處處彰顯著企業對品質的追求，這也是大多數企業網站的共性。[2]

二、購物類網站

購物類網站是我們生活中常常會使用到的，比如淘寶、京東、唯品會等等。購物類網站的設計風格也有一些共性，比如“圖多字多”，因為它承載的商品信息太多了，所以空間的利用率比較高，區域模塊的劃分也比較細致合理。購物類的網站對功能性有較高的要求，通常必須具備如下功能：商品展示、搜索功能、網上支付、信息反饋等功能。購物類的網站在版式設計上多采用“刪格式”，其優點是可以讓這類圖文較多的網站呈現的有秩序，在視覺上有比較整齊的感覺。在二級頁面中“列表式”和“卡片式”用得也比較多，這兩種設計形式非常適合商品圖片和描述文字都較多的購物類網站，既能節省設計時間又方便展示。[3]

三、門戶網站

門戶網站是互聯網信息資源集合與綜合性服務平臺，比較有代表性的有搜狐網、新浪網和鳳凰網等。這一類型網站設計的共性是“內容多留白少”，與購物類網站有較多類似的地方，它們所展現的內容都比較多，但購物類網站的廣告圖或產品圖相對多一些，整體來說視覺元素以圖片為主文字為輔，而門戶網站的視覺元素一般以文字為主。如新浪網是典型的門戶網站，在網頁頁面中文字的占比較大，此類網站的導航欄類別比其他網站都要多，集中著大量不同類別的資訊。門戶網站的設計風格相對傳統，以實用性為主，所以在設計形式上不會過多的追求設計感和視覺沖擊力，而更加注重信息清晰有序的呈現。[4]

四、游戲網站

游戲類網頁設計是隨著游戲行業的蓬勃發展而產生的，相對其他網站而言比較特別，屬于娛樂類型的，且用戶主要偏向年輕群體，在視覺設計上會比較前衛一些，多以酷炫有質感的效果呈現。游戲世界是一個亦真亦幻的世界，而這些場景都可以通過原畫來繪制實現，此方法是游戲網站視覺設計的一種主要表現形式，但是想要有較好的原畫繪制能力是需要有較強的美術功底和長期的練習積累，門檻較高，這也是做游戲類設計的人比其他設計類別工資略高的一大原因。游戲類網頁設計還有一種常用的表現形式就是做舊和肌理感，模擬真實的材質，讓用戶有較強的帶入感。當然在進行游戲類網頁設計時還需要做到簡單易懂，操作流暢，要讓用戶體會到友好性，不需要有過多的學習成本。[5]

五、專題網站

專題類網站是以一個點、一個事件、一個主題來策劃一個頁面或者一個活動的網站頁面。生活中我們見的最多的要數電商類的專題網站了，以此為例，電商類平臺在運營中非常重視節日營銷，這些節日有傳統節日如“春節專題”“中秋專題”等，也有新興的一些電商節如“雙十一”“618”等，電商類的平臺在專題網站的視覺設計上是非常用心的，會有專門的團隊打造，比如近幾年的天貓“雙十一”的設計就越來越驚艷了。無論是哪個節日主題，在進行專題頁網站設計的時候主題性是要重點突出的，而且畫面相對要比較熱鬧，色彩豐富，因為電商類主題頁的本質就是一個特殊的營銷廣告，從網頁的界面設計中要讓用戶感覺到節日的氣氛。比如做“年貨節”的時候通常會選擇紅色為主色調，在圖形的選擇上多會選擇傳統的、吉祥的圖案。當然在做專題頁設計時不能直接照搬或元素堆砌，這樣不免有些俗套，還需要網頁設計師進行提取再創作，避免千篇一律。現在專題頁網站常用的表現形式還有色彩漸變、輕質感、C4D立體效果等等。總的來說，專題頁網站的視覺設計核心在于要挖掘節日特點與文化內涵而展開設計。

六、產品類網站

產品類網站以展示產品為主，目的是讓瀏覽者或消費者清晰的了解產品的功能與屬性，通常會以產品圖為主，而且對產品圖的質量要求非常高，這些圖片主要是產品細節圖、整體展示、應用場景、代言人等。當然，在產品類網站中文字也是不可缺少的，它多以輔助信息出現，當用戶想要進一步了解產品信息的時候就需要通過文字獲取了，文字相較于圖片而言能更加準確的傳遞信息，所以在產品類網站中兩者都是不可缺少的。產品類網站非常注重版式和設計感，在版式布局上多采用“版心式”和“全屏式”，現在主流的屏幕分辨率是1920*1080像素，版心通常會做到1200像素;“全屏式”效果比較的炫，信息大多會折疊隱藏，并配合面包屑導航使用，且非常注重交互效果，對鼠標經過、點擊等操作都會給出響應，體驗感非常好。當然，此類型的網站在視覺設計和開發的過程中對技術的要求也比較高。

七、分析總結

通過以上對各類網站的視覺設計風格研究分析可以總結得出——網站設計不能一概而論，也沒有絕對的好與壞，只有合適不合適，因為網站可以細分為很多類型，網頁設計的風格也有很多，不同類型的網站它的功能性是不一樣的，使用人群和用戶訴求也都不一樣，在進行網頁設計的時候要根據網站的類型和需求選擇合適的表現形式，像門戶網站就不適合用極簡主義風格，不適合大量留白，而這種風格在產品類網站中卻是適用的，所以作為網頁設計師、必須要掌握多種網頁設計方法和表現形式。

在進行網頁視覺設計的時候要遵守以下三個原則：一是，設計與定位要匹配;比如政務類網站比較適合傳統、正式、嚴謹的設計形式去表現;電商類網站可以用扁平化，簡約的形式去表現;游戲類網站可以使用插畫、原畫、擬物化的形式去表現等等。最好能做到主題明確，符合行業屬性，信息表達清晰精簡，讓用戶能輕松地接收信息。二是，要注重交互設計和用戶體驗;對用戶的操作要有良性的反饋，無論在設計的任何階段，都要堅持“以用戶為中心”。三是，要注重視覺美觀性;人對美好的事物往往會更加有好感，就像包裝設計一樣，設計精良的包裝會更受消費者青睞，且能增加產品的附加值，網頁設計也是一樣，在滿足功能性與可用性的前提下，要追求網頁設計的視覺效果，比如好的版式設計、精美的配色、流暢的交互，都會增強用戶在瀏覽網頁時的體驗感。現在對網頁設計師提出了更高的要求，網頁設計師在進行網頁設計的時候也需考慮到交互設計和用戶體驗，因為網頁設計不僅僅只是要好看，更重要的是有用與好用，從優先級來說有用與好用一定是要擺在好看前面的，這也是網頁設計的新趨勢。

參考文獻：

[1]盧思聰.游戲類網頁設計的視覺表現形式研究[D].中南民族大學，2013.

[2]蔣昊朋.新媒體環境下網頁設計發展趨勢分析[J].赤峰學院學報（自然科學版），2017，33（04）：15-17.

[3]陳昱甫，陳穎祺，舒葉.網頁設計中的頁面布局之分析[J].工業設計，2018（12）：79-80.

[4]張璇.談網頁設計中的視覺設計[J].傳播力研究，2019，3（33）：170.

[5]韓炘利.視覺引導在網頁設計中的應用研究[D].青島理工大學，2018.