電子商務(wù)網(wǎng)站設(shè)計(jì)分析(2)

來源:站酷 作者:尛沫尛沫 學(xué)習(xí):8368人次

3.視覺焦點(diǎn)要顯眼

大多數(shù)用戶的瀏覽習(xí)慣是走馬觀花式的,以如今國內(nèi)電商網(wǎng)站普遍的布局來看,用戶在第一屏中的視覺焦點(diǎn)基本上以Banner和導(dǎo)航為主。因此,其中所表現(xiàn)的無論是文字還是大圖,都應(yīng)該讓用戶一眼看清內(nèi)容,減少其思考時(shí)間。設(shè)計(jì)師在設(shè)計(jì)時(shí)可以用“去色”的方法來檢驗(yàn)實(shí)際效果。

去色前:

電子商務(wù)網(wǎng)站設(shè)計(jì)分析

 

去色后:

電子商務(wù)網(wǎng)站設(shè)計(jì)分析

 

易迅首屏算是個(gè)反面教材。首屏原圖會(huì)令人覺得太過繁復(fù),所以視覺焦點(diǎn)自然會(huì)分散開來。

通過去色前后的對(duì)比圖我們可以發(fā)現(xiàn),去色后,導(dǎo)航上的文字內(nèi)容會(huì)變得不夠清晰,因此我們可以得出,色彩是鎖定用戶視覺焦點(diǎn)的主要問題。

去色前:

電子商務(wù)網(wǎng)站設(shè)計(jì)分析

 

去色后:

電子商務(wù)網(wǎng)站設(shè)計(jì)分析

 

唯品會(huì)首屏去色后的效果就截然不同了。去色后,Banner上的內(nèi)容仍然可以很容易的辨認(rèn)出來,文字和背景都很清晰。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
舞動(dòng)時(shí)代金堂副會(huì)長陽光定格美麗2019-03-28 08:05
必須支持
王宗光呀2019-03-28 06:55
加油
木年瑾昔@2018-09-21 10:54
喜歡
冬日正暖2018-01-17 01:41
感謝分享
破魔大帝2017-05-29 02:51
感謝分享
破魔大帝2017-05-29 02:51
感謝分享
我眺望世界的北2017-05-28 12:19
嘗試著模仿,細(xì)節(jié)好難把握
我眺望世界的北2017-05-28 12:19
嘗試著模仿,細(xì)節(jié)好難把握

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!