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

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

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

7.動畫吸引用戶視線

在網(wǎng)站用戶體驗比較流暢的基礎上,在首屏中可以適當?shù)募尤胍恍┦髽嘶有Ч,或是Flash動畫效果會讓頁面看起來更加生動有趣,這種做法也能增加一定數(shù)量的點擊,并且吸引用戶的注意力。但這些效果只能作為點綴,大面積的使用反而會適得其反。

 

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

 

淘寶網(wǎng)在右上角有一個小小的鼠標交互效果,點擊后進入的是一個活動專區(qū),翻頁效果在心理學上被認為更容易觸發(fā)用戶想要點擊的沖動。

8.符合視覺習慣的圖文混排

大片單一的文字或圖片會讓用戶產(chǎn)生厭倦感,而圖文混排很好的彌補了這一點。圖文混排的方式有很多,比如色彩上的對比、文字或圖片的放大等等,在布局上盡量做到錯落有致,讓用戶的視線順暢的轉(zhuǎn)移。無論用哪一種形式,都必須確保的是主要內(nèi)容的可讀性。

 

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

 

一淘網(wǎng)的首屏不太符合大多數(shù)人的使用習慣。當用戶進入一個電商網(wǎng)站,首先一定會被圖片吸引,很少有人會愿意逐字逐句的看完大段文字,所以詳細的描述并不適合放在首屏的位置。

 

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

 

聚美優(yōu)品首屏的圖文搭配恰如其分,簡單的大圖和一些短句,兩者之間相輔相成,圖片便于用戶理解,文字很精簡,重點分明。

總結:

AnyForWeb認為,首屏是吸引用戶至關重要的通道,很多網(wǎng)站因為對首屏的忽視,從而產(chǎn)生了一些用戶體驗上的問題。電商網(wǎng)站相比較普通的官方網(wǎng)站在性質(zhì)上更特殊一些,電商首屏應該帶著商家的目的性去迎合用戶的常規(guī)使用習慣,而不是漫無目的地把首屏變成布告欄。

設計師在做一個設計項目之前,不妨多從用戶的角度思考,也許會有意想不到的收獲。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(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é)好難把握

關注大神微博加入>>

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