《一款APP設計的從0到1》這是一篇系列文章干貨，上次U妹講的是關于切圖標注篇，今天U妹來說一下，視覺還原。
往期回顧：
這次U妹接著上次的茬繼續(xù)，繼續(xù)之前先來看看整個目錄（滿滿的干貨）
U妹列了一個小小的目錄：
1、 項目立項
2、 項目預估時間
3、 界面設計
4、 切圖標注
5、 視覺還原
6、 上線準備
視覺還原篇
一款完整的APP，經過這樣的一個流程：項目立項啟動→設計產品原型→設計效果圖→進入開發(fā)階段→開發(fā)成功后進入測試階段→測試將問題反饋給開發(fā)人員進行調試→多次測試確認沒有bug→提交市場、正式上線。
我們都知道，無論設計師的標注稿多精確，開發(fā)出來的產品，多多少少都會有誤差，專業(yè)來說就是視覺效果落地還原度，視覺還原度越高，與設計稿越接近，APP就越精細；反之，就越差。
所以，就需要我們在這個時候，去配合開發(fā)對UI進行調整，來更加的接近我們做的效果圖了（簡單了說，就是給開發(fā)挑毛病，指出和效果圖不一致的地方，是不是很開心哈）
差1px，我也要挑出來（像素眼就是這樣煉成的）
一、設計師如何做視覺還原？
1. 設計視覺調整文檔
團隊較大，建議設計一份視覺調整文章，這樣對整個開發(fā)進度和效率都是比較高的，因為團隊人數多，你不可能跑到iOS開發(fā)哥哥那里說一次要調整的地方，然后再去跟Android哥哥再說一次，你有時間，人家不一定有時間，所以設計視覺調整優(yōu)化文檔是很有必要的。
視覺調整優(yōu)化文檔，要一目了然，需要注明和效果圖不一樣的地方是哪里，應該改成什么樣，是iOS調整、Android調整還是h5調整等，輸出為png和jpg圖片格式，最好輸出為PDF格式，開發(fā)看起來也方便，比如你寫了一個顏色值，開發(fā)就可以直接復制了
2. 帶上你的板凳，過去和開發(fā)一起調UI
這種方法很適合3-4人的小團隊，親自上陣，口述問題，效率也是比較高的，你需要備好你的效果圖和開發(fā)后的雛形，有對比才有傷害（有圖有真相，不一樣的地方就得讓開發(fā)改）
二、如何讓效果圖高還原度落地？
1、規(guī)范的視覺界面設計
必須按照各平臺的UI設計規(guī)范去規(guī)范的設計界面，用設計規(guī)范去知道開發(fā)，才是提高視覺還原的的基本前提
2、視覺UI控件的規(guī)范輸出
在絕大多數的情況下，為了趕項目進度，都是界面先行，設計規(guī)范后出，所以要竟可能的保持界面設計和規(guī)范是同步進行。
以u妹目前的項目經驗，可以先輸出基礎控件元素規(guī)范，包括（顏色、文字、圖標、蒙板、投影、按鈕、輸入框、或個別控件），規(guī)范是一個龐大而繁瑣，極需耐心的工作；過程中注重每一個細節(jié)的精準與合理性。
3、規(guī)范的切圖與精確的標注
我們的切圖和標注，是否規(guī)范和精確，直接影響視覺效果的還原度，所以切圖和標注一定要做的細致，這樣更加有利于提升還原度
4、多和開發(fā)溝通交流
U妹一直說的一句話：溝通是解決問題的最有效方法，所以多和開發(fā)哥哥接觸溝通交流，如果有條件允許的話，請與開發(fā)坐一起；遇到問題及時面對面協(xié)商解決、達成共識、修改、敲定、解決。
關于視覺還原篇就說到這里，U妹這里說的只是一種工作方法，好的工作方法才能自己事半功倍，在具體工作中也要靈活擁有，一定要多和開發(fā)溝通交流，良好的溝通才是解決問題的唯一方法，有疑問題也可給U妹留言，我們下期再見！
