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