淘寶店鋪的整體風(fēng)格及其創(chuàng)意設(shè)計

1、網(wǎng)店的整體風(fēng)格及其創(chuàng)意設(shè)計網(wǎng)店的整體風(fēng)格及其創(chuàng)意設(shè)計是美工最希望掌握，也是最難以學(xué)習(xí)的。難就難在沒有一個固定的程式 可以參照和模仿。給你一個主題，任何兩人都不可能設(shè)計出完全一樣的網(wǎng)店。當(dāng)我們說：”這個首頁很c001， 很有個性！”那么，是什么讓你覺得很c001呢？它到底和其他店鋪有什么區(qū)別呢？風(fēng)格是什么，如何樹立網(wǎng)站風(fēng)格？創(chuàng)意是什么，如何產(chǎn)生創(chuàng)意？風(fēng)格（style）是抽象的。是指網(wǎng)店的整體形象給瀏覽者的綜合感受。這個整體形象包括站點的CI （標(biāo)志，色彩，字體，標(biāo)語），版面布局，瀏覽方式，交互 性，文字，語氣，內(nèi)容價值，存在意義，站點榮譽等等諸多因素。舉個例子：我們覺得食品 店鋪是活色生香的，兒

2、童產(chǎn)品店鋪是生動活潑的，電子產(chǎn)品是專業(yè)嚴(yán)肅的。這些都是店鋪給 人們留下的不同感受。風(fēng)格是獨特的，是店鋪區(qū)別與其他店鋪的地方。或者色彩，或者技術(shù)，或者是交互方 式，能讓瀏覽者明確分辨出這是你的網(wǎng)店獨有的，最理想的設(shè)計風(fēng)格定位是即使你只看到其 中一頁，也可以分辨出是哪個網(wǎng)站的。風(fēng)格是有人性的。通過首頁與子頁面的排版，內(nèi)容，文字，交流可以概括出一個店鋪的個性， 情緒。是溫文儒雅，是執(zhí)著熱情，是活潑易變，是放任不羈。象詩詞中的豪放派和婉約派， 你可以用人的性格來比喻自己店鋪。有風(fēng)格的店鋪與普通店鋪的區(qū)別在于:普通店鋪你看到的只是堆砌在一起的產(chǎn)品信息和促銷 信息，你只能用理性的感受來描述，比如信息量大小

3、，瀏覽速度快慢。但你瀏覽過有風(fēng)格的 網(wǎng)店后你能有更深一層的感性認(rèn)識，比如店鋪有品位，有品質(zhì)保證，值得購買?？戳艘陨厦枋?，對風(fēng)格應(yīng)該能有一定的了解。其實風(fēng)格就是一句話：與眾不同！如何樹立店鋪風(fēng)格呢？我們可以分這樣幾個步驟：第一，確信風(fēng)格是建立在有價值內(nèi)容之上的。一個有風(fēng)格而沒有內(nèi)容，就好比繡花枕頭一包 草，好比一個性格傲慢但卻目不識丁的人。追求設(shè)計風(fēng)格的前提是首先必須保證內(nèi)容的質(zhì)量 和價值性。這是最基本的，無須置疑。第二，你需要徹底搞清楚自己希望店鋪內(nèi)產(chǎn)品的受眾人群，需要給人的印象是什么?？梢詮?這幾方面來理清思路：如果只用一句話來描述你的店鋪風(fēng)格，應(yīng)該是:參考答案：有創(chuàng)意，專業(yè)，有（技術(shù)）實力

4、，有美感，有沖擊力想到你的產(chǎn)品，可以聯(lián)想到的色彩是：參考答案：熱情的紅色，幻想的天蘭色，聰明的金黃色想到你的產(chǎn)品，可以聯(lián)想到的畫面是：參考答案：一份早報，一輛法拉利跑車，人群擁擠的廣場，雜貨店如果店鋪是一個人，他擁有的個性是：參考答案：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的創(chuàng)業(yè)者作為設(shè)計師，你希望你店鋪給人的印象是：參考答案：敬業(yè)，認(rèn)真投入，有深度，負(fù)責(zé)，純真，直爽，淑女用一種動物來比喻，你的店鋪最像：參考答案：貓（神秘高貴），鷹（目光銳利），兔子（聰明敏感），獅子（自信威信）瀏覽者覺得你和其他店鋪的不同是：參考答案：可以信賴，信息最快，交流方便，客戶和你店鋪UI交流合作的感受是：參考答

