2016美工設計的三個最基礎標準
關于設計標準的問題，例如產品設計的一致性、容錯、簡潔、重視內容等。在這些問題中，我發現大家思考設計標準的維度都有一些偏差或者不完整，所以今天想把一些自己如何思考設計標準的粗淺想法記錄一下，希望對大家有一些幫助。
1，設計標準的重要性
首先講一下設計標準的重要性。我們在產品設計過程中，經常會遇見這樣的問題，“如何評估現在產品的用戶體驗設計質量”，“如何證明這次改版后用戶體驗設計質量提升”，“如何證明設計團隊在這個產品關鍵數據提升中體現的設計價值”，等等。當然，商業價值體現、產品成功、用戶反饋、數據驗證等，都可以成為我們評判產品用戶體驗設計質量的關鍵參考點，但是我覺得設計團隊應該有一個統一有效有公信力的設計標準，并以這個標準為主導帶動團隊進行設計工作。
這個設計標準應該是根據團隊對應業務進行定制，且同時符合用戶體驗設計主流標準和趨勢的。這個設計標準可以幫助設計團隊拉通設計目標，提升設計團隊整體專業能力;可以幫助業務團隊更充分理解用戶體驗設計，有專業化的用戶體驗設計思考維度，提升業務團隊與設計團隊的合作效率;可以幫助客戶更了解產品設計的過程與用戶體驗設計價值點，提升客戶對產品的理解度和欣賞度。
設計標準好處很多，可以用于指導、自測、專家測試、現狀分析、改版驗證、趨勢分析等產品設計關鍵任務中，所以設計標準大家團隊應該都有一套。設計標準建立并不難，但是在真實項目中落地、迭代、升級需要設計師們用心去做，推動起來需要設計團隊的設計信用和設計地位足夠高。一套設計標準的建立、豐富、推廣，需要設計團隊花不少心思。
我們團隊的設計標準是公司內部材料，不能對外分享。不過有了基本思路，我相信大家都能建立一個初步版本的可以幫助自己設計產品或者支撐業務的設計標準。：)
2，設計標準的思考方式
雖然不能分享我們團隊的設計標準，但是我可以分享一下自己對設計標準的思考方式。工作這么久，思考維度已經開始多樣豐富化，我嘗試簡單從3個維度來分析理解一個設計標準，之前知乎有一個問題邀請我回答什么是用戶體驗設計的一致性，今天我就以一致性這個設計標準來舉例子。
a. 宏觀維度
首先，思考一個設計標準的第一步，應該從宏觀維度來思考。什么是宏觀維度呢?我理解是在界面和基本流程之上的信息架構維度、產品形態維度、業界生態維度、商業維度等方面。
思考一致性，我們可以嘗試思考以下問題：
整個產品的信息框架是否完整有效一致?產品整體信息框架下的各個小模塊框架是否具有框架維度的一致性?例如一致傳遞高效率操作的思路，例如打薄層級的做法，例如內容第一的設計態度等。
產品形態維度是否具有一致性?例如產品整體視覺風格，例如交互設計關注的用戶聚焦掌控性，例如動效設計體現的用戶操作指導性等。產品形態的一致性，應該是從信息架構層一直貫穿到元素層，保證整個產品的每個使用場景都是一致有效的。
產品是否能與業界生態一致?例如產品的核心功能哪些是突破式創新應該不一樣，哪些是需要符合大眾用戶心理模型的場景設計需要一樣;例如每一款手機都可以拍照，如果我們要做一部不能拍照的手機是不是要思考好再行動?這些點都需要考慮清楚，因為用戶在真實世界中使用大量產品，他們的心理模型和行為模式是大眾式的，我們的產品形態需要在很多領域符合業界趨勢，保證產品對用戶的親和力。
產品的商業與設計結合性是否足夠一致?例如一個免費的游戲，通過游戲內消費來盈利，那么整個產品在設計如何引導用戶消費、如何運營等方面，都要在商業思考維度有一致性，這樣才能幫助產品商業結果最優。
這是以一致性為例子的宏觀維度思考。宏觀維度的一致性，幫助產品把控大方向，幫助業務團隊和設計團隊建立對一個產品的'全局把控能力和質量約束能力，幫助設計師控制產品整體信息框架、視覺風格、品牌傳達能力等，幫助商業模式在產品中得到一致性推動。
b. 界面與流程維度
其次，需要思考界面與流程維度的一致性，這個思考模式很容易理解。
界面維度，交互設計的界面布局、聚焦方式、輕重緩急、講故事方式等是否一致;視覺設計的風格設定、視覺效果、感染力、品牌傳達能力是否一致;動效設計的一舉一動、意義表達是否一致。
流程維度，產品在各線操作流中，是否提供給用戶一致的流程體驗。產品流程設計應該讓用戶在整個產品使用過程中感受到自然、容易理解、復用經驗效率高等好的感受，而不是別扭、效率低、同樣操作帶來不同結果等不好的感受。
這是以一致性為例子的界面與流程維度思考。界面與流程維度的一致性，幫助產品整體成型、一致有效，幫助產品實現界面風格統一，幫助用戶在使用產品過程中輕松愉悅。
c. 元素維度
最后不能忘記元素維度的一致性，這個思考模式也不難理解。
例如交互的控件，需要統一穿透整個產品，一個篩選器、一個拖動條、一個樹形結構打開方式等等，都要有產品全局的一致性，這樣的一致性在越大型產品中體現的意義越大。
例如圖標的一致性，一個視覺風格，一個表達邏輯，貫穿產品，一目了然。
例如一個下拉動效的一致性，一個轉場動畫的一致性。
例如用詞方式的一致性，“確認”還是“確定”，“您”還是“尊敬的用戶”，第一人稱還是第三人稱，一個產品要拉通。
這是以一致性為例子的元素維度思考。元素維度的一致性，幫助產品的每個局部細節都清晰一致，多維度多細節的一致性極大提升產品的精致性，提升產品質量，提升用戶使用產品的愉悅度。
一致性的分析只是開始，設計師小伙伴們可以用這個思考方式去分析其它設計標準。過程不同，結論不同，但是思路是通的。
這個思考方式也只是開始。從宏觀、界面流程、元素開始思考(這3個思考維度相互會有重疊，請設計師小伙伴們自己把握歸類方式)，只能代表設計師開始從一個產品的整體、局部、單點開始分解思考產品設計，后續還需要根據產品商業形態、業務功能、用戶需求等去調整思考方式，邊設計邊驗證邊反思，這樣才能用較為深入的思考方式來做一個漂亮的產品、舒服的產品、讓用戶能開心的產品。
【2016美工設計的三個最基礎標準】相關文章：
美工設計的三個基礎標準09-24
網站美工設計基礎07-18
網站美工設計基礎的建議10-03
網站美工設計基礎介紹10-16
網頁美工設計色彩基礎10-03
美工設計基礎知識05-14
網站美工設計基礎知識09-21
初級網站美工設計基礎常識10-03
常用的網站美工設計基礎知識10-01