網(wǎng)頁界面設(shè)計(jì)與人們的生活和工作聯(lián)系密切。受互聯(lián)網(wǎng)技術(shù)的影響, 人們的審美需求和審美取向發(fā)生了轉(zhuǎn)變, 網(wǎng)頁界面設(shè)計(jì)風(fēng)格朝著多樣化的方向發(fā)展。尤其在當(dāng)前互聯(lián)網(wǎng)思維的影響下, 以用戶為主體成為了現(xiàn)階段網(wǎng)頁界面設(shè)計(jì)的主要理念, 為了滿足用戶的多元化設(shè)計(jì)需求, 網(wǎng)頁界面設(shè)計(jì)人員積極研發(fā)多樣化的設(shè)計(jì)風(fēng)格。探索網(wǎng)頁界面設(shè)計(jì)風(fēng)格的多樣化不僅能夠滿足人們對網(wǎng)頁界面的需求, 而且對網(wǎng)頁設(shè)計(jì)的優(yōu)化與發(fā)展有著直接的現(xiàn)實(shí)意義。

1 網(wǎng)頁界面設(shè)計(jì)概述

1.1 網(wǎng)頁界面設(shè)計(jì)的內(nèi)涵

網(wǎng)頁界面是用戶與網(wǎng)站的重要媒介, 用戶主要通過瀏覽網(wǎng)頁界面來了解網(wǎng)站。而用戶需求直接影響著網(wǎng)頁界面設(shè)計(jì)的發(fā)展。因此, 在當(dāng)今信息時代, 為了滿足用戶的網(wǎng)頁界面需求, 網(wǎng)頁界面設(shè)計(jì)要涉及藝術(shù)學(xué)、心理學(xué)、人機(jī)工學(xué)、設(shè)計(jì)學(xué)等多個學(xué)科領(lǐng)域。網(wǎng)頁界面設(shè)計(jì)人員必須掌握基本的視覺要素和網(wǎng)頁界面設(shè)計(jì)技巧, 通過對用戶心理和用戶需求的了解, 將動畫、聲音、圖像等元素進(jìn)行重組整合, 滿足用戶的網(wǎng)頁界面瀏覽需求。但是, 由于人們的審美情趣、年齡、信仰、行業(yè)、性格等因素的影響, 不同人群對網(wǎng)頁界面設(shè)計(jì)的需求也不盡相同。而為滿足社會公眾的多樣化網(wǎng)頁界面瀏覽需求, 網(wǎng)頁界面設(shè)計(jì)風(fēng)格必須朝著多樣化方向發(fā)展。

1.2 網(wǎng)頁界面設(shè)計(jì)的元素

首先, 文字元素。文字元素是網(wǎng)頁界面的重要元素, 能夠直接向用戶傳遞信息。在網(wǎng)頁界面中使用文字元素需要遵循網(wǎng)頁界面設(shè)計(jì)文字使用的規(guī)律和特點(diǎn)。由于網(wǎng)頁界面設(shè)計(jì)與雜志、報紙等媒介不同, 網(wǎng)頁界面中的文字需要進(jìn)行光柵化處理。并且, 網(wǎng)頁界面文字主要包括信息文字和海報圖形文字。信息文字必須根據(jù)網(wǎng)頁的性質(zhì)選擇合適的字體。例如, 在科技類網(wǎng)站, 往往采用黑體字來增強(qiáng)網(wǎng)頁的科技感。而海報圖形文字十分強(qiáng)調(diào)創(chuàng)意性, 要求將文字與圖形結(jié)合起來, 體現(xiàn)海報圖形的主旨。其次, 色彩元素。色彩元素的運(yùn)用需要遵循網(wǎng)頁界面設(shè)計(jì)的規(guī)律, 由主色調(diào)和輔助色調(diào)組成。主色調(diào)能夠強(qiáng)化用戶對網(wǎng)頁界面的第一印象, 因此, 主色調(diào)要能夠直接反映網(wǎng)頁界面的主體。而輔助色調(diào)應(yīng)在主色調(diào)的基礎(chǔ)上, 按照網(wǎng)站的特色進(jìn)行搭配, 增強(qiáng)網(wǎng)頁界面的視覺刺激。再次, 圖形元素。網(wǎng)頁界面的圖形元素主要包括圖標(biāo)、圖片、背景、底紋、色塊、線框等, 圖形元素的應(yīng)用也要遵循網(wǎng)頁界面的設(shè)計(jì)規(guī)律。例如, 設(shè)計(jì)過程中, 圖片的格式要按照計(jì)算機(jī)圖像存儲與壓縮的方法進(jìn)行。計(jì)算機(jī)圖片的編寫方式不同, 主要包括位圖和矢量圖這兩種, 矢量圖能夠任意放大和縮小, 而位圖由像素點(diǎn)組成, 對計(jì)算機(jī)的分辨率有著較高的要求。網(wǎng)頁界面中的圖形主要包括JPG、PNG、GIF這三種格式。最后, 網(wǎng)頁界面的版式。網(wǎng)頁界面的版式強(qiáng)調(diào)對比和統(tǒng)一、節(jié)奏和韻律、比例與濕度、對稱與均衡。具體來說, 網(wǎng)頁界面的版式主要有回字型、左右網(wǎng)格型、海報型、上下網(wǎng)格型、動態(tài)型等格式。

