大多數(shù)新手設計師可能會遇到一個問題。設計效果很好，為什么還原效果這么差？發(fā)展不好？然后他們抱怨愚蠢的發(fā)展，但很少有人思考這是否是他們自己的原因。在開發(fā)過程中，不斷地與開發(fā)斗爭。今天我將介紹一些關鍵點，通過這種系統(tǒng)的方法來解決你的視覺修復。我希望這篇文章可以幫助你。

五大核心關鍵因素

關于如何將設計稿還原到和我們最初設想一樣的程度，這里總結了幾個要點，是我在多次和開發(fā)交流過程中的親身經(jīng)歷。

1）組織一個注釋文檔

2) 對開發(fā)進行宣傳和標記

3）積極回應每一個發(fā)展問題

4) 開發(fā)減少檢查

5）定稿前審核

1. 整理一份標注文檔

為什么要放在一起注釋文檔？

這里的文檔不一定要嚴格按照交互文檔或者可視化規(guī)范文檔來做，簡單點就可以，關鍵是讓開發(fā)看得懂。

文件中要放什么？是全部嗎？

如果是小版本迭代，就比較簡單了，因為之前的幾個控件已經(jīng)存在了，只要把注解寫清楚，就不用寫文檔了。

如果是大版本迭代怎么辦？比如從7.0到8.0的一個全新的視覺語言，那么這個時候就得整理一個文檔。

文檔中整理了本次更新迭代的常用頁面和常用控件，整理后標記一份就好了，再說明細節(jié)處理問題。

例如：

有幾種類型的列表，單行高和雙行高。如果是動態(tài)列表，則指定字符截斷規(guī)則。如果允許換行，那就寫清楚最多改多少行，一般最多3行（多語言使用），超大模式怎么處理？一般列表文字的上下兩邊都會標上高度，這樣即使在超大模式下，超大字體也不會造成控件穿插。

超大模式導航規(guī)則如何處理，多語言（如阿拉伯語）如何換行，換行規(guī)則有哪些？先縮小字體，再斷線？ ETC。

網(wǎng)格布局類型的圖片如何處理，顯示多少小屏和大屏（指phone和pad），橫豎屏的顯示規(guī)則是什么，如何實現(xiàn)自適應布局等。

記住banner一定要給個比例，常用21:9、16:9、4:3

很重要的一點是設計者必須標注點擊區(qū)域。如果不標注，開發(fā)會直接用你切好的圖填充，最終導致可用性非常差，最終導致來回調(diào)試。

這個環(huán)節(jié)是標注的核心部分，實現(xiàn)這個非常細微還原的步驟非常重要

2. 向開發(fā)宣講標注

為什么我們需要閱讀布局來開發(fā)？因為有些細微的地方需要我們加深他們的形象，尤其是像開發(fā)說明，這樣才能減少實現(xiàn)時的失誤。我們每走一步，都是為了方便我們后期查看還原度，讓開發(fā)更簡單。比如前期基礎打不好，后期就很難深入。 （如果沒有還原好大的視覺，怎么能叫細節(jié)的開發(fā)和打磨呢？）

3. 積極響應開發(fā)的每一個疑問

在開發(fā)緊張的階段，即使前面的工作都準備好了，不和我溝通也很難避免開發(fā)。這個時候我們就要積極響應他們，和他們一起處理問題，比如一些比較難的頁面。開發(fā)實現(xiàn)效果和設計稿差距不小，所以這個時候開發(fā)就把他們的實現(xiàn)截圖給大家看看。這時候，你要仔細尋找問題所在。不要硬說是開發(fā)的原因，先溝通具體原因。然后尋找解決方案。如果標簽有問題，比如標簽死了，頁面不靈活，適配很有限。

然后你要考慮布局問題，比如間距能不能標注成百分比關系等等。

4. 開發(fā)還原度檢視

經(jīng)過以往的各種合作和開發(fā)，就是最后一步的驗收，恢復驗收。這時候你一定有一雙火眼金睛，那么如何檢驗呢？

有一套科學的檢查方法。有些同學可能會開始用手機看頁面。這次檢查很容易漏掉現(xiàn)場。

5. 定稿前的評審

和誰一起復習？當然，這里有產(chǎn)品經(jīng)理，設計負責人，還有開發(fā)同學，測試姐姐（為什么沒有老板，因為你根本看不到老板）。

當然一開始沒必要叫那么多人，直接和設計負責人說就可以了，因為版本落地的設計需要多次review，前期這里就不說了，所以在設計的中期回顧中，一定要拉動產(chǎn)品鏈的關鍵作用。

首先，在review的時候，一定要清楚的把revision中最大的視覺變化解釋給development。布局框架的變化會增加開發(fā)的工作量。能不能實現(xiàn)或者功耗是否高（一般如果有高級動畫效果，功耗會很大。），這時候開發(fā)負責人會在這里提前預估判斷，因為如果這個環(huán)節(jié)把握不好，如果后期出現(xiàn)意外，實現(xiàn)起來會很困難，那么愿景就要重新修改，到時候時間會很緊，所以一定要把握好所有聯(lián)合鏈接

這里可能有人會問，框架在前期不是和開發(fā)評審有交互嗎？這也不一定，因為如果我們在設計的過程中，如果靈感迸發(fā)，之前的一些想法沒有到位，這時候可能會做出一些改變。可能局部框架會發(fā)生一點變化，所以我們必須注意這些細節(jié)。

如果這個環(huán)節(jié)把握好，基本可以實現(xiàn)，除非有特殊情況，比如前期忽略的一些后臺數(shù)據(jù)問題。

本文來自：朝陽網(wǎng)站建設

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！