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