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

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

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

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

4、的店鋪風(fēng)格，應(yīng)該是:_參考答案：有創(chuàng)意，專(zhuān)業(yè)，有( 技術(shù) ) 實(shí)力，有美感，有沖擊力1 / 4頁(yè)眉.2. 想到你的產(chǎn)品，可以聯(lián)想到的色彩是：_參考答案：熱情的紅色，幻想的天蘭色，聰明的金黃色3. 想到你的產(chǎn)品，可以聯(lián)想到的畫(huà)面是：_參考答案：一份早報(bào)，一輛法拉利跑車(chē)，人群擁擠的廣場(chǎng)，雜貨店4. 如果店鋪是一個(gè)人，他擁有的個(gè)性是：_參考答案：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的創(chuàng)業(yè)者5. 作為設(shè)計(jì)師，你希望你店鋪給人的印象是：_參考答案：敬業(yè)，認(rèn)真投入，有深度，負(fù)責(zé)，純真，直爽，淑女6. 用一種動(dòng)物來(lái)比喻，你的店鋪?zhàn)钕瘢篲參考答案：貓( 神秘高貴 ) ，鷹 ( 目光銳利 ) ，兔子 (

5、聰明敏感 ) ，獅子 ( 自信威信 )7. 瀏覽者覺(jué)得你和其他店鋪的不同是：_參考答案：可以信賴(lài)，信息最快，交流方便，8. 客戶(hù)和你店鋪UI 交流合作的感受是：_參考答案：穩(wěn)重，激情，魅惑，安全。第三，在明確自己的店鋪印象后，開(kāi)始努力建立和加強(qiáng)這種印象。經(jīng)過(guò)第二步印象的的 量化 后，你需要進(jìn)一步找出其中最有特色特點(diǎn)的東西，就是最能體現(xiàn)店鋪內(nèi)產(chǎn)品風(fēng)格的東西。 并以它作為店鋪的特色加以重點(diǎn)強(qiáng)化，宣傳。 例如： 審查店鋪標(biāo)準(zhǔn)色彩是否容易聯(lián)想到這種特色，是否能體現(xiàn)店鋪的產(chǎn)品性格等等。具體的做法，沒(méi)有定式。提供一些參考：1. 將你的標(biāo)志 logo, 盡可能的出現(xiàn)在每個(gè)頁(yè)面上?；蛘唔?yè)眉，或者頁(yè)腳，或則背景

6、。2. 突出你的標(biāo)準(zhǔn)色彩。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量使用與標(biāo)準(zhǔn)色彩一致的色彩。3. 突出你的標(biāo)準(zhǔn)字體。在關(guān)鍵的標(biāo)題，菜單，圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體。4. 想一條朗朗上口宣傳標(biāo)語(yǔ)。 把它做在你的 banner 里，或者放在醒目的位置， 告訴大家你的店鋪的特色是 .5. 使用統(tǒng)一的圖片處理效果。比如，陰影效果的方向，厚度，模糊度都必須一樣。6. 創(chuàng)造一個(gè)你的店鋪特有的符號(hào)或圖標(biāo)。比如在一句鏈接前的一個(gè)點(diǎn)， 雖然很簡(jiǎn)單的一個(gè)變2 / 4頁(yè)眉.化，卻給人與眾不同的感覺(jué)，( 為什么我沒(méi)有想到呢？)7. 用自己設(shè)計(jì)的花邊，線(xiàn)條，點(diǎn)風(fēng)格的形成不是一次定位的，需要在后期設(shè)計(jì)上不斷強(qiáng)化

7、，調(diào)整，修飾，延續(xù)，直到有一天，店長(zhǎng)告訴你： 有客戶(hù)和我說(shuō)，他喜歡你的店鋪，因?yàn)樗苡酗L(fēng)格！ 創(chuàng)意 (idea) 是設(shè)計(jì)生存的關(guān)鍵。這一點(diǎn)相信大家都已經(jīng)認(rèn)同。然而作為淘寶的頁(yè)面設(shè)計(jì)師，最苦惱的就是沒(méi)有好的創(chuàng)意來(lái)源。注意，這里說(shuō)的創(chuàng)意是指店鋪的整體設(shè)計(jì)創(chuàng)意，( 因?yàn)檫@個(gè)創(chuàng)意而產(chǎn)生這個(gè)站點(diǎn)，或者相同的內(nèi)容，推出的創(chuàng)意不同), 店鋪的平面設(shè)計(jì)創(chuàng)意我將在后面的版面布局竅門(mén)里介紹。創(chuàng)意到底是什么，如何產(chǎn)生創(chuàng)意呢？創(chuàng)意是引人入勝，精彩萬(wàn)分，出奇不意的；創(chuàng)意是捕捉出來(lái)的點(diǎn)子，是創(chuàng)作出來(lái)的奇招.這些講法都說(shuō)出了創(chuàng)意的一些特點(diǎn)，實(shí)質(zhì)上，創(chuàng)意是傳達(dá)信息的一種特別方式。創(chuàng)意并不是天才者的靈感，而是思考的結(jié)果。一般創(chuàng)

8、意思考的過(guò)程大致分五階段：1. 準(zhǔn)備期 - 研究所搜集的資料，根據(jù)舊經(jīng)驗(yàn)，啟發(fā)新創(chuàng)意；2. 孵化期 - 將資料咀嚼消化，使意識(shí)自由發(fā)展，任意結(jié)合；3. 啟示期 - 意識(shí)發(fā)展并結(jié)合，產(chǎn)生創(chuàng)意；4. 驗(yàn)證期 - 將產(chǎn)生的創(chuàng)意討論修正；5. 形成期 - 設(shè)計(jì)制作網(wǎng)頁(yè)，將創(chuàng)意具體化。創(chuàng)意是將現(xiàn)有的要素重新組合。比如，網(wǎng)絡(luò)與電話(huà)結(jié)合，產(chǎn)生IP 電話(huà)。從這一點(diǎn)上出發(fā)，任何人， 包括你和我， 都可以創(chuàng)造出不同凡響的創(chuàng)意。而且，資料越豐富， 越容易產(chǎn)生創(chuàng)意。就好比萬(wàn)花筒， 筒內(nèi)的玻璃片越多，所呈現(xiàn)的圖案越多。你如果有心可以發(fā)現(xiàn)，網(wǎng)絡(luò)上的最多的創(chuàng)意來(lái)自與現(xiàn)實(shí)生活的結(jié)合( 或者虛擬現(xiàn)實(shí) ) ，例如在線(xiàn)書(shū)店，電子社區(qū)，在線(xiàn)拍賣(mài)。你是否想到了一種更好的創(chuàng)意呢？創(chuàng)意思考的途徑最常用的是聯(lián)想，這里提供了店鋪設(shè)計(jì)創(chuàng)意的21種聯(lián)想線(xiàn)索：1. 把它顛倒2. 把它縮小3. 把顏色換一下 4.使它更長(zhǎng) 5. 使它傾斜6. 把它放進(jìn)底圖里 7.結(jié)合文字圖畫(huà)8. 使它成為年輕的 9. 使它重復(fù)10. 使它變成立體11. 分裂它12. 使它羅曼蒂克 13. 使它看起來(lái)