2012-10-17 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(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)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(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)品等直接吸引用戶。如:全場(chǎng)五折起惠、全場(chǎng)包郵,年度底價(jià)大促,國(guó)慶大促,秋夕聚惠全場(chǎng)三折,假期風(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ù)這些素材搭建一些場(chǎng)景,營(yíng)造身臨其境的感覺】
3.立刻行動(dòng)緊迫型: 文案中增加行動(dòng)詞,傳達(dá)給用戶行動(dòng)信息,增加與用戶的互動(dòng)感。如:國(guó)慶瘋搶48小時(shí)、搶一元機(jī)票、搶福袋,迎瘋搶節(jié)、情人節(jié),就要敢秀等
【這類型文案行動(dòng)詞為主要,建議突出放大這些字,增加倒計(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à)格的常見擺放樣式(如圖)
常見的小常識(shí):
1、內(nèi)容區(qū)域的顏色與專題整體、BANNER元素要相結(jié)合設(shè)計(jì)(如圖)
2、突出價(jià)格與折扣顏色,弱化不重要的信息顏色,價(jià)格寫法需統(tǒng)一
3、建議不盲目添加表示重點(diǎn)的標(biāo)簽、指示按鈕,正正可能會(huì)得負(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://m.sillybuy.com