淘寶集市店和商城店在首頁裝修上有一點小區(qū)別就是集市店頁頭那里有個獨立的店鋪logo展示區(qū)域,會對頁頭的設(shè)計產(chǎn)生一定影響。不過這篇文章并不探討具體的設(shè)計,這里討論的是整個設(shè)計規(guī)劃和設(shè)計方法。
我把店鋪首頁分成4個需要設(shè)計的部分(除去這四塊,其他根據(jù)產(chǎn)品類目的不同各有區(qū)分,這里不談)。
1.頁頭導(dǎo)航
2.活動主題
3.主推產(chǎn)品
4.產(chǎn)品分類
由于是整個首頁的設(shè)計,所以一開始就需要一個設(shè)計規(guī)劃。規(guī)劃內(nèi)容一個是店鋪風(fēng)格,一個是信息設(shè)計。
原先淘寶店鋪的設(shè)計就是一個店鋪的設(shè)計,現(xiàn)在的設(shè)計要求已經(jīng)提升到了品牌化,品牌就應(yīng)該有一個品牌的樣子。店鋪設(shè)計的重點就是產(chǎn)品陳列的一個設(shè)計,但是引入品牌的概念之后,就需要加入更多品牌的元素。
品牌設(shè)計里的VI基本要素系統(tǒng)主要包括:企業(yè)名稱、企業(yè)標(biāo)志、標(biāo)準(zhǔn)字、標(biāo)準(zhǔn)色、象征圖案、宣傳口語、市場行銷報告書等。
其在店鋪里的應(yīng)用我們可以來分析下:
1.店鋪的LOGO和名稱肯定是有的,不需要我們重新設(shè)計。
2.標(biāo)準(zhǔn)字即便已經(jīng)是名牌也未必有,我們在店鋪設(shè)計里需要做的就是統(tǒng)一字體的應(yīng)用,不能出現(xiàn)各種各樣的字體,字體選擇要少而精,這里包括里中文字體和英文字體。
3.標(biāo)準(zhǔn)色也是沒有的,我們首先要參考logo的色彩,其次是區(qū)分競爭對手的顏色選擇,還要參考行業(yè)和產(chǎn)品的色彩特征,綜合之,一般情況下我們需要三個顏色,一個是基礎(chǔ)色,一個是輔助色,還一個是突出色。實際運用中當(dāng)然不可能只用三個顏色,這三個顏色是作為基準(zhǔn)色存在的,不管店鋪怎么改版,這三個顏色都還在,這樣才能保證店鋪設(shè)計的統(tǒng)一及連貫。具體到產(chǎn)品,例如女裝女鞋,用的顏色很多很雜,但是在某些不容易改動的位置圖片上我們使用的色彩必須是這幾個基準(zhǔn)色。
4.象征圖案也可以說是輔助圖形,怎樣才能讓消費者在見不到你店鋪logo的情況下知道你是誰,消費者從搜索直接進入你的商品詳情頁她能知道你是誰么?象征圖案的設(shè)計意義就在這里,它是和標(biāo)準(zhǔn)色組合使用的,一個店鋪不能只靠logo來識別,其他還需要識別的地方就要靠標(biāo)準(zhǔn)色和象征圖案來完成。
5.宣傳口語往往就是一句話,它可以是品牌的一個定位,也可以是品牌的風(fēng)格描述,也可以一句情感化的廣告語。在理想情況下,店鋪的設(shè)計應(yīng)該圍繞這句宣傳口語來進行,這是很難的但也是最重要的,這里強調(diào)文案功底和設(shè)計功底,一般的店鋪都沒法做到這個層次。
店鋪風(fēng)格設(shè)定完成后我們開始進行信息設(shè)計。
信息設(shè)計指的是設(shè)計頁面的哪一部分放什么產(chǎn)品什么文案什么內(nèi)容。之所以把信息設(shè)計放到前面是因為這是核心,設(shè)計的本質(zhì)是把信息視覺化,方便信息的傳播,自然信息本身是至關(guān)重要的。
運營和美工間最應(yīng)該協(xié)調(diào)的部分就是信息設(shè)計,導(dǎo)航里面要放什么內(nèi)容,活動主題是什么要放什么文案文案的主次,主推產(chǎn)品有哪些,它們之間的推介順序應(yīng)該是什么樣的,產(chǎn)品分類里面應(yīng)該放多少個產(chǎn)品是否需要主次順序等等,只有這些都商量好了,后面的設(shè)計才能更順利地進行,否則后面對設(shè)計稿的改動次數(shù)會更多。這里對美工的運營思維要求比較高,我們來看下需要做哪些協(xié)調(diào)工作。
1.導(dǎo)航塊
總共需要幾個導(dǎo)航分類內(nèi)容,是否需要放品牌文案,是否需要著重表現(xiàn)收藏店鋪,是否需要放活動內(nèi)容等等。
2.活動主題
主題內(nèi)容是什么,文案的主次順序,是否有需要重點展示的產(chǎn)品等等。
3.主推產(chǎn)品
主推產(chǎn)品有哪些,它們有怎樣的區(qū)別和定位,它們的推介順序是什么樣的,它們的核心賣點是什么,是否需要突出價格和折扣等等。
4.產(chǎn)品分類
店鋪產(chǎn)品總共有幾大分類,頁面從上至下的擺放順序是什么樣的,每個分類模塊里面放幾個產(chǎn)品,產(chǎn)品是否需要主次區(qū)分,是用方格矩陣還是更靈活的展示方式,單個產(chǎn)品是否需要突出展示價格或折扣等等。
這個時候不著急出設(shè)計稿,而是需要一張信息圖表,把各個模塊的信息設(shè)計完成后再開始做設(shè)計稿才是更合理和高效的設(shè)計。