2012-10-17 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( yvirxh.cn )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來源： http://ued.baidu.com/?p=3452
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
一到節(jié)日前夕，各類電商開始摩拳擦掌，設(shè)計(jì)節(jié)日類大促專題也成了在電商網(wǎng)站當(dāng)設(shè)計(jì)師的必備工作，往往時(shí)間給的倉促，最多二三天而已，那么怎樣在有限的時(shí)間找到感覺設(shè)計(jì)出不出錯(cuò)的專題呢。
電商專題的特點(diǎn)：主題氛圍強(qiáng)烈，文案、整體顏色吸引用戶眼球，正確引導(dǎo)用戶購買，商品擺放邏輯清晰，優(yōu)惠信息明顯
先從文案找靈感
往往我們應(yīng)該是先知道文案在開始設(shè)計(jì)專題，先從文案找些小靈感吧
節(jié)日期間文案類型分三大類：
1.直接表明優(yōu)惠型： 用優(yōu)惠信息直接當(dāng)做專題主標(biāo)題，以優(yōu)惠信息、獎(jiǎng)品等直接吸引用戶。如：全場五折起惠、全場包郵，年度底價(jià)大促，國慶大促，秋夕聚惠全場三折，假期風(fēng)暴，買XXX送XXX、天天有特價(jià)等
【這類型的文案剛拿到有些無從下手，翻譯一下這些文案，編輯們的用意就是想突出優(yōu)惠主體，建議結(jié)合節(jié)日特點(diǎn)+放大折扣或獎(jiǎng)品信息，擺放熱點(diǎn)促銷物品、節(jié)日素材來襯托文案】
2.攻略排行引導(dǎo)型： 迎合用戶需求、做成攻略或者排行榜形式。如：十月放假美麗出行單品大攻略，十一出游必備物品TOP10大揭秘，圣誕夜美裝秀，情人節(jié)大變身，十一休假美容、旅行，嗨森生活，假期我的出游STYLE，夏綻放鎮(zhèn)店之寶，一封送給媽媽的信等
【文案本身主題鮮明，建議直接找出文案中關(guān)鍵詞部分，放大這些關(guān)鍵詞，配合一些相應(yīng)的節(jié)日素材，文案主題素材，根據(jù)這些素材搭建一些場景，營造身臨其境的感覺】
3.立刻行動緊迫型： 文案中增加行動詞，傳達(dá)給用戶行動信息，增加與用戶的互動感。如：國慶瘋搶48小時(shí)、搶一元機(jī)票、搶福袋，迎瘋搶節(jié)、情人節(jié)，就要敢秀等
【這類型文案行動詞為主要，建議突出放大這些字，增加倒計(jì)時(shí)時(shí)間素材】
節(jié)日代表色和相關(guān)素材來幫忙
根據(jù)文案確認(rèn)好專題大致方向后就要開始決定用色和尋找素材啦，以下是總結(jié)出的一些節(jié)日代表色和相關(guān)素材
常見的專題頭圖結(jié)構(gòu)
找到靈感和主要用色和素材后就要開始著手開始搭建專題啦。頭圖是用戶見到這個(gè)專題的第一印象，也是反映整個(gè)專題的重點(diǎn)位置，下面是經(jīng)?？梢砸姷降膬蓚€(gè)頭圖構(gòu)圖的兩種形式。
1． 平分（文字與圖在BANNER中占據(jù)同等地位）
2． 文案是重點(diǎn)（文字在中間，圖為輔助）（如圖）
專題中間內(nèi)容成關(guān)鍵
一個(gè)專題的成功取決于內(nèi)容，物品價(jià)格、折扣信息、物品的圖片選擇都有可能改變用戶的購買意愿。
一些物品與價(jià)格的常見擺放樣式（如圖）
常見的小常識：
1、內(nèi)容區(qū)域的顏色與專題整體、BANNER元素要相結(jié)合設(shè)計(jì)（如圖）
2、突出價(jià)格與折扣顏色，弱化不重要的信息顏色，價(jià)格寫法需統(tǒng)一 
3、建議不盲目添加表示重點(diǎn)的標(biāo)簽、指示按鈕，正正可能會得負(fù)，標(biāo)簽盡量不要遮擋物品 
4、如果內(nèi)容為散亂擺放，那么一定要文字與物品做一些相應(yīng)的提示，避免用戶混淆 
5、如果屬于表格形式的物品擺放，盡量避免多種按鈕、文字顏色、字體的出現(xiàn)
首尾呼應(yīng)，有頭有尾
雖然要快速搭建專題，但尾部也要保證與頭部和整體做到首尾呼應(yīng)
推薦網(wǎng)站：
字體：http://www.fonts2u.com/index.html
http://www.losttype.com/browse/ 背景：http://subtlepatterns.com/
http://wallbase.cc/toplist 欣賞：http://www.gdweb.co.kr/
http://cargocollective.com/ivantejero#Te-vas-a-quedar-helado-Offline-campaign
http://www.awwwards.com/
http://littlebigdetails.com/
藍(lán)藍(lán)設(shè)計(jì)的小編 http://yvirxh.cn