前陣子跟幾個同行交流，提到關于交互和 UI 的走查工作問題，所以特地整理了一下，給大家說說關于設計走查的幾個問題。

1. 設計走查的作用

在很多設計師身上都存在一個現象，就是拿到需求或原型，然后設計完成之后，就以為沒自己什么事了，也不會主動去找事情做，他們認為到這里，自己的工作就完成了。

其實到這為止，設計師才做完一半的工作。為什么呢?

當設計師把設計稿交給開發時，雖然已經標好注、切好圖(交互注釋也很完美)，但是不代表開發能把界面表達的跟設計稿完全一樣，甚至會有很大偏差，所以設計師就要做好設計走查工作，盡量跟開發一起把頁面實現的更好，這里不僅僅說的是UI、也包括交互。

這樣不僅能提高產品的實現度，讓用戶體驗更好，還能促進團隊的工作氛圍，畢竟大家的目標還是一致的。

2. 錯誤觀點

當中有一個朋友提到，設計走查應該是測試同學的事情。

首先，我并不否認這位朋友的觀點，但還是局限了。

這位朋友的原話是：“設計只要做好設計的工作，開發也必須做好自己的事情，很好的去實現設計稿，然后測試也要做好自己的工作，找到視覺、交互、開發的所有問題，這才是每個人真正的職責所在。”

三個字總結：理想化。

這是一件不大可能的事情，首先開發要很好的實現設計稿，前提是有一個不錯的開發能力，同時如果還想在不需要設計的幫助下就實現好頁面，那開發本身就要有一個不錯的設計功底，這樣就可以在獨立工作的情況下，相對完美的實現視覺稿。

但是做設計的同學都知道，即使兩個人設計水平相同，他們在臨摹完同一個頁面的時候也會有明顯的差別，更何況是開發用代碼去還原頁面呢?

再者，測試如果要同時找到所有的 UI、交互、開發 Bug，遇到的問題會跟上述開發的問題一樣，同時需要的能力要更高。這是一件幾乎不可能的事情。(可能真有這么牛逼的人物存在，不過我至今沒見過。)

所以設計師做好設計走查，還是很有必要的。

△ 交互設計過程

3. 如何做設計走查

那怎么做設計走查工作呢?

一. 檢查頁面一致性

包括頭部、尾部等位置是否完整統一，按鈕樣式、反饋狀態、報錯等樣式是否統一;是否有缺少的場景和狀態，根據任務流程對場景和狀態進行排查，保證設計的完整性。

二. 確保方案的可用性和屏幕上的操作易于使用

設計任務流程，進行設計走查，在移動App端，我們所設計的應用是建立在手指點擊操作的基礎上進行使用的。我們的手指不像鼠標一樣能夠精確定位和響應，所以我們需要在設計的過程中確保可點擊的區域能夠較為明顯的識別。

三. 確保文本易于閱讀

文本內容是大部分產品的重要組成部分，所以文本的排版是非常重要的(很多人說中文排版不好看，那是因為你不會用中文排版的方式去做排版)。確保文字清晰、易閱讀是在文字處理上的必須保證的。

四. 注意顏色對屏幕的影響

Androind 不同的屏幕在色彩飽和度上有較大的差異，比如三星的屏幕亮度和飽和度都比一般機型要偏高。所以在進行設計的時候，選擇的顏色一定要適中，不要偏色。

五. icon 的使用

icon 是代替文字標識的一種圖形，它的價值意義就在于簡化文字，通過圖形來表達功能含義。所以設計的 icon 如果不能表達好，就會造成一定的識別障礙，這也是為什么我們說設計 icon 是考驗一個設計師功底的技能。

六. 動效的使用

動效這塊是產品中比較高規格的一個存在，所以在使用的過程中一定要謹慎，不能隨意加入多余的動效，導致在使用產品的過程中出現問題。

當然，雖然我只說了這六點，但是還有許多其他的東西需要注意，包括新功能提示、熱區的控制等等，這些都是需要設計師去定義的。所以我說開發和測試有時候沒辦法發現這些問題，那設計師做走查的這項工作就必不可少了。

4. 走查遇到的問題

有的設計師說：“我們都做好走查工作了，可是開發還是實現的有問題，再溝通就變成吵架了。”

如果到這一步為止，你的任務完成的很好了，實現來說一般不會有什么問題。如果是一些小差別，實在沒辦法溝通，那可能是開發的問題，也可能是你的設計并不現實，讓開發實現的代價很大，所以要綜合考慮實現因素，不要把責任推給別人，認為就是開發的問題。

同時，希望大家在工作中多投入自己的精力，做好自己的工作，不要完成表面工作就自以為做的很好了。說實話，還差得遠呢~