DIV CSS 佈局教程網

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