5、案：穩(wěn)重，激情，魅惑，安全。第三，在明確自己的店鋪印象后，開始努力建立和加強這種印象。經(jīng)過第二步印象的的量化”后，你需要進(jìn)一步找出其中最有特色特點的東西，就是最能體現(xiàn) 店鋪內(nèi)產(chǎn)品風(fēng)格的東西。并以它作為店鋪的特色加以重點強化，宣傳。例如：審查店鋪標(biāo)準(zhǔn) 色彩是否容易聯(lián)想到這種特色，是否能體現(xiàn)店鋪的產(chǎn)品性格等等。具體的做法，沒有定式。 提供一些參考：將你的標(biāo)志logo,盡可能的出現(xiàn)在每個頁面上。或者頁眉，或者頁腳，或則背景。突出你的標(biāo)準(zhǔn)色彩。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量使用 與標(biāo)準(zhǔn)色彩一致的色彩。突出你的標(biāo)準(zhǔn)字體。在關(guān)鍵的標(biāo)題，菜單，圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體。想一條朗朗上口宣

6、傳標(biāo)語。把它做在你的banner里，或者放在醒目的位置，告訴大家你 的店鋪的特色是.使用統(tǒng)一的圖片處理效果。比如，陰影效果的方向，厚度，模糊度都必須一樣。創(chuàng)造一個你的店鋪特有的符號或圖標(biāo)。比如在一句鏈接前的一個點，雖然很簡單的一個變 化，卻給人與眾不同的感覺，（為什么我沒有想到呢？）用自己設(shè)計的花邊，線條，點風(fēng)格的形成不是一次定位的，需要在后期設(shè)計上不斷強化，調(diào)整，修飾，延續(xù)，直到有一天， 店長告訴你：”有客戶和我說，他喜歡你的店鋪，因為它很有風(fēng)格！”創(chuàng)意（idea）是設(shè)計生存的關(guān)鍵。這一點相信大家都已經(jīng)認(rèn)同。然而作為淘寶的頁面設(shè)計 師，最苦惱的就是沒有好的創(chuàng)意來源。注意，這里說的創(chuàng)意是指店鋪

7、的整體設(shè)計創(chuàng)意，（因為這個創(chuàng)意而產(chǎn)生這個站點，或者相同 的內(nèi)容，推出的創(chuàng)意不同），店鋪的平面設(shè)計創(chuàng)意我將在后面的版面布局竅門里介紹。創(chuàng)意到底是什么，如何產(chǎn)生創(chuàng)意呢？創(chuàng)意是引人入勝，精彩萬分，出奇不意的；創(chuàng)意是捕捉出來的點子，是創(chuàng)作出來的奇招. 這些講法都說出了創(chuàng)意的一些特點，實質(zhì)上，創(chuàng)意是傳達(dá)信息的一種特別方式。創(chuàng)意并不是天才者的靈感，而是思考的結(jié)果。一般創(chuàng)意思考的過程大致分五階段：準(zhǔn)備期-研究所搜集的資料，根據(jù)舊經(jīng)驗，啟發(fā)新創(chuàng)意；孵化期-將資料咀嚼消化，使意識自由發(fā)展，任意結(jié)合；啟示期-意識發(fā)展并結(jié)合，產(chǎn)生創(chuàng)意；驗證期-將產(chǎn)生的創(chuàng)意討論修正；形成期-設(shè)計制作網(wǎng)頁，將創(chuàng)意具體化。創(chuàng)意是將現(xiàn)有的要素重新組合。比如，網(wǎng)絡(luò)與電話結(jié)合，產(chǎn)生IP電話。從這一點上出發(fā)， 任何人，包括你和我，都可以創(chuàng)造出不同凡響的創(chuàng)意。而且，資料越豐富，越容易產(chǎn)生創(chuàng)意。 就好比萬花筒，筒內(nèi)的玻璃片越多，所呈現(xiàn)的圖案越多。你如果有心可以發(fā)現(xiàn)，網(wǎng)絡(luò)上的最 多的創(chuàng)意來自與現(xiàn)實生活的結(jié)合（或者虛擬現(xiàn)實），例如在線書店，電子社區(qū)，在線拍賣。你 是否想到了一種更好的創(chuàng)意呢？創(chuàng)意思考的途徑最常用的是聯(lián)想，這里提供了店鋪設(shè)計創(chuàng)意的21種聯(lián)想線索：1.把它顛倒2.把它縮小3.把顏色換一下4.使它更長5.使它傾斜6.把它放進(jìn)底圖