2 網(wǎng)頁界面設(shè)計(jì)風(fēng)格多樣化的原因

2.1 流行設(shè)計(jì)風(fēng)格的影響

在網(wǎng)頁設(shè)計(jì)的過程中, 大多數(shù)用戶喜歡流行設(shè)計(jì)風(fēng)格, 而網(wǎng)頁界面設(shè)計(jì)主要目的是滿足用戶需求以獲得經(jīng)濟(jì)效益。因此, 網(wǎng)頁界面設(shè)計(jì)者要積極重視用戶的流行設(shè)計(jì)風(fēng)格需求, 運(yùn)用流行元素來設(shè)計(jì)網(wǎng)頁界面, 產(chǎn)生了很多流行性的網(wǎng)頁界面產(chǎn)品。并且, 流行設(shè)計(jì)風(fēng)格的傳播性較強(qiáng), 人們在接觸流行設(shè)計(jì)風(fēng)格的網(wǎng)頁界面時會借助計(jì)算機(jī)技術(shù)向他人傳播自己認(rèn)為較好的網(wǎng)頁界面, 進(jìn)而促使其他用戶使用流行設(shè)計(jì)風(fēng)格的網(wǎng)頁界面。

2.2 功能需求的影響

首先, 網(wǎng)站信息傳播對網(wǎng)頁界面設(shè)計(jì)的需求不同。網(wǎng)站信息傳播的關(guān)鍵是信息傳播的便捷性和信息的時效性。網(wǎng)頁界面設(shè)計(jì)人員為了讓用戶擁有良好的網(wǎng)頁界面使用體驗(yàn), 獲得用戶的認(rèn)可, 積極采取多樣化的設(shè)計(jì)風(fēng)格, 以滿足用戶對信息實(shí)效性的需求。另外, 不同類型的網(wǎng)站對網(wǎng)頁界面設(shè)計(jì)的需求也不盡相同。電商網(wǎng)站多采用艷麗的色彩來吸引消費(fèi)者的注意, 政府網(wǎng)站多采用簡潔的風(fēng)格, 游戲網(wǎng)站多采用動態(tài)風(fēng)格。其次, 不同用戶的需求會影響網(wǎng)頁界面的多樣化風(fēng)格。女性喜歡時尚、浪漫, 追求強(qiáng)烈的瀏覽體驗(yàn), 因而時尚網(wǎng)站和購物類網(wǎng)站的風(fēng)格比較時尚、浪漫。兒童喜歡卡通形象和鮮艷的色彩, 因此, 兒童類網(wǎng)站多采用卡通風(fēng)格。

2.3 其他因素影響

首先, 地域文化會影響到網(wǎng)頁界面設(shè)計(jì)的風(fēng)格。不同地域文化形成了不同的民族文化特色。而在網(wǎng)頁界面設(shè)計(jì)的過程中, 很多設(shè)計(jì)人員都將地域文化符號引入網(wǎng)頁界面中, 以引起瀏覽者的情感認(rèn)同。例如, 中國銀行的標(biāo)志將古代錢幣文化運(yùn)用在其中, 采用古代銅錢的外形, 并將“中”字容納其中, 具有濃厚的中國文化氣息。其次, 流行文化會影響到網(wǎng)頁界面的設(shè)計(jì)風(fēng)格。現(xiàn)代社會以“瘦”為美, 因此, 很多游戲網(wǎng)站在設(shè)計(jì)網(wǎng)頁界面時, 采用身材偏瘦、體型較好的人物形象, 以符合人們的審美。

