談杭派女裝品牌的網(wǎng)頁(yè)設(shè)計(jì)
前言：想要寫出一篇引人入勝的文章？我們特意為您整理了談杭派女裝品牌的網(wǎng)頁(yè)設(shè)計(jì)范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。
摘要:文章對(duì)當(dāng)季奢侈品、快時(shí)尚及杭派女裝三類服飾品牌網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)現(xiàn)狀進(jìn)行調(diào)研與圖片采集，利用眼動(dòng)實(shí)驗(yàn)，跟蹤分析視覺中心與眼動(dòng)軌跡，基于熱點(diǎn)圖與眼動(dòng)軌跡分析結(jié)果，歸納杭派女裝品牌網(wǎng)頁(yè)設(shè)計(jì)存在的問(wèn)題，通過(guò)與另外兩個(gè)組別的比對(duì)分析，分析設(shè)計(jì)方法與調(diào)整策略。
關(guān)鍵詞:品牌；網(wǎng)頁(yè)設(shè)計(jì)；眼動(dòng)軌跡；熱點(diǎn)分析
互聯(lián)網(wǎng)時(shí)代下，品牌服飾網(wǎng)站是品牌文化傳播的主要途徑之一，更是企業(yè)推廣宣傳的重要手段，其界面的視覺設(shè)計(jì)承載了受眾所需的時(shí)尚信息，其視覺效果的吸引力直接影響網(wǎng)站的瀏覽量與品牌銷量。網(wǎng)站頁(yè)面中，首頁(yè)是網(wǎng)站構(gòu)建中不可或缺的重要組成部分，能夠幫助消費(fèi)者加深對(duì)信息的理解，滿足受眾的審美需求，其對(duì)于時(shí)尚信息傳播尤為重要。
一、服飾品牌網(wǎng)頁(yè)設(shè)計(jì)
網(wǎng)站界面的概念是從傳統(tǒng)設(shè)計(jì)界面概念演化而來(lái)的，是指人與計(jì)算機(jī)之間以文字、色彩、圖像、符號(hào)、多媒體等為基本元素，以傳達(dá)特定信息，方便人機(jī)交流為目的信息交流界面。網(wǎng)頁(yè)設(shè)計(jì)作為一種新的媒體，是集藝術(shù)、功能、技術(shù)于一體的綜合設(shè)計(jì)，既有技術(shù)、功能的基本特征，又具有視覺形式的特征。一個(gè)網(wǎng)頁(yè)最基本分為三塊，導(dǎo)航欄(Nav)、頁(yè)頭（Header）、頁(yè)腳（Footer），而本文研究的網(wǎng)頁(yè)主要為服飾品牌網(wǎng)站首頁(yè)界面（Header）。
二、服飾品牌網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)實(shí)驗(yàn)
（一）研究范圍
挑選首頁(yè)作為研究對(duì)象，在于品牌首頁(yè)對(duì)瀏覽者瀏覽網(wǎng)站時(shí)起著先入為主的作用。瀏覽者對(duì)品牌網(wǎng)站的好感度較大程度取決于品牌首頁(yè)，如果門面設(shè)計(jì)不足夠吸引消費(fèi)者，就會(huì)大概率終止其進(jìn)一步了解與之相關(guān)鏈接的其他頁(yè)面的更多內(nèi)容，首頁(yè)代表著網(wǎng)站最精華的部分，它的設(shè)計(jì)尤為重要。
（二）實(shí)驗(yàn)對(duì)象選取
本實(shí)驗(yàn)一共隨機(jī)選取了100名被試者，其中包括男性43人，女性57人，職業(yè)包括學(xué)生、教師、保安、快遞人員等，年齡保持在18-52歲之間。所有被試者的視力或者矯正視力均屬于正常，不存有色弱、色盲等視力疾病問(wèn)題。
（三）品牌網(wǎng)站首頁(yè)樣本選取
本文將樣本的選取分為三類，分別是13個(gè)奢侈品官網(wǎng)，12個(gè)快時(shí)尚官網(wǎng)，11個(gè)杭派女裝官網(wǎng)。選取當(dāng)下最受歡迎的品牌作為實(shí)驗(yàn)樣本，樣本選擇均為2016年12月份的當(dāng)季最新首頁(yè)。
（四）實(shí)驗(yàn)設(shè)計(jì)流程
1.招募實(shí)驗(yàn)對(duì)象，使其了解實(shí)驗(yàn)的整體流程及實(shí)驗(yàn)的要求。2.指引實(shí)驗(yàn)者坐在距離儀器前0.5米的位置，固定好頭部位置，進(jìn)行單眼校對(duì)（Calibrate）。3.每10秒隨機(jī)切換圖片素材。當(dāng)一組瀏覽完之后，記錄并保存瀏覽數(shù)據(jù)，實(shí)驗(yàn)結(jié)束。4.眼動(dòng)實(shí)驗(yàn)結(jié)束，實(shí)驗(yàn)訪談法進(jìn)行實(shí)驗(yàn)訪談，對(duì)瀏覽樣本進(jìn)行提問(wèn)。
（五）設(shè)備、系統(tǒng)設(shè)定與數(shù)據(jù)處理選用眼動(dòng)儀設(shè)備
EYELINK1000，對(duì)圖片素材進(jìn)行處理，并排除有反光、構(gòu)圖不完整等可能產(chǎn)生干擾因素的圖片。眼動(dòng)儀數(shù)據(jù)由眼動(dòng)儀自動(dòng)記錄，實(shí)驗(yàn)完全結(jié)束后，用spss對(duì)數(shù)據(jù)進(jìn)行初步整理分析。
三、熱點(diǎn)與眼動(dòng)軌跡分析
（一）奢侈品品牌網(wǎng)站分析
通過(guò)分析發(fā)現(xiàn)奢侈品網(wǎng)站整體風(fēng)格偏向簡(jiǎn)約、前衛(wèi)，在網(wǎng)頁(yè)色彩視覺要素上通常使用中性色彩居多，色彩統(tǒng)一和諧，沒有明顯帶有營(yíng)銷性質(zhì)的色彩（如紅色等），以背景圖片來(lái)烘托界面的氣氛，網(wǎng)頁(yè)面品牌logo顯著，通常會(huì)有動(dòng)感效果，注重最新的當(dāng)季產(chǎn)品展示。通過(guò)熱點(diǎn)圖和軌跡圖分析，當(dāng)網(wǎng)站首頁(yè)無(wú)模特圖片，以產(chǎn)品圖和氛圍背景圖為首頁(yè)時(shí)，實(shí)驗(yàn)者關(guān)注度最高的是品牌產(chǎn)品展示及品牌LOGO，視線范圍比較集中，，而當(dāng)網(wǎng)頁(yè)首頁(yè)出現(xiàn)模特人像時(shí)，實(shí)驗(yàn)者的視線則主要集中在模特上，并且會(huì)出現(xiàn)看不到品牌產(chǎn)品的現(xiàn)象。Dior當(dāng)季的網(wǎng)站首頁(yè)，畫面中的美女模特手拿當(dāng)季最新款Dior產(chǎn)品，但通過(guò)眼動(dòng)軌跡圖和熱點(diǎn)圖看出，實(shí)驗(yàn)者的目光在模特的臉和身體集中，所以說(shuō)通過(guò)模特博眼球是一把雙刃劍，如果沒有辦法把模特吸引過(guò)來(lái)的關(guān)注又轉(zhuǎn)移到想要表達(dá)的關(guān)鍵信息上，則并無(wú)大意義。
（二）快時(shí)尚品牌網(wǎng)站分析
快時(shí)尚品牌網(wǎng)頁(yè)整體風(fēng)格極具主題性、色彩視覺上通常很豐富，多為營(yíng)銷系類色彩，喜歡使用大范圍紅色等亮麗色彩，以產(chǎn)生視覺刺激，網(wǎng)頁(yè)品牌logo顯著，在整體界面上一般很少突出外觀，頁(yè)面布局視覺設(shè)計(jì)以簡(jiǎn)潔實(shí)用性為主，一般使用加長(zhǎng)頁(yè)面設(shè)計(jì)，網(wǎng)頁(yè)視覺文字要素使用較多，多為價(jià)格、當(dāng)季活動(dòng)及促銷信息。通過(guò)熱點(diǎn)圖和眼動(dòng)軌跡圖分析，，快時(shí)尚品牌網(wǎng)頁(yè)，實(shí)驗(yàn)者視線受產(chǎn)品價(jià)格影響較大，當(dāng)網(wǎng)頁(yè)面有價(jià)格等折扣信息時(shí)，熱點(diǎn)聚焦最密集處通常在價(jià)格上，視覺軌跡都會(huì)圍繞折扣文字展開，最終回到價(jià)格文字。
（三）杭派女裝網(wǎng)站分析
通過(guò)對(duì)多個(gè)杭派女裝品牌網(wǎng)頁(yè)觀察得出，杭派女裝網(wǎng)頁(yè)整體風(fēng)格偏向本土、大眾，首頁(yè)在色彩視覺上，均使用明度不高的淡灰色系，部分網(wǎng)頁(yè)出現(xiàn)品牌LOGO不顯著和導(dǎo)航欄不清晰的問(wèn)題，整體界面不如奢侈品網(wǎng)站和快時(shí)尚網(wǎng)站豐富飽滿，在版式布局上極為簡(jiǎn)單，網(wǎng)頁(yè)主要以模特圖片展示為主。，通過(guò)熱點(diǎn)圖得知實(shí)驗(yàn)者的興趣區(qū)域主要為模特，眼動(dòng)軌跡圖看出實(shí)驗(yàn)者的視線關(guān)注點(diǎn)主要在模特身上最密集。即模特人臉比其他信息更奪人眼球。因此，品牌首頁(yè)以整幅主圖形式出現(xiàn)能夠更加集中瀏覽視線。
（四）比對(duì)分析
通過(guò)對(duì)三類別服飾品牌比對(duì)分析，
四、杭派女裝網(wǎng)頁(yè)設(shè)計(jì)的問(wèn)題與對(duì)策
（一）問(wèn)題
通過(guò)對(duì)杭派女裝網(wǎng)站的瀏覽，對(duì)數(shù)十位人士的訪談，總結(jié)出杭派女裝品牌網(wǎng)站界面普遍存在以下問(wèn)題。1.色彩運(yùn)用不和諧統(tǒng)一通過(guò)對(duì)比，奢侈品和快時(shí)尚品牌官網(wǎng)整體配色的協(xié)調(diào)性與風(fēng)格非常具有一致性，顏色飽和度高，而杭派女裝則顯得比較薄弱，網(wǎng)站色彩搭配不協(xié)調(diào)，缺乏統(tǒng)一性，過(guò)于明艷雜亂或過(guò)于單調(diào)暗淡，網(wǎng)頁(yè)用色沒有考慮到主題性和情感因素。2.不注重細(xì)節(jié)，版式設(shè)計(jì)不合理在網(wǎng)頁(yè)界面中，細(xì)節(jié)也較大程度上決定著整個(gè)網(wǎng)站的效果。秋水伊人當(dāng)季網(wǎng)頁(yè)，采訪多位人士都感覺首頁(yè)圖片效果不精致，且導(dǎo)航欄文字不易看清，頁(yè)面內(nèi)容沒有合理的視覺編排。，海貝網(wǎng)頁(yè)，導(dǎo)航欄在網(wǎng)頁(yè)的左下角，字體顏色與背景色對(duì)比不強(qiáng)烈，瀏覽者不易看清，難以起到引導(dǎo)瀏覽的作用。3.缺乏特色與設(shè)計(jì)感杭派女裝各網(wǎng)站大同小異，無(wú)品牌特色，原創(chuàng)性欠缺。
（二）解決對(duì)策
在網(wǎng)頁(yè)設(shè)計(jì)中，通過(guò)實(shí)驗(yàn)得出以下結(jié)論。
五、總結(jié)
首先，品牌如需突出當(dāng)季產(chǎn)品本身，應(yīng)少使用模特大片或減弱模特存在感。實(shí)驗(yàn)顯示，背景氛圍式或產(chǎn)品主頁(yè)面展示品牌產(chǎn)品時(shí)，視覺都會(huì)多停留在產(chǎn)品上，能起到良好的推廣效果。一般網(wǎng)頁(yè)色彩設(shè)計(jì)遵循和諧、均衡和重點(diǎn)突出的原則，將不同色彩組合搭配產(chǎn)生主色調(diào)和輔助色。以刺激銷售為目的時(shí)，網(wǎng)站頁(yè)面非常適合使用亮麗的色彩，和折扣文字進(jìn)行視覺刺激。不同視覺要素運(yùn)用適用于不同功能頁(yè)面，杭派女裝品牌應(yīng)在此基礎(chǔ)上，在網(wǎng)頁(yè)設(shè)計(jì)中從功能入手，明確自己網(wǎng)站定位方向，通過(guò)自身的品牌特色來(lái)設(shè)計(jì)網(wǎng)頁(yè)視覺效果，運(yùn)用協(xié)調(diào)的色彩搭配，合理劃分各板塊布局，突出當(dāng)季首頁(yè)重點(diǎn)，以用戶視覺體驗(yàn)為主，視覺沖擊力為輔進(jìn)行設(shè)計(jì)。相輔相成設(shè)計(jì)出適合品牌與線上商店的頁(yè)面。
參考文獻(xiàn)：
[1]李加怡.服飾時(shí)尚信息網(wǎng)站界面的視覺[D].上海：東華大學(xué)，2011.
[2]許海.網(wǎng)頁(yè)界面視覺設(shè)計(jì)藝術(shù)研究[D].長(zhǎng)沙：湖南師范大學(xué)，2007.
[3]黃易峰.網(wǎng)頁(yè)設(shè)計(jì)目前存在的問(wèn)題[J].寧波：寧波美術(shù)館，2011.
[4]曾宇靜，等.視線追蹤技術(shù)在網(wǎng)頁(yè)可用性評(píng)估中的應(yīng)用[J].人類工效學(xué)，2012，18（3）：83-86.
[5]栗覓，等.web頁(yè)面視覺搜索與瀏覽策略的眼動(dòng)研究[J].北京工業(yè)大學(xué)學(xué)報(bào)，2011（5）：773-779.
[6]徐美雅.淺談網(wǎng)站風(fēng)格設(shè)計(jì)的基本要求[J].天津：天津電大學(xué)報(bào)，2009，13（1）：59-62.
作者:沈李怡 劉麗嫻 陳如穎 單位:浙江理工大學(xué)國(guó)際教育學(xué)院