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

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

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

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

4、創(chuàng)意，專業(yè)，有(技術(shù))實(shí)力，有美感，有沖擊力2.想到你的產(chǎn)品，可以聯(lián)想到的顏色是：_參考答案：熱忱的紅色，幻想的天蘭色，聰慧的金黃色3.想到你的產(chǎn)品，可以聯(lián)想到的畫面是：_參考答案：一份早報(bào)，一輛法拉利跑車，人群擁擠的廣場，雜貨店4.假如店鋪是一個(gè)人，他擁有的共性是：_參考答案：思想成熟的中年人，狂野奔放的牛仔，自信忠厚的創(chuàng)業(yè)者5.作為設(shè)計(jì)師，你期望你店鋪給人的印象是：_參考答案：敬業(yè)，認(rèn)真投入，有深度，負(fù)責(zé)，純真，直爽，淑女6.用一種動(dòng)物來比方，你的店鋪?zhàn)钕瘢篲參考答案：貓(奇特貴重)，鷹(目光鋒利)，兔子(聰慧敏感)，獅子(自信威信)7.掃瞄者覺得你和其他店鋪的不同是：_參考答案：可以信任

5、，信息最快，溝通便利，8.客戶和你店鋪UI溝通合作的感受是：_參考答案：穩(wěn)重，激情，魅惑，平安。第三，在明確自己的店鋪印象后，開頭努力建立和加強(qiáng)這種印象。經(jīng)過其次步印象的的"量化"后，你需要進(jìn)一步找出其中最有特色特點(diǎn)的東西，就是最能體現(xiàn)店鋪內(nèi)產(chǎn)品風(fēng)格的東西。并以它作為店鋪的特色加以重點(diǎn)強(qiáng)化，宣揚(yáng)。例如：審查店鋪標(biāo)準(zhǔn)顏色是否簡潔聯(lián)想到這種特色，是否能體現(xiàn)店鋪的產(chǎn)品性格等等。具體的做法，沒有定式。供應(yīng)一些參考：1.將你的標(biāo)志logo,盡可能的消滅在每個(gè)頁面上?；蛘唔撁?，或者頁腳，或則背景。2.突出你的標(biāo)準(zhǔn)顏色。文字的鏈接顏色，圖片的主顏色，背景色，邊框等顏色盡量使用與標(biāo)準(zhǔn)顏色全

6、都的顏色。3.突出你的標(biāo)準(zhǔn)字體。在關(guān)鍵的標(biāo)題，菜單，圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體。4.想一條朗朗上口宣揚(yáng)標(biāo)語。把它做在你的banner里，或者放在醒目的位置，告知大家你的店鋪的特色是.5.使用統(tǒng)一的圖片處理效果。比如，陰影效果的方向，厚度，模糊度都必需一樣。6.制造一個(gè)你的店鋪特有的符號(hào)或圖標(biāo)。比如在一句鏈接前的一個(gè)點(diǎn)，雖然很簡潔的一個(gè)變化，卻給人與眾不同的感覺，(為什么我沒有想到呢？)7.用自己設(shè)計(jì)的花邊，線條，點(diǎn)風(fēng)格的形成不是一次定位的，需要在后期設(shè)計(jì)上不斷強(qiáng)化，調(diào)整，修飾，連續(xù)，直到有一天，店長告知你："有客戶和我說，他寵愛你的店鋪，由于它很有風(fēng)格！" 創(chuàng)意(idea)是

7、設(shè)計(jì)生存的關(guān)鍵。這一點(diǎn)信任大家都已經(jīng)認(rèn)同。然而作為淘寶的頁面設(shè)計(jì)師，最苦惱的就是沒有好的創(chuàng)意來源。留意，這里說的創(chuàng)意是指店鋪的整體設(shè)計(jì)創(chuàng)意，(由于這個(gè)創(chuàng)意而產(chǎn)生這個(gè)站點(diǎn)，或者相同的內(nèi)容，推出的創(chuàng)意不同),店鋪的平面設(shè)計(jì)創(chuàng)意我將在后面的版面布局竅門里介紹。創(chuàng)意到底是什么，如何產(chǎn)生創(chuàng)意呢？創(chuàng)意是引人入勝，精彩萬分，格外不意的；創(chuàng)意是捕獲出來的點(diǎn)子，是創(chuàng)作出來的奇招.這些講法都說出了創(chuàng)意的一些特點(diǎn)，實(shí)質(zhì)上，創(chuàng)意是傳達(dá)信息的一種特殊方式。創(chuàng)意并不是天才者的靈感，而是思考的結(jié)果。一般創(chuàng)意思考的過程大致分五階段：1.預(yù)備期-爭辯所搜集的資料，依據(jù)舊閱歷，啟發(fā)新創(chuàng)意；2.孵化期-將資料咀嚼消化，使意識(shí)自由進(jìn)

8、展，任意結(jié)合；3.啟示期-意識(shí)進(jìn)展并結(jié)合，產(chǎn)生創(chuàng)意；4.驗(yàn)證期-將產(chǎn)生的創(chuàng)意爭辯修正；5.形成期-設(shè)計(jì)制作網(wǎng)頁，將創(chuàng)意具體化。創(chuàng)意是將現(xiàn)有的要素重新組合。比如，網(wǎng)絡(luò)與電話結(jié)合，產(chǎn)生IP電話。從這一點(diǎn)上動(dòng)身，任何人，包括你和我，都可以制造出不同凡響的創(chuàng)意。而且，資料越豐富，越簡潔產(chǎn)生創(chuàng)意。就好比萬花筒，筒內(nèi)的玻璃片越多，所呈現(xiàn)的圖案越多。你假如有心可以發(fā)覺，網(wǎng)絡(luò)上的最多的創(chuàng)意來自與現(xiàn)實(shí)生活的結(jié)合(或者虛擬現(xiàn)實(shí))，例如在線書店，電子社區(qū)，在線拍賣。你是否想到了一種更好的創(chuàng)意呢？創(chuàng)意思考的途徑最常用的是聯(lián)想，這里供應(yīng)了店鋪設(shè)計(jì)創(chuàng)意的21種聯(lián)想線索：1.把它顛倒 2.把它縮小 3.把顏色換一下 4.使它更長5.使它傾斜 6.把它放進(jìn)底圖里 7.結(jié)合文字