美工設計的三個基礎標準

關於設計標準的問題，例如產品設計的一致性、容錯、簡潔、重視內容等。在這些問題中，我發現大家思考設計標準的維度都有一些偏差或者不完整，所以今天想把一些自己如何思考設計標準的粗淺想法記錄一下，下面是小編為大家整理的美工設計的三個基礎標準，歡迎參考~

　　美工設計的三個基礎標準

1，設計標準的重要性

首先講一下設計標準的重要性。我們在產品設計過程中，經常會遇見這樣的問題，“如何評估現在產品的用户體驗設計質量”，“如何證明這次改版後用户體驗設計質量提升”，“如何證明設計團隊在這個產品關鍵數據提升中體現的設計價值”，等等。當然，商業價值體現、產品成功、用户反饋、數據驗證等，都可以成為我們評判產品用户體驗設計質量的關鍵參考點，但是我覺得設計團隊應該有一個統一有效有公信力的設計標準，並以這個標準為主導帶動團隊進行設計工作。

這個設計標準應該是根據團隊對應業務進行定製，且同時符合用户體驗設計主流標準和趨勢的。這個設計標準可以幫助設計團隊拉通設計目標，提升設計團隊整體專業能力;可以幫助業務團隊更充分理解用户體驗設計，有專業化的用户體驗設計思考維度，提升業務團隊與設計團隊的合作效率;可以幫助客户更瞭解產品設計的過程與用户體驗設計價值點，提升客户對產品的理解度和欣賞度。

設計標準好處很多，可以用於指導、自測、專家測試、現狀分析、改版驗證、趨勢分析等產品設計關鍵任務中，所以設計標準大家團隊應該都有一套。設計標準建立並不難，但是在真實項目中落地、迭代、升級需要設計師們用心去做，推動起來需要設計團隊的設計信用和設計地位足夠高。一套設計標準的建立、豐富、推廣，需要設計團隊花不少心思。

我們團隊的設計標準是公司內部材料，不能對外分享。不過有了基本思路，我相信大家都能建立一個初步版本的可以幫助自己設計產品或者支撐業務的設計標準。：)

2，設計標準的思考方式

雖然不能分享我們團隊的設計標準，但是我可以分享一下自己對設計標準的思考方式。工作這麼久，思考維度已經開始多樣豐富化，我嘗試簡單從3個維度來分析理解一個設計標準，之前知乎有一個問題邀請我回答什麼是用户體驗設計的一致性，今天我就以一致性這個設計標準來舉例子。

a. 宏觀維度

首先，思考一個設計標準的第一步，應該從宏觀維度來思考。什麼是宏觀維度呢?我理解是在界面和基本流程之上的信息架構維度、產品形態維度、業界生態維度、商業維度等方面。

思考一致性，我們可以嘗試思考以下問題：

整個產品的信息框架是否完整有效一致?產品整體信息框架下的各個小模塊框架是否具有框架維度的一致性?例如一致傳遞高效率操作的思路，例如打薄層級的做法，例如內容第一的設計態度等。

產品形態維度是否具有一致性?例如產品整體視覺風格，例如交互設計關注的用户聚焦掌控性，例如動效設計體現的用户操作指導性等。產品形態的一致性，應該是從信息架構層一直貫穿到元素層，保證整個產品的每個使用場景都是一致有效的。

產品是否能與業界生態一致?例如產品的核心功能哪些是突破式創新應該不一樣，哪些是需要符合大眾用户心理模型的場景設計需要一樣;例如每一款手機都可以拍照，如果我們要做一部不能拍照的手機是不是要思考好再行動?這些點都需要考慮清楚，因為用户在真實世界中使用大量產品，他們的心理模型和行為模式是大眾式的，我們的產品形態需要在很多領域符合業界趨勢，保證產品對用户的親和力。

產品的商業與設計結合性是否足夠一致?例如一個免費的遊戲，通過遊戲內消費來盈利，那麼整個產品在設計如何引導用户消費、如何運營等方面，都要在商業思考維度有一致性，這樣才能幫助產品商業結果最優。

這是以一致性為例子的宏觀維度思考。宏觀維度的一致性，幫助產品把控大方向，幫助業務團隊和設計團隊建立對一個產品的全局把控能力和質量約束能力，幫助設計師控制產品整體信息框架、視覺風格、品牌傳達能力等，幫助商業模式在產品中得到一致性推動。

b. 界面與流程維度

其次，需要思考界面與流程維度的一致性，這個思考模式很容易理解。

界面維度，交互設計的界面佈局、聚焦方式、輕重緩急、講故事方式等是否一致;視覺設計的風格設定、視覺效果、感染力、品牌傳達能力是否一致;動效設計的一舉一動、意義表達是否一致。

流程維度，產品在各線操作流中，是否提供給用户一致的流程體驗。產品流程設計應該讓用户在整個產品使用過程中感受到自然、容易理解、複用經驗效率高等好的感受，而不是彆扭、效率低、同樣操作帶來不同結果等不好的感受。

這是以一致性為例子的`界面與流程維度思考。界面與流程維度的一致性，幫助產品整體成型、一致有效，幫助產品實現界面風格統一，幫助用户在使用產品過程中輕鬆愉悦。

c. 元素維度

最後不能忘記元素維度的一致性，這個思考模式也不難理解。

例如交互的控件，需要統一穿透整個產品，一個篩選器、一個拖動條、一個樹形結構打開方式等等，都要有產品全局的一致性，這樣的一致性在越大型產品中體現的意義越大。

例如圖標的一致性，一個視覺風格，一個表達邏輯，貫穿產品，一目瞭然。

例如一個下拉動效的一致性，一個轉場動畫的一致性。

例如用詞方式的一致性，“確認”還是“確定”，“您”還是“尊敬的用户”，第一人稱還是第三人稱，一個產品要拉通。

這是以一致性為例子的元素維度思考。元素維度的一致性，幫助產品的每個局部細節都清晰一致，多維度多細節的一致性極大提升產品的精緻性，提升產品質量，提升用户使用產品的愉悦度。

一致性的分析只是開始，設計師小夥伴們可以用這個思考方式去分析其它設計標準。過程不同，結論不同，但是思路是通的。

這個思考方式也只是開始。從宏觀、界面流程、元素開始思考(這3個思考維度相互會有重疊，請設計師小夥伴們自己把握歸類方式)，只能代表設計師開始從一個產品的整體、局部、單點開始分解思考產品設計，後續還需要根據產品商業形態、業務功能、用户需求等去調整思考方式，邊設計邊驗證邊反思，這樣才能用較為深入的思考方式來做一個漂亮的產品、舒服的產品、讓用户能開心的產品。