公司網(wǎng)站制作網(wǎng)頁界面設(shè)計(jì)風(fēng)格的多樣化

發(fā)布：2019-03-12 21:13:51 瀏覽：5553

網(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)格的多樣化不僅能夠滿足人們對(duì)網(wǎng)頁界面的需求,而且對(duì)網(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)今信息時(shí)代,為了滿足用戶的網(wǎng)頁界面需求,網(wǎng)頁界面設(shè)計(jì)要涉及藝術(shù)學(xué)、心理學(xué)、人機(jī)工學(xué)、設(shè)計(jì)學(xué)等多個(gè)學(xué)科領(lǐng)域。網(wǎng)頁界面設(shè)計(jì)人員必須掌握基本的視覺要素和網(wǎng)頁界面設(shè)計(jì)技巧,通過對(duì)用戶心理和用戶需求的了解,將動(dòng)畫、聲音、圖像等元素進(jìn)行重組整合,滿足用戶的網(wǎng)頁界面瀏覽需求。但是,由于人們的審美情趣、年齡、信仰、行業(yè)、性格等因素的影響,不同人群對(duì)網(wǎng)頁界面設(shè)計(jì)的需求也不盡相同。而為滿足社會(huì)公眾的多樣化網(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ì)與雜志、報(bào)紙等媒介不同,網(wǎng)頁界面中的文字需要進(jìn)行光柵化處理。并且,網(wǎng)頁界面文字主要包括信息文字和海報(bào)圖形文字。信息文字必須根據(jù)網(wǎng)頁的性質(zhì)選擇合適的字體。例如,在科技類網(wǎng)站,往往采用黑體字來增強(qiáng)網(wǎng)頁的科技感。而海報(bào)圖形文字十分強(qiáng)調(diào)創(chuàng)意性,要求將文字與圖形結(jié)合起來,體現(xiàn)海報(bào)圖形的主旨。其次,色彩元素。色彩元素的運(yùn)用需要遵循網(wǎng)頁界面設(shè)計(jì)的規(guī)律,由主色調(diào)和輔助色調(diào)組成。主色調(diào)能夠強(qiáng)化用戶對(duì)網(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ī)圖像存儲(chǔ)與壓縮的方法進(jìn)行。計(jì)算機(jī)圖片的編寫方式不同,主要包括位圖和矢量圖這兩種,矢量圖能夠任意放大和縮小,而位圖由像素點(diǎn)組成,對(duì)計(jì)算機(jī)的分辨率有著較高的要求。網(wǎng)頁界面中的圖形主要包括JPG、PNG、GIF這三種格式。最后,網(wǎng)頁界面的版式。網(wǎng)頁界面的版式強(qiáng)調(diào)對(duì)比和統(tǒng)一、節(jié)奏和韻律、比例與濕度、對(duì)稱與均衡。具體來說,網(wǎng)頁界面的版式主要有回字型、左右網(wǎng)格型、海報(bào)型、上下網(wǎng)格型、動(dò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),人們?cè)诮佑|流行設(shè)計(jì)風(fēng)格的網(wǎng)頁界面時(shí)會(huì)借助計(jì)算機(jī)技術(shù)向他人傳播自己認(rèn)為較好的網(wǎng)頁界面,進(jìn)而促使其他用戶使用流行設(shè)計(jì)風(fēng)格的網(wǎng)頁界面。

2.2功能需求的影響

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

2.3其他因素影響

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

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

3.1多樣化的視覺形式

在網(wǎng)頁界面瀏覽的過程中,人們可以通過視覺直接感受網(wǎng)頁界面設(shè)計(jì)風(fēng)格的多樣化。網(wǎng)頁界面的版式、動(dòng)態(tài)效果和色彩都會(huì)影響到網(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)頁界面的過程中會(huì)根據(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)站的主體。鏈接和題目字體較大,且字體的色彩鮮明,易引起人們的注意。正文的字體簡(jiǎn)潔清晰,方便用戶閱讀。其次,圖形展示主要包括圖片和圖形。圖形展示能夠讓人們更加直觀地了解事物。但是,圖形展示的過程中,網(wǎng)頁界面設(shè)計(jì)者通常會(huì)采用模糊方法、卡通化等方式對(duì)圖形進(jìn)行處理,以提升圖形的應(yīng)用效果。另外,很多網(wǎng)頁界面設(shè)計(jì)者會(huì)在圖形中加入動(dòng)感元素,營(yíng)造動(dòng)感氛圍。再次,聲音展示。聲音的音色、韻律、節(jié)奏等會(huì)引起人們的情感共鳴,營(yíng)造特殊的主題氛圍。很多網(wǎng)頁界面設(shè)計(jì)者會(huì)根據(jù)網(wǎng)站主題在網(wǎng)頁界面引入合適的音樂,以提高網(wǎng)站的吸引力,給人們帶來特殊的心靈感受。

3.3多樣化的瀏覽方式

用戶在瀏覽網(wǎng)頁的過程中有多種瀏覽方式。以淘寶為例,當(dāng)消費(fèi)者有購買目標(biāo),明確知道自己想要買什么時(shí),可以直接搜索相關(guān)的商品進(jìn)行瀏覽?；蛘?消費(fèi)者可以搜索相關(guān)店鋪進(jìn)行瀏覽。而當(dāng)消費(fèi)者不了解自己想要什么時(shí),可以根據(jù)廣告推薦瀏覽產(chǎn)品。另外,如果消費(fèi)者想要節(jié)省資金,可以瀏覽聚劃算、淘搶購、天天特價(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)用簡(jiǎn)潔、符號(hào)化和抽象化的元素。扁平化設(shè)計(jì)要求突出網(wǎng)頁界面的功能,減少其他功能對(duì)信息傳輸?shù)母蓴_。因此,扁平化設(shè)計(jì)風(fēng)格以簡(jiǎn)潔、清晰為主要特點(diǎn)。并且,在扁平化設(shè)計(jì)風(fēng)格網(wǎng)頁界面設(shè)計(jì)中,扁平化視覺元素的編排和選擇比較統(tǒng)一,強(qiáng)調(diào)個(gè)性色彩、獨(dú)特網(wǎng)格版式和簡(jiǎn)潔圖形的運(yùn)用。但是,扁平化設(shè)計(jì)也有一定的弊端,長(zhǎng)時(shí)間瀏覽會(huì)讓用戶產(chǎn)生視覺疲勞。另外,拘束的組織形式和版面束縛了網(wǎng)頁界面設(shè)計(jì)人員的發(fā)揮空間。因此,在扁平化設(shè)計(jì)風(fēng)格中,網(wǎng)頁界面設(shè)計(jì)人員應(yīng)打破刻板的布局版式,加入人文關(guān)懷,增加網(wǎng)頁界面的質(zhì)感。

4.2中國(guó)式風(fēng)格

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

4.3視差風(fēng)格

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