任何賣家都希望自己的網店裝修精美。精美的店看上去賞心悅目,可以激發買家的購買欲望,即便買家逛而不買,也許都會收藏下來,這無疑是有利的。那么,精美從哪里體現呢?
我從有啊店的裝修設計中體會到了一些心得,摘取重點與大家分享。
一、整體格調的把握。
有啊平臺是固定格式的,模塊基本是固定的。賣家只能在有啊店鋪分塊、色調中做文章。我很注重四大塊的設計組合。
1、店鋪門頭。我并沒有采用GIF格式的動畫圖片,因為一般的訪問者進店都會留意門頭,門頭無需刻意突出。動畫太多太閃會影響他們看店鋪公告欄目。所以,我采用了一種通透的具有空間感的靜態圖片設計,起到壓住整個店面的作用,將店鋪的名稱和主營項目表述清楚即可。
2、店鋪公告。這一模塊是發揮余地最大的空間,我把它留給了主要推薦的產品系列廣告設計。設計必須大氣醒目,做好相關產品的超鏈接。比如:最近的一次TOMMY內褲系列的主題廣告設計,品牌展現與產品分列結構清楚,讓瀏覽者產生閱讀延續欲望。最后的總系列超鏈接可以有效地引導訪問者進入“更多產品”頁面。
3、導航欄。導航是一個網站十分重要的模塊。導航欄目的設計考驗設計者的歸納和結構思維能力。我將導航欄目分別指向了所有的產品分列頁面,這樣有利于訪問者迅速找到他所需要的信息。這里仍要注意設計導航時大多數人容易忽略的問題--整體性。很多店面的導航欄非常混亂,什么都想去鏈接。最終訪問者看得眼花繚亂,放棄了使用這個導航功能。這就把訪問者關到了店鋪首頁,你想你的其他內容怎么展示呢?
4、產品頁面。這個模塊可是決定你的生意是否成交的關鍵了。由于文本框可上傳較多文字和圖片,因此,我就好好地利用這個文本框來做文章。我追求的設計原則是:“格式統一,設計連貫”。比如:最近的一組TOMMY新款系列,我改進了文本框的編排結構,將品牌文化、產品圖片展示、商品描述、尺寸表、購前必讀及其他相關信息流暢的展示出來。這樣能是訪問者一氣呵成地看完產品介紹。相信能大大地堅定他購買的決心。
補充一點:有關色調的協調性,大多數網店由于產品多,圖片多,很容易使頁面變得雜亂。這就需要有效利用色彩來統一這些圖片和文字信息。模板本身的自帶配套顏色系統也是可以加以利用,我的訣竅就是大量利用色塊的組合和搭配。由于****(略去店名)的標準色是紅色、藍色、灰色結合,我在店鋪裝修著色過程中就大量采用這三種色來調和整個頁面的色調。通俗講就是:用壓色圖。我的文字大多使用灰色或黑色,這是考慮到訪問者閱讀文字的時候,眼睛不會疲勞。有些店鋪在上傳大段文字介紹時使用紅色或其他亮色以起到突出作用。這種做法其實是非常不可取的。
二、細節的精益求精
店面設計就像唱戲,讓觀眾目不轉睛的看需要的是整體風格;但是,讓觀眾叫好則需要細節的精彩。我在圖片拍攝和圖標的設計上分別貫徹了這個原則。因為一個頁面最容易吸引人視線的就是圖片和精致的小圖標。(從QQ表情中小圖表情比大圖表情使用率更高這一點上可以證實)。
講到圖片,因為我們的所有產品圖片都是由公司的專業攝影師拍攝的,后期平面設計則有我來完成,所以有關“怎樣將圖片拍出大牌效果的討論”下次有機會再發表。這里主要是討論對于圖片的后期處理及排版的一些技巧。我除了將產品全景大圖上傳之外,還特別制作了一組展現產品特質的細節圖,為了美觀,特意使用統一的畫框將其框限,這樣,圖片不會在頁面產生外溢的現象。在圖片上統一處理品牌的標志和水印,又使得整體感增強,相信這些細節的處理大大提升了圖片的可讀性和買家對商品的信任感。
至于小圖標,這個是最體現設計理念的活啦,我采用了目前世界上最流行的水晶圖標和倒影方式,讓小小的圖標活躍起來,我依然放棄俗氣的gif動畫格式。很多時候,舞會中的交際花還不如默默坐在一旁的灰姑娘吸引人。提醒一下,將圖標的色調、造型納入一個風格中很重要,否則,你的店就會變成張飛開著摩托車在古羅馬城聽ipod的感覺。
最后補充一點,有啊平臺目前的店面模塊對設計店鋪的限制還是比較大的,但是大家要對有啊平臺有信心。