01 直接打開軟件開干
  初學者往往在拿到一個需求后,便迫不及待的打開軟件,摩拳擦掌準備大干一場,而正確的思路應(yīng)該是,首先要想明白你的設(shè)計要完成什么樣的目的,由需求到目的,推導(dǎo)出正確的設(shè)計流程。
  在整個分析過程中,首先確定目標用戶人群,提煉目標用戶的特點,選擇合適的交互與視覺形象,以滿足用戶的需求,最具體而直觀的做法是畫線框圖,用筆頭快速記錄下思維的過程,可以幫助你更快的完成工作。
  02 建立網(wǎng)格系統(tǒng)
  初學者面對一個等待設(shè)計的空白頁面,感到手足無措是因為忽略了網(wǎng)格的重要性,網(wǎng)格的作用是可以幫助設(shè)計獅確保元素的對齊和間距,更有利于頁面的排版,使頁面做到基本的規(guī)范化。
  網(wǎng)格系統(tǒng)提供了規(guī)范的大小間距對齊,對開發(fā)人員來說頁面變得有跡可循,開發(fā)更為便捷。
  03 缺乏視覺層次
  最初開始設(shè)計網(wǎng)站時，缺乏視覺層次結(jié)構(gòu)是另一個常見的錯誤,有效的視覺層次結(jié)構(gòu),可以引導(dǎo)用戶找到自己想要的東西,可以通過對比,對齊,重復(fù),親密性來完成)這里推薦一本設(shè)計經(jīng)典入門書籍《寫給大家看的設(shè)計書》)這些基本技巧可以幫助設(shè)計獅達到指引用戶視線的目的。
   04 忽略可訪問性
  可訪問性是網(wǎng)站最重要但又被忽視的方面之一,如果不考慮可訪問性,則對于視覺或者聽覺障礙者,是一種很不友好的體驗,可訪問性覆蓋了盡可能多的目標用戶范圍,從一開始就將可訪問性考慮到設(shè)計中,比以后再嘗試改進或者重新設(shè)計要容易得多。
  對于許多用戶來說，顏色對比度是一個很大的障礙，但是很容易解決。色盲意識組織指出，大約有3億人患有色盲癥。如果您的網(wǎng)站包含無法通過對比測試的多種顏色，無疑會對用戶體驗會產(chǎn)生不好的影響。
  05 忽略移動端設(shè)計
  如今智能手機已經(jīng)成為生活的一部分,人們把大量的網(wǎng)絡(luò)時間用在移動設(shè)備上,所以網(wǎng)站設(shè)計通常要以移動端優(yōu)先,從2017年BrightEdge報告 指出,所有網(wǎng)絡(luò)流量的57％來自移動設(shè)備，所以絕對不容忽視。
  移動端因為使用場景復(fù)雜,屏幕與pc端相比較小,所以更需要有效的交互體驗,比如元素之間保持足夠的間距,以適應(yīng)手指快速的操作而避免誤操作,大的文本字體更利于閱讀。