3 網(wǎng)頁界面設(shè)計(jì)風(fēng)格多樣化的表現(xiàn)

3.1 多樣化的視覺形式

在網(wǎng)頁界面瀏覽的過程中, 人們可以通過視覺直接感受網(wǎng)頁界面設(shè)計(jì)風(fēng)格的多樣化。網(wǎng)頁界面的版式、動態(tài)效果和色彩都會影響到網(wǎng)頁界面的風(fēng)格。其中, 網(wǎng)頁界面的色彩和網(wǎng)頁界面的形態(tài)是網(wǎng)頁界面設(shè)計(jì)風(fēng)格最直接的元素。因此, 不同行業(yè)和領(lǐng)域的網(wǎng)站在設(shè)計(jì)網(wǎng)頁界面的過程中會根據(jù)行業(yè)和領(lǐng)域的特點(diǎn)選擇合適的色彩和形態(tài), 以滿足受眾需求。例如, 游戲網(wǎng)站通常采用可愛的造型和鮮艷的色彩以引起兒童的注意。軍事網(wǎng)站則采用黑色、棕色等色彩以及剛硬的字體來體現(xiàn)軍人剛強(qiáng)的精神。

3.2 多樣化的展示方式

網(wǎng)頁界面的展示方式主要有文字、聲音、視頻、圖形等。首先, 文字展示是網(wǎng)頁界面最主要的展示方式, 網(wǎng)頁界面的文字主要分為文字標(biāo)志、主題、鏈接、正文信息這四種。文字標(biāo)志的創(chuàng)意性較強(qiáng), 蘊(yùn)含了網(wǎng)站的主體。鏈接和題目字體較大, 且字體的色彩鮮明, 易引起人們的注意。正文的字體簡潔清晰, 方便用戶閱讀。其次, 圖形展示主要包括圖片和圖形。圖形展示能夠讓人們更加直觀地了解事物。但是, 圖形展示的過程中, 網(wǎng)頁界面設(shè)計(jì)者通常會采用模糊方法、卡通化等方式對圖形進(jìn)行處理, 以提升圖形的應(yīng)用效果。另外, 很多網(wǎng)頁界面設(shè)計(jì)者會在圖形中加入動感元素, 營造動感氛圍。再次, 聲音展示。聲音的音色、韻律、節(jié)奏等會引起人們的情感共鳴, 營造特殊的主題氛圍。很多網(wǎng)頁界面設(shè)計(jì)者會根據(jù)網(wǎng)站主題在網(wǎng)頁界面引入合適的音樂, 以提高網(wǎng)站的吸引力, 給人們帶來特殊的心靈感受。

3.3 多樣化的瀏覽方式

用戶在瀏覽網(wǎng)頁的過程中有多種瀏覽方式。以淘寶為例, 當(dāng)消費(fèi)者有購買目標(biāo), 明確知道自己想要買什么時, 可以直接搜索相關(guān)的商品進(jìn)行瀏覽。或者, 消費(fèi)者可以搜索相關(guān)店鋪進(jìn)行瀏覽。而當(dāng)消費(fèi)者不了解自己想要什么時, 可以根據(jù)廣告推薦瀏覽產(chǎn)品。另外, 如果消費(fèi)者想要節(jié)省資金, 可以瀏覽聚劃算、淘搶購、天天特價等欄目。除此之外, 用戶瀏覽終端多種多樣。用戶可以使用電腦、手機(jī)或筆記本瀏覽網(wǎng)頁, 還可以在手機(jī)APP上進(jìn)行瀏覽。另外, 用戶還可以通過他人分享的網(wǎng)站地址進(jìn)行瀏覽, 瀏覽方式多樣化。

4 網(wǎng)頁界面設(shè)計(jì)的具體風(fēng)格

4.1 扁平化風(fēng)格

