杭州嵌入式培訓
達內杭州嵌入式培訓中心

13732203138

熱門課程

交付前你需要這樣的UI自查

  • 時間:2020-06-08 15:02
  • 發布:杭州嵌入式培訓
  • 來源:網絡

試想一下,如果項目開發過程中,一直在工作群里收到補切圖、有小數之類的@,不僅增加溝通成本,也會給別人留下不專業的印象。


但其實類似于圖上的問題還比較容易出現,有時候是設計時陷入某一點而忽略了其它細節,有時候是項目緊急,關注整體大效果,沒有去精細調整。這時就需要我們在交付前自查一遍,就像考試交卷前的檢查一樣,檢查出錯誤挽回的一兩分,說不定就是分數線的關鍵。

而交付沒有自查過的設計稿,就如同在裸奔。交付前自查,保證交付文件的嚴謹有條理,不出現低級錯誤,減少返工的可能,也是我們自身專業素養的體現。


工作中從項目開始到結束的4個階段:需求階段、設計階段、交付階段、復盤階段,每個階段都有需要關注和自查的內容,本文主要內容是介紹交付階段的自查,源于自己工作習慣的記錄,希望和大家交流學習,一起完善補充。


交付前設計師可以從以下幾個方面,檢查設計稿。


規范

· 字號、色彩、圖標、尺寸、圓角、間距等是否符合規范

作圖過程中,可能移動、縮放等出現小數、不對齊等問題,首先需要排查一遍,保證元素符合規范要求,這也是最基礎的自查。

標注

· 是否需要手動標注

現在很多團隊都選擇使用自動標注軟件,提高設計師工作效率,讓開發同學可以自主查看相關標注,但個人理解不同,也導致了有些實現效果與設計師預想的有偏差。比如下圖中兩種標注方式不同,適配的效果也不一樣,開發自主查看標注的情況下,對于關鍵的點,設計師可以加上手動標注,以控制效果。


· 標注內容是否能讀取,有無重疊、遮擋等

檢查圖層是否有遮擋,保證參數的可讀取。對于重疊效果,有些插件可以識別,通過點擊可切換讀取頂層和底層的參數,而有些插件只能識別頂層參數,無法獲取被遮擋層,且存在被忽略的可能。所以,若有重疊效果,最好單獨提供分層效果和說明。


切圖

· 是否包含背景

檢查切圖所在畫板的背景色“包含與導出項”是否勾選,勾選后導出的切圖將帶有畫板的背景色。由于默認畫板的白色,有些內容在白色上不易查看,有時我們會給畫板設置一個深色背景,而設置后“包含與導出項”是默認勾選的,需要手動取消勾選才行。


· 是否固定范圍

切圖時若直接選中圖層或組切圖,尺寸會與形狀的大小保持貼合,原本一組圖標的尺寸應該保持統一,結果出現了大小不一致或小數的情況。所以應使用切片工具、或是利用畫板切圖,以固定切圖范圍,控制尺寸,排查替換不符合要求的切圖。


· 是否利于開發使用

檢查切圖方式是否利于開發同學使用,過程中應盡量保持切圖尺寸、比例的一致,盡量減少切圖數量,選擇容易處理的對齊方式。

比如下圖中區域框、內容、和選中框,兩種切圖方式,后者會更受開發同學的歡迎,因為后者的切圖方式,他們只需要保持居中對齊;而前者,不一致的尺寸與位置,處理起來會更麻煩,增加工作量。


文案

· 有無錯別字

正式文案內容及切圖里的文案都檢查一遍,保證無錯別字出現。

· 是否限定文字區

作圖過程中,文字內容,特別是短文案,容易使用自動寬度,而忘記設置文字區域寬度,在自查過程中要記得補齊。


· 是否提供最短、最長文字效果

設計圖中會傾向于展示常規文案效果,交付時可補充最短及最長字符限定的展示。


缺省態

· 是否覆蓋不同情況的缺省

缺省狀態在設計過程中,是比較容易被忽略的內容。所以在交付前,最好與交互同學一起再對一遍,檢查是否完整。比如網絡錯誤/無網絡,頁面加載失敗,部分內容加載失敗,空狀態和初始狀態等…

· 是否已提供默認圖片

產品中網絡延遲或錯誤的情況下,內容位置顯示的默認圖片,容易因為是通用內容而忘記提供。但有些內容是有其專屬默認圖的,且對接的開發不同,不能保證了解之前的圖片使用,因此也需要檢查。


動效

· 是否需要動效說明

涉及到動效,設計師一般會提供動效demo,以更加直觀地展示其效果。對于文字描述有時會忽略,但其實提供文字描述也很重要,特別對于時間、動態規律等,明確的動效說明,可以幫助達成更佳的實現效果。

適配

· 是否已覆蓋多尺寸屏幕

檢查不同屏幕效果,特別需注意劉海屏、長屏、寬屏等特殊尺寸,必要時提供標注及展示效果圖。

· 是否已提供多尺寸圖片

圖片內容的適配多采用等比縮放或裁切的處理方式,但也有一些特定內容,會直接使用不同尺寸。比如應用市場圖以及對視覺效果要求高的背景圖等,這種情況下,需檢查各尺寸圖是否已經提供

劃重點

交付前的自查是對設計文件的查漏補缺,幫助我們養成良好的職業習慣,對自己的產出負責,保證交付物的完整清晰,減少返工及溝通成本,讓上下游的合作更加高效。

以上是我工作中交付前的自查,分別從規范、標注、切圖、文案、缺省態、動效、適配等7個方面展開。歡迎小伙伴們留言討論,一起補充完善~


預約申請免費試聽課

怕錢不夠?就業掙錢后再付學費!    怕學不會?從入學起,達內定制課程!     擔心就業?達內多家實踐企業供你挑選!

上一篇:為什么你在職場很難得到晉升?
下一篇:沒有下一篇了

手把手教你們如何快速上手做適配

如何讓你的設計不那么千篇一律

選擇城市和中心
江西省

貴州省

廣西省

海南省

中文字幕人成乱码在线观看