工作對接中那些容易忽略的細節

@人類君：在工作中，上游與下游進行對接時，上游忽略的問題會對下游工作造成不必要的干擾，從而影響整體的工作效率。我總結了一些我自己與開發對接時常常會忽略的細節，大家也可以在留言中討論自己常忽略的細節。

在工作中，上游與下游進行對接時，上游忽略的問題會對下游工作造成不必要的干擾，從而影響整體的工作效率。

我總結了一些我自己與開發對接時常常會忽略的細節，大家也可以在留言中討論自己常忽略的細節。

拉通流程實際上應該算是交互設計的鍋，但無奈之前公司我也要做一些交互的工作,在UI視覺圖設計時，也要考慮好完整的流程以及不同狀態下的視覺設計，尤其是哪些簡單的更容易忽略。

比如輸入框設計時，要考慮到錯誤提示的視覺效果。第三方分享后，要考慮第三方平臺的展示視覺等。?

不同狀態在交互文檔中還要配合出現前提說明，比如上圖中密碼錯誤提示是點擊登錄按鈕后才出現，還是輸入完成后實時校驗也需要說明。

即便是有交互設計的前提下，我們 UI 在查看交互文檔時也盡量檢查一下，看看對方有沒有遺漏的狀態說明，以及自己有沒有忘記繪制不同的狀態樣式。

在繪制復雜插畫圖標，運營圖時，切圖后一定記得對此類圖片進行圖片壓縮。這類切圖本身都比較大，占用內存，用戶打開慢體驗不好。

我自己常用的圖片壓縮工具是 TinyPNG ，步驟簡單，只需要上傳到網頁點擊壓縮后下載即可，但是一次最多上傳 20 張，每張最大 5M 。

地址：https://tinypng.com/

其實我之前更常用的是 Sketch Image Compressor 這個插件，非常方便，導出即可壓縮。（ps：但是電腦系統升級后就沒法用了，有小伙伴知道解決方法的也可以在下方留言告訴我呀！）

之前我們公司的習慣是使用 Sketch measure 或者藍湖導出標注，二者在導出標注后，對圖標尺寸的識別有所區別。

我使用 symbol 繪制的圖標， Sketch measure 導出的標注可以直接顯示 symbol 圖標的繪制尺寸；但是導出到藍湖查看標注時會直接點擊到圖標內部尺寸，不便于開發查看。

實際上是因為我在切圖時是使用快捷鍵（s）繪制的切圖圖層，直接在 symbol 圖標上選擇制作導出項后，再導出到藍湖就沒有這個問題了。

以上這些問題是非常基礎，但是忙起來又經常忽略的，我們可以做一個常忽略的對接問題自查表單，在與開發對接前，先檢查一下有沒有出現這些問題，檢查好后再提供給開發，以便提高開發的工作效率。

這些小細節能很好的提高自己在開發心中的靠譜度，以后不至于找你挑刺兒~

原文地址：海鹽社（公眾號）
作者：人類君

登錄收藏