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