原創(chuàng)精選｜如何評估設計質(zhì)量，提升設計技能
評估設計質(zhì)量是非常基礎且重要的設計技能。只有學會如何去衡量設計的好壞才能更好地去學習設計、評價自己的設計，從而達到提升。評估技能的提升頁代表著思維的提升和審美的提升。初入職場的設計師們可以從本文中學習到很多知識點，并習慣性下意識地去衡量看到的設計作品。
1. 優(yōu)秀設計的特點和測試方法
插畫來源：Outcrowd
你能迅速分辨出一個設計是好還是壞嗎？設計的質(zhì)量并不是品味或直覺的問題。最好留給用戶表達 "這太棒了！" 或 "這太糟糕了" 等反應。
對于設計師和開發(fā)人員以及網(wǎng)站所有者來說，了解如何確定設計的質(zhì)量至關重要。這需要練習和嘗試。如果你是一個想在專業(yè)上有所建樹的設計師，你應該把驗證設計質(zhì)量變成一種日常習慣，就像刷牙一樣。剛開始需要時間去學習，但你能夠在每一個新設計案例中更快地進行質(zhì)量驗證。專業(yè)人士會下意識地進行設計分析。只要是別人的設計作品，憑著他們的鷹眼完全看到所有的優(yōu)缺點。但如果他們自己的作品呢？
即使是老練的設計師也會忽略自己的錯誤。當我們長時間在一個項目上工作時，我們會失去一些批判觀察的能力。我們集中注意力在那些看起來有問題的東西上，從而錯過了其他的錯誤。我們需要什么才能用批判性的眼光來看待自己和別人的設計呢？
我們需要分析三個方向：
市場
可用性
設計
2. 設計測試小技巧
設計師們請暫時忘記你的職業(yè)，你現(xiàn)在成為評論家了。先作為營銷人員進行觀察，其次作為用戶進行觀察，最后作為設計師進行觀察。依次作為角色，只關注每個角色看到的東西。這種練習比簡單的 "設計師的觀察" 要有效得多。
現(xiàn)在按照下圖三個方向逐一檢測設計質(zhì)量。以下方向僅供參考。
1）市場
符合項目主題
視覺必須匹配主題。貨幣交易所的網(wǎng)頁不應該被設計成 Hello Kitty 風格。雖然用戶不會聚焦視覺風格，但他們會立即感受到風格差異。市場要用視覺和用戶進行溝通，得先讓用戶理解視覺風格。因此設計風格和色調(diào)必須匹配市場業(yè)務。
行星 —— 運動礦泉水 GIF
符合項目目標
每一個設計目的都是解決一個具體任務。那設計是否有助于項目實現(xiàn)目標呢？
例如，在分析登陸頁設計時，要注意價格的展示方式。CTA 模塊看起來有說服力嗎？頁面是否讓你想點擊 "購買" 或執(zhí)行其他操作？如果是 logo 設計，考慮它在含義和視覺上是否與品牌相匹配。
Web應用程序- Clover GIF
適當?shù)念伾?/span>
顏色是用戶注意到的第一件事，必須要和主題相匹配。比起設計，這更多的是視覺營銷。因此保證選取最佳的匹配色調(diào)。色調(diào)是否滿足了業(yè)務的需求？單色或者組合色是否能讓目標用戶中引產(chǎn)生共鳴？配色方案是否與產(chǎn)品的特點相匹配？
指南 —— 旅行社的網(wǎng)頁設計
有吸引力的產(chǎn)品
主要的產(chǎn)品是否有吸引力，趣味性以及美感？產(chǎn)品是否有什么獨特之處，是否有什么內(nèi)容讓你想查看并了解更多？
2）可用性
易理解
是否能立刻清晰地了解到設計和解決的任務？設計如何把控注意力決定了理解的速度。
理解的難易程度取決于以下幾個方面：
版面結構
內(nèi)容的層次性
突出點
視覺引導
Resilient —— 應用程序設計GIF
試著下意識地記錄視線在頁面上的移動路徑
視線是否停留在必要的突出信息上？
視線是平穩(wěn)地移動還是 "磕磕絆絆"？
它是否被次要的信息所干擾？
它是否因為頁面沒有重點而沒有聚焦？
它是否指向主要目標？找到主要目標的速度有多快？
New Level —— 招聘后臺儀表盤設計GIF
功能清晰
功能基本上是指所有能幫助用戶更快、更容易達到目標的東西。網(wǎng)站選項、工具或微交互元素不能用視覺進行評判。但任何視覺效果都可以通過以下數(shù)據(jù)進行評估：
使用的直觀性
元素的可識別性
沒有視覺障礙
視覺上指向目標的清晰路徑
InfoVote - 移動端應用程序設計GIF
3）設計
設計是 概念、圖像和視覺表達。我們的任務是 查看概念是否充分實現(xiàn)出來。
概念
設計是否有趣？
視覺是否反映了項目的核心？
產(chǎn)品形象有多獨特和印象深刻？
風格是否符合項目的主題？
相關性
設計一旦過時，對用戶的吸引也會降低。保證設計是留下的，沒有顯得陳舊無聊的過時圖像。
布局結構
在布局審核階段，客戶就能夠知道網(wǎng)站設計的效果如何。布局結構能很好的展示出設計的效果。以下是一個好的布局的主要標準：
分門別類
內(nèi)容板塊必須根據(jù)項目的邏輯和含義進行分組。每個板塊都包含自己的主題和目的。每一個板塊中，用戶找到特定的信息或執(zhí)行特定的操作。
板塊之間有間隔讓用戶清楚地了解組與組的區(qū)別。間隔最好是常用的空白間距 （這是最吸引關注的方式）。板塊之間和板塊內(nèi)的縮進都必須嚴格統(tǒng)一。內(nèi)外側的縮進必須對稱、平衡。
糟糕的設計往往會使板塊內(nèi)部和板塊之間 "過于擁擠" （間距太?。?/span> 或 "過于分散" （間距太大）。
對齊
好的對齊使設計有秩序、有條理。查看內(nèi)容是如何排列的，以及頁面的排列方式是否統(tǒng)一。
更進一步
一旦你確定前兩個方向（營銷和可用性）沒有問題，并且頁面結構良好，你就可以繼續(xù)評估視覺部分。
設計的構成：美感和功能
這些是優(yōu)秀設計的基本標準：
層次結構
視覺層次建立在布局結構之上。要確保設計不僅遵循層次結構，而且要強調(diào)層次結構。這一點很重要。如果你正在查看你的設計，請花點時間檢查層次結構。很容易在不知不覺中用錯誤的突出點破壞了最初的層次結構。
焦點
焦點呼吁用戶 "看這里！"。設計的所有焦點必須是 功能性 的。這些焦點是否引導用戶注意到重要信息？如果一個設計的焦點純粹是基于審美，而沒有任何有效目的，那這個設計不管多好看都不行。
任何視覺焦點都必須包含具體信息。"看這里，這是一個整齊的圓圈！" 這不是好的設計。
Split —— 移動應用程序設計
平衡
你不需要成為設計師就能體會到視覺平衡。設計元素自帶物理重量。設計看起來平衡嗎？它的視覺重心在哪里？它是否強調(diào)了最重要的信息？
對比
對比有助于強調(diào)信息，建立內(nèi)容層次，并增加必要的突出點。
檢查你的設計是否有足夠的對比度。它是否缺乏對比看起來單調(diào)？或者對比度過大而顯得凌亂？
網(wǎng)絡應用程序 —— MEMO
重復性
如果項目中不包含重復的視覺元素（配色方案、形狀、字體、圖像、空間關系），設計就會失去凝聚力，用戶就無法區(qū)分信息塊。
太多的重復也不好，因為它可能會令人厭煩。
Banjee —— 網(wǎng)頁設計中的插圖
風格統(tǒng)一
上述所有的特征必須視覺統(tǒng)一于一個有序的系統(tǒng)中，且彼此一致。這個系統(tǒng)必須朝著主題努力。
Memo品牌指南
總結
你可以列出你需要檢查的功能清單?？梢匀婊蚝唵蔚倪M行設計質(zhì)量的評估。在任何情況下，最好分方向評估。
每個方向（市場、可用性、設計）都必須與項目目標相匹配，才能讓設計得到最高分！
原文：https://medium.muz.li/how-to-evaluate-design-quality-92582fae2818
作者：Erik Messaki
譯者：曹競羽
審核：張聿彤、李澤慧
編輯：李凱悅
本文已獲得作者正式授權，截圖如下：
— The end —
?? 原創(chuàng)文章精選??
游戲新手指導怎么做？一起看看《對馬島之魂》如何打造初次對抗體驗
35+ 的 Windows 系統(tǒng)到底有什么了不起？細數(shù)系統(tǒng)界面設計的演變
導師與學員的高效交流 APP 設計 —— Lightship
?? 我們一起聊設計 ???♂?
高質(zhì)量，學設計行交流微信群
期待與更多優(yōu)秀用戶體驗設計師一起成長
PS：歡迎大家關注三分設，每天早上9點，準時充電。分享優(yōu)質(zhì)設計、創(chuàng)意靈感、新知新識，定期大咖老師直播分享，零距離連麥，答疑解惑。 添加小小蟲微信號【 Lil_Bug 】，備注【 三分設 】加入！（只面向星標了公眾號三分設的粉絲）