初學(xué)者應(yīng)避免的5個(gè)常見的網(wǎng)頁設(shè)計(jì)錯(cuò)誤

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