作為開發(fā)者肯定無法做到與設(shè)計(jì)師一樣的對圖像的敏感，所以在開發(fā)過程可能會出現(xiàn)一定的偏差，設(shè)計(jì)走查能夠快速的幫助開發(fā)者找到差異，還能給到解決方案最終完成高質(zhì)量的交付，今天小千就來給大家介紹一下設(shè)計(jì)走查應(yīng)該注意哪些地方。

      視覺：首先根據(jù)任務(wù)流程測試大的功能、交互、狀態(tài)、空頁面是否缺失，保證設(shè)計(jì)的完整性；走查頁面還原：位置、間距、大小、顏色、文字易讀（大小、自重、行高、段落等）；組件化頁面，檢查組件使用；檢查圖標(biāo)、按鈕可操作區(qū)域操作可行性；點(diǎn)擊區(qū)域的反饋是否有正確的 Toast 提示和正確的跳轉(zhuǎn)；圖標(biāo)、圖形、插畫的清晰度和陰影的還原度；動(dòng)效的使用；顏色差異等。

      交互：組件控件的各種交互操作的各種狀態(tài)；各個(gè)業(yè)務(wù)狀態(tài)；走查分兩個(gè)階段——第一階段：自我內(nèi)部自查（開發(fā)、其他人員會在開發(fā)過程中會再發(fā)現(xiàn)問題）；第二階段：上述的測試驗(yàn)收走查，這個(gè)階段就是要去平衡開發(fā)時(shí)間和上線效果時(shí)間；提示文字、輸入框引導(dǎo)文案、鍵盤調(diào)用效果、操作類內(nèi)容展示、用戶感知度、流程結(jié)束后操作、點(diǎn)擊返回引發(fā)的操作提醒、同類操作入口的統(tǒng)一性；特殊情況走查等。

      注意點(diǎn)：覆蓋不同狀態(tài)下的頁面走查；根據(jù)業(yè)務(wù)流程走查，避免遺漏。

      發(fā)現(xiàn)問題：要想達(dá)到最高質(zhì)量的設(shè)計(jì)還原，就需要得出精確的各類差異參數(shù)，相對傳統(tǒng)一點(diǎn)的方法，就是把設(shè)計(jì)稿中的頁面與對應(yīng) App 全部截屏，然后通過 Ps 或者 Sketch 等設(shè)計(jì)工具與設(shè)計(jì)稿疊加對比；走查間距、位置、大小時(shí)，設(shè)計(jì)稿放在下層，截屏頁放在上層，截屏層的透明度調(diào)成 50% 左右，查看重合度；走查顏色主要靠像素眼，一般感覺色差不對，對截屏頁進(jìn)行吸色對比。

      走查報(bào)告：首先列好走查的頁面，每個(gè)頁面下面記錄好存在的問題，比如：寫明頁面與設(shè)計(jì)稿不符的具體位置，按自己的判斷與理解應(yīng)該如何調(diào)整才能達(dá)到設(shè)計(jì)還原，并放上對應(yīng)的設(shè)計(jì)稿進(jìn)行標(biāo)注；標(biāo)明出問題優(yōu)先級、測試機(jī)型。

      產(chǎn)品正式上線以后，第一時(shí)間下載安裝，對該版本所有需求頁面進(jìn)行體驗(yàn)與使用，觀察頁面上是否有新的視覺問題或調(diào)整不到位的問題；發(fā)現(xiàn)問題后及時(shí)進(jìn)行記錄，反饋給開發(fā)，一起探討出現(xiàn)問題的原因與確認(rèn)調(diào)整時(shí)間與方案。

      以上就是UI設(shè)計(jì)師走查的介紹了，最后如果你對UI設(shè)計(jì)感興趣的話不妨來千鋒UI設(shè)計(jì)培訓(xùn)班了解一下我們的UI設(shè)計(jì)培訓(xùn)課程，現(xiàn)在咨詢還有免費(fèi)UI設(shè)計(jì)學(xué)習(xí)教程視頻領(lǐng)取，先到先得。