當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>淘寶美工>教程內(nèi)容

電子商務網(wǎng)站設計分析(2)

來源:站酷 作者:尛沫尛沫 學習:8368人次

3.視覺焦點要顯眼

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

去色前:

電子商務網(wǎng)站設計分析

 

去色后:

電子商務網(wǎng)站設計分析

 

易迅首屏算是個反面教材。首屏原圖會令人覺得太過繁復,所以視覺焦點自然會分散開來。

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

去色前:

電子商務網(wǎng)站設計分析

 

去色后:

電子商務網(wǎng)站設計分析

 

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

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
舞動時代金堂副會長陽光定格美麗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
嘗試著模仿,細節(jié)好難把握
我眺望世界的北2017-05-28 12:19
嘗試著模仿,細節(jié)好難把握

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

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