網(wǎng)頁界面設計與人們的生活和工作聯(lián)系密切。受互聯(lián)網(wǎng)技術的影響, 人們的審美需求和審美取向發(fā)生了轉變, 網(wǎng)頁界面設計風格朝著多樣化的方向發(fā)展。尤其在當前互聯(lián)網(wǎng)思維的影響下, 以用戶為主體成為了現(xiàn)階段網(wǎng)頁界面設計的主要理念, 為了滿足用戶的多元化設計需求, 網(wǎng)頁界面設計人員積極研發(fā)多樣化的設計風格。探索網(wǎng)頁界面設計風格的多樣化不僅能夠滿足人們對網(wǎng)頁界面的需求, 而且對網(wǎng)頁設計的優(yōu)化與發(fā)展有著直接的現(xiàn)實意義。
1 網(wǎng)頁界面設計概述
1.1 網(wǎng)頁界面設計的內(nèi)涵
網(wǎng)頁界面是用戶與網(wǎng)站的重要媒介, 用戶主要通過瀏覽網(wǎng)頁界面來了解網(wǎng)站。而用戶需求直接影響著網(wǎng)頁界面設計的發(fā)展。因此, 在當今信息時代, 為了滿足用戶的網(wǎng)頁界面需求, 網(wǎng)頁界面設計要涉及藝術學、心理學、人機工學、設計學等多個學科領域。網(wǎng)頁界面設計人員必須掌握基本的視覺要素和網(wǎng)頁界面設計技巧, 通過對用戶心理和用戶需求的了解, 將動畫、聲音、圖像等元素進行重組整合, 滿足用戶的網(wǎng)頁界面瀏覽需求。但是, 由于人們的審美情趣、年齡、信仰、行業(yè)、性格等因素的影響, 不同人群對網(wǎng)頁界面設計的需求也不盡相同。而為滿足社會公眾的多樣化網(wǎng)頁界面瀏覽需求, 網(wǎng)頁界面設計風格必須朝著多樣化方向發(fā)展。
1.2 網(wǎng)頁界面設計的元素
首先, 文字元素。文字元素是網(wǎng)頁界面的重要元素, 能夠直接向用戶傳遞信息。在網(wǎng)頁界面中使用文字元素需要遵循網(wǎng)頁界面設計文字使用的規(guī)律和特點。由于網(wǎng)頁界面設計與雜志、報紙等媒介不同, 網(wǎng)頁界面中的文字需要進行光柵化處理。并且, 網(wǎng)頁界面文字主要包括信息文字和海報圖形文字。信息文字必須根據(jù)網(wǎng)頁的性質(zhì)選擇合適的字體。例如, 在科技類網(wǎng)站, 往往采用黑體字來增強網(wǎng)頁的科技感。而海報圖形文字十分強調(diào)創(chuàng)意性, 要求將文字與圖形結合起來, 體現(xiàn)海報圖形的主旨。其次, 色彩元素。色彩元素的運用需要遵循網(wǎng)頁界面設計的規(guī)律, 由主色調(diào)和輔助色調(diào)組成。主色調(diào)能夠強化用戶對網(wǎng)頁界面的第一印象, 因此, 主色調(diào)要能夠直接反映網(wǎng)頁界面的主體。而輔助色調(diào)應在主色調(diào)的基礎上, 按照網(wǎng)站的特色進行搭配, 增強網(wǎng)頁界面的視覺刺激。再次, 圖形元素。網(wǎng)頁界面的圖形元素主要包括圖標、圖片、背景、底紋、色塊、線框等, 圖形元素的應用也要遵循網(wǎng)頁界面的設計規(guī)律。例如, 設計過程中, 圖片的格式要按照計算機圖像存儲與壓縮的方法進行。計算機圖片的編寫方式不同, 主要包括位圖和矢量圖這兩種, 矢量圖能夠任意放大和縮小, 而位圖由像素點組成, 對計算機的分辨率有著較高的要求。網(wǎng)頁界面中的圖形主要包括JPG、PNG、GIF這三種格式。最后, 網(wǎng)頁界面的版式。網(wǎng)頁界面的版式強調(diào)對比和統(tǒng)一、節(jié)奏和韻律、比例與濕度、對稱與均衡。具體來說, 網(wǎng)頁界面的版式主要有回字型、左右網(wǎng)格型、海報型、上下網(wǎng)格型、動態(tài)型等格式。
2 網(wǎng)頁界面設計風格多樣化的原因
2.1 流行設計風格的影響
在網(wǎng)頁設計的過程中, 大多數(shù)用戶喜歡流行設計風格, 而網(wǎng)頁界面設計主要目的是滿足用戶需求以獲得經(jīng)濟效益。因此, 網(wǎng)頁界面設計者要積極重視用戶的流行設計風格需求, 運用流行元素來設計網(wǎng)頁界面, 產(chǎn)生了很多流行性的網(wǎng)頁界面產(chǎn)品。并且, 流行設計風格的傳播性較強, 人們在接觸流行設計風格的網(wǎng)頁界面時會借助計算機技術向他人傳播自己認為較好的網(wǎng)頁界面, 進而促使其他用戶使用流行設計風格的網(wǎng)頁界面。
2.2 功能需求的影響
首先, 網(wǎng)站信息傳播對網(wǎng)頁界面設計的需求不同。網(wǎng)站信息傳播的關鍵是信息傳播的便捷性和信息的時效性。網(wǎng)頁界面設計人員為了讓用戶擁有良好的網(wǎng)頁界面使用體驗, 獲得用戶的認可, 積極采取多樣化的設計風格, 以滿足用戶對信息實效性的需求。另外, 不同類型的網(wǎng)站對網(wǎng)頁界面設計的需求也不盡相同。電商網(wǎng)站多采用艷麗的色彩來吸引消費者的注意, 政府網(wǎng)站多采用簡潔的風格, 游戲網(wǎng)站多采用動態(tài)風格。其次, 不同用戶的需求會影響網(wǎng)頁界面的多樣化風格。女性喜歡時尚、浪漫, 追求強烈的瀏覽體驗, 因而時尚網(wǎng)站和購物類網(wǎng)站的風格比較時尚、浪漫。兒童喜歡卡通形象和鮮艷的色彩, 因此, 兒童類網(wǎng)站多采用卡通風格。
2.3 其他因素影響
首先, 地域文化會影響到網(wǎng)頁界面設計的風格。不同地域文化形成了不同的民族文化特色。而在網(wǎng)頁界面設計的過程中, 很多設計人員都將地域文化符號引入網(wǎng)頁界面中, 以引起瀏覽者的情感認同。例如, 中國銀行的標志將古代錢幣文化運用在其中, 采用古代銅錢的外形, 并將“中”字容納其中, 具有濃厚的中國文化氣息。其次, 流行文化會影響到網(wǎng)頁界面的設計風格?，F(xiàn)代社會以“瘦”為美, 因此, 很多游戲網(wǎng)站在設計網(wǎng)頁界面時, 采用身材偏瘦、體型較好的人物形象, 以符合人們的審美。
3 網(wǎng)頁界面設計風格多樣化的表現(xiàn)
3.1 多樣化的視覺形式
在網(wǎng)頁界面瀏覽的過程中, 人們可以通過視覺直接感受網(wǎng)頁界面設計風格的多樣化。網(wǎng)頁界面的版式、動態(tài)效果和色彩都會影響到網(wǎng)頁界面的風格。其中, 網(wǎng)頁界面的色彩和網(wǎng)頁界面的形態(tài)是網(wǎng)頁界面設計風格最直接的元素。因此, 不同行業(yè)和領域的網(wǎng)站在設計網(wǎng)頁界面的過程中會根據(jù)行業(yè)和領域的特點選擇合適的色彩和形態(tài), 以滿足受眾需求。例如, 游戲網(wǎng)站通常采用可愛的造型和鮮艷的色彩以引起兒童的注意。軍事網(wǎng)站則采用黑色、棕色等色彩以及剛硬的字體來體現(xiàn)軍人剛強的精神。
3.2 多樣化的展示方式
網(wǎng)頁界面的展示方式主要有文字、聲音、視頻、圖形等。首先, 文字展示是網(wǎng)頁界面最主要的展示方式, 網(wǎng)頁界面的文字主要分為文字標志、主題、鏈接、正文信息這四種。文字標志的創(chuàng)意性較強, 蘊含了網(wǎng)站的主體。鏈接和題目字體較大, 且字體的色彩鮮明, 易引起人們的注意。正文的字體簡潔清晰, 方便用戶閱讀。其次, 圖形展示主要包括圖片和圖形。圖形展示能夠讓人們更加直觀地了解事物。但是, 圖形展示的過程中, 網(wǎng)頁界面設計者通常會采用模糊方法、卡通化等方式對圖形進行處理, 以提升圖形的應用效果。另外, 很多網(wǎng)頁界面設計者會在圖形中加入動感元素, 營造動感氛圍。再次, 聲音展示。聲音的音色、韻律、節(jié)奏等會引起人們的情感共鳴, 營造特殊的主題氛圍。很多網(wǎng)頁界面設計者會根據(jù)網(wǎng)站主題在網(wǎng)頁界面引入合適的音樂, 以提高網(wǎng)站的吸引力, 給人們帶來特殊的心靈感受。
3.3 多樣化的瀏覽方式
用戶在瀏覽網(wǎng)頁的過程中有多種瀏覽方式。以淘寶為例, 當消費者有購買目標, 明確知道自己想要買什么時, 可以直接搜索相關的商品進行瀏覽?；蛘? 消費者可以搜索相關店鋪進行瀏覽。而當消費者不了解自己想要什么時, 可以根據(jù)廣告推薦瀏覽產(chǎn)品。另外, 如果消費者想要節(jié)省資金, 可以瀏覽聚劃算、淘搶購、天天特價等欄目。除此之外, 用戶瀏覽終端多種多樣。用戶可以使用電腦、手機或筆記本瀏覽網(wǎng)頁, 還可以在手機APP上進行瀏覽。另外, 用戶還可以通過他人分享的網(wǎng)站地址進行瀏覽, 瀏覽方式多樣化。
4 網(wǎng)頁界面設計的具體風格
4.1 扁平化風格
扁平化設計風格強調(diào)去除冗余裝飾效果, 要求凸顯信息核心, 在設計元素上運用簡潔、符號化和抽象化的元素。扁平化設計要求突出網(wǎng)頁界面的功能, 減少其他功能對信息傳輸?shù)母蓴_。因此, 扁平化設計風格以簡潔、清晰為主要特點。并且, 在扁平化設計風格網(wǎng)頁界面設計中, 扁平化視覺元素的編排和選擇比較統(tǒng)一, 強調(diào)個性色彩、獨特網(wǎng)格版式和簡潔圖形的運用。但是, 扁平化設計也有一定的弊端, 長時間瀏覽會讓用戶產(chǎn)生視覺疲勞。另外, 拘束的組織形式和版面束縛了網(wǎng)頁界面設計人員的發(fā)揮空間。因此, 在扁平化設計風格中, 網(wǎng)頁界面設計人員應打破刻板的布局版式, 加入人文關懷, 增加網(wǎng)頁界面的質(zhì)感。
4.2 中國式風格
中國式風格的網(wǎng)頁界面是對中國傳統(tǒng)文化的傳承, 運用了較多中國元素。通常情況下, 網(wǎng)頁界面設計師會將對中國古典元素進行藝術設計, 增強中國古典元素的時尚氣息, 凸顯中國文化的特色。中國式風格的網(wǎng)頁界面主要運用在歷史文化網(wǎng)站、民族特色網(wǎng)站和傳統(tǒng)企業(yè)文化網(wǎng)站。并且, 中國風格的展現(xiàn)需要對中國元素進行提取和重組, 對設計師的文化素養(yǎng)和藝術修養(yǎng)有著較高的要求, 強調(diào)網(wǎng)頁界面設計時對中國元素精髓、色彩的把握, 營造濃郁的文化氛圍。通常情況下, 中國式風格網(wǎng)頁界面設計通常會融入中國文化符號、中國色彩、中國地理位置等, 向用戶展示中華優(yōu)秀傳統(tǒng)文化的藝術魅力。當然, 在中國式風格網(wǎng)頁界面中應避免對我國傳統(tǒng)元素的簡單堆積, 嚴禁粗制濫造的網(wǎng)頁界面設計。
4.3 視差風格
近年來, 視覺差異風格的網(wǎng)頁界面越來越多, 其新穎的展示方式給用戶帶來了全新的瀏覽體驗。但是, 現(xiàn)階段, 我國網(wǎng)頁界面設計對視差風格的運用還比較少。視差風格主要指網(wǎng)頁多層背景以不同的速度移動而產(chǎn)生的立體運動效果。例如, 超級瑪麗游戲便是運用人物、任務前景層和畫面背景的不同移動速度來實現(xiàn)立體效果。視差風格的網(wǎng)頁界面具有立體視覺效果、場景化呈現(xiàn)和靈活版面的特征, 在給用戶帶來立體化視覺體驗的同時, 為用戶展示真實的主題場景, 將用戶引入場景之中, 提升用戶的個人體驗。另外, 視差風格可以采用縱式版式和橫式版式來展示場景, 具有較強的趣味性。