扁平化設(shè)計(jì)風(fēng)格強(qiáng)調(diào)去除冗余裝飾效果, 要求凸顯信息核心, 在設(shè)計(jì)元素上運(yùn)用簡潔、符號化和抽象化的元素。扁平化設(shè)計(jì)要求突出網(wǎng)頁界面的功能, 減少其他功能對信息傳輸?shù)母蓴_。因此, 扁平化設(shè)計(jì)風(fēng)格以簡潔、清晰為主要特點(diǎn)。并且, 在扁平化設(shè)計(jì)風(fēng)格網(wǎng)頁界面設(shè)計(jì)中, 扁平化視覺元素的編排和選擇比較統(tǒng)一, 強(qiáng)調(diào)個性色彩、獨(dú)特網(wǎng)格版式和簡潔圖形的運(yùn)用。但是, 扁平化設(shè)計(jì)也有一定的弊端, 長時間瀏覽會讓用戶產(chǎn)生視覺疲勞。另外, 拘束的組織形式和版面束縛了網(wǎng)頁界面設(shè)計(jì)人員的發(fā)揮空間。因此, 在扁平化設(shè)計(jì)風(fēng)格中, 網(wǎng)頁界面設(shè)計(jì)人員應(yīng)打破刻板的布局版式, 加入人文關(guān)懷, 增加網(wǎng)頁界面的質(zhì)感。

4.2 中國式風(fēng)格

中國式風(fēng)格的網(wǎng)頁界面是對中國傳統(tǒng)文化的傳承, 運(yùn)用了較多中國元素。通常情況下, 網(wǎng)頁界面設(shè)計(jì)師會將對中國古典元素進(jìn)行藝術(shù)設(shè)計(jì), 增強(qiáng)中國古典元素的時尚氣息, 凸顯中國文化的特色。中國式風(fēng)格的網(wǎng)頁界面主要運(yùn)用在歷史文化網(wǎng)站、民族特色網(wǎng)站和傳統(tǒng)企業(yè)文化網(wǎng)站。并且, 中國風(fēng)格的展現(xiàn)需要對中國元素進(jìn)行提取和重組, 對設(shè)計(jì)師的文化素養(yǎng)和藝術(shù)修養(yǎng)有著較高的要求, 強(qiáng)調(diào)網(wǎng)頁界面設(shè)計(jì)時對中國元素精髓、色彩的把握, 營造濃郁的文化氛圍。通常情況下, 中國式風(fēng)格網(wǎng)頁界面設(shè)計(jì)通常會融入中國文化符號、中國色彩、中國地理位置等, 向用戶展示中華優(yōu)秀傳統(tǒng)文化的藝術(shù)魅力。當(dāng)然, 在中國式風(fēng)格網(wǎng)頁界面中應(yīng)避免對我國傳統(tǒng)元素的簡單堆積, 嚴(yán)禁粗制濫造的網(wǎng)頁界面設(shè)計(jì)。

4.3 視差風(fēng)格

近年來, 視覺差異風(fēng)格的網(wǎng)頁界面越來越多, 其新穎的展示方式給用戶帶來了全新的瀏覽體驗(yàn)。但是, 現(xiàn)階段, 我國網(wǎng)頁界面設(shè)計(jì)對視差風(fēng)格的運(yùn)用還比較少。視差風(fēng)格主要指網(wǎng)頁多層背景以不同的速度移動而產(chǎn)生的立體運(yùn)動效果。例如, 超級瑪麗游戲便是運(yùn)用人物、任務(wù)前景層和畫面背景的不同移動速度來實(shí)現(xiàn)立體效果。視差風(fēng)格的網(wǎng)頁界面具有立體視覺效果、場景化呈現(xiàn)和靈活版面的特征, 在給用戶帶來立體化視覺體驗(yàn)的同時, 為用戶展示真實(shí)的主題場景, 將用戶引入場景之中, 提升用戶的個人體驗(yàn)。另外, 視差風(fēng)格可以采用縱式版式和橫式版式來展示場景, 具有較強(qiáng)的趣味性。

當(dāng)前名稱：公司網(wǎng)站制作網(wǎng)頁界面設(shè)計(jì)風(fēng)格的多樣化
網(wǎng)站地址：http://m.rwnh.cn/news39/43789.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)、網(wǎng)站制作等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)