設計自檢對照表

檢查設計稿是否考慮不周

針對產品的目標用戶,找準用戶群,調研用戶喜好、建立視覺模型,確定符合產品特質的設計風格。

公司如果沒有購買版權字庫,那就用免費無版權的字體,以免出現侵權問題,造成損失,后果很嚴重。無版權字體下載>>

要學會尋找高質量的案例參考,競品分析。結合自身的特色,融合貫穿,可借鑒表現手法、風格、配色,但不要抄襲。找靈感>>

公司如果沒有購買版權圖片,那就用免費無版權的圖片庫,以免出現侵權問題,造成損失,后果很嚴重。無版權圖片下載>>?

檢查顏色、文字的大小、粗細、圖標的設計風格(線性、剪影)板塊圓角的大小等。每一頁的設計風格和元素應該都保持統一。

圖片要清晰,需要模糊處理的地方也用高斯模糊的方式來進行。低質量不清晰的圖片會拉低頁面設計的品質感。

是否根據iOS安卓官方的尺寸來建立畫布呢?分辨率72DPI 顏色為RGB/8

所有頁面的結構都應該遵循大用戶群體的操作習慣來統一,如果層次結構混亂,會影響到用戶的操作從而讓界面的布局不合理。

輸入框中如果沒有輸入的內容,那按鈕應該是處于不可按的狀態,一定要考慮到所有按鈕在當前情況下的狀態是否正確。

頁面層級最高的內容應當直觀的展示給用戶,做完后我們應當檢查最優先層級的內容是否直觀展示了。

主要功能流程上的按鈕和排版是否流暢?一步一步的按鈕的安排,圖標的引導功能是否明確。是否會影響視覺內容呈現?

同一個頁面上的顏色不易過多,一般不超過3-4種顏色。層級分層有困難的時候可以嘗試使用同一色相不同深淺的方式來進行區分。

主色調選的是否符合產品的特性?注意色塊的面積,重要的部分可用對比色強調。注意色彩的情感,不要違背常理亂用。教程>>

很多新手的稿子間距上都會存在很多問題,塊內間距小于塊外間距。不是所有情況都是均分間距哦。間距使用總結>>

顏色明暗搭配;近景、中景、遠景;大小對比等等。常常用在banner背景處理、UI界面設計中信息的重要級別傳達。教程>>

重要的文字大一點,次要輔助文字小一點,再加上顏色上的層級,可以有效的做好突出重點。

不要堆的滿滿的,注意呼吸感,留白,設計更高端大氣。新手特別要注意這個問題。教程>>

排版時候,注意對齊原則,常見的左對齊、居中對齊、右對齊。很多人會忽視這個問題,導致設計不嚴謹,顯得做工差了。教程>>

物理尺寸和視覺尺寸的區別懂不懂?比如同尺寸的方形比圓形視覺上會大一點,需要把方形縮小一點視覺上才看著統一。圖標教程>>

不要隨便亂敲類似121212這樣的數據在設計稿里,完全破壞了設計稿整體效果,一定要填充看著真實的數據,才利于稿子順利過關。

在設計的時候,一般是先做加法,加元素大家都會,但是最終定稿前一定要做減法,去掉沒有價值的信息,得到最精煉的設計。

為了整套界面視覺統一,視覺規范文檔一定要弄一個,哪怕是最基礎的規范包含:圖標、文字、顏色、間距、控件等。教程>>

投影不會是純黑的,一定要考慮周邊的環境色,這樣才會更加真實、自然一些。

可以找一些參考和需求方溝通確認方向,再設計。誰都不希望需求方對你說:“你在做幾稿我看看?!?a href="//www.duulp.com/experience/app-experience/boss-inertia-overturned-design-draft.html" target="_blank" rel="noopener">教程>>

?