起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識手把手教你做設計規范（3）：設計原則篇
產品的價值觀和設計原則是構成?個優秀產品的核?價值之?，本文對設計師的設計價值觀和需要遵守的策略進行了介紹，與大家分享。
本文目錄：
- 設計價值觀
- 設計原則
- 視覺原則
前言
精心設計產品不單單是功能和外觀方面的表現，用戶體驗應該由用戶的信息感受和行為來決定，用戶的每一個行為都應該是經過慎重考慮的?？萍际菫槿朔盏模瞬⒉粸榭萍挤?。
產品的價值觀和設計原則是構成?個優秀產品的核?價值之?，在多個產品團隊，為了同?個?標前進時，遵循?致的產品原則能讓我們的設計有法可依、有跡可循。盡可能的避免產品在設計、評審、開發中產?的?意義的爭論，造成沒必要的扯?和內耗。
我們既要保持好奇?和源源不斷的創造?，充?的發揮??的智慧，?要遵循?定的產品設計原則。這樣能使我們既能在保持不偏離設計價值觀的情況下，充分的發揮??創意，開拓新的視野。
多數設計原則和策略不是秘而不宣的武林秘籍，更多的是大家都聽說過又不太了解設計策略，強烈建議大家看看書，知道規則才能打破規則。下面介紹一下我們的設計價值觀和遵守的策略。
一、設計價值觀
設計價值觀為參與者提供了明確的設計目標和?向。?一致價值觀減少設計的偏差。同時也衍生出一致設計原則，整合了交互和視覺，把設計的高度提升到了集成化的層面。
1. 簡單
界?簡單
時刻保持??簡潔清晰。去掉不必要的設計元素，避免對?戶造成?擾。使?戶能聚焦真正有?的信息，?效傳遞信息，
操作簡單
?件事情的復雜程度是固定的，不要讓?戶承擔這部分的責任。讓?戶通過簡單操作達到想要的結果，盡量把復雜度轉移到屏幕背后。多數人并不為學到某些知識而高興。往往更享受成功時的成就感，操作失敗對用戶產生嚴重的挫敗感。
理解簡單
盡可能的減少?戶的學習成本和感知成本。并不是每個?戶都是資深的?戶。?戶也不可能在短時間內理解我們花了很?時間才梳理出來的的產品。
2. 價值
我們設計的產品要真正的有價值、真正的能解決?些問題、真正的能為用戶提供服務?！耙?戶為中?”是我們出發點，目的地是創造價值。一款真正有社會價值、使用價值、商業價值、品牌價值的產品才是可延續的。
3. 品質
好的設計是每一個優秀的細節疊加起來的。為產品塑造?個優秀的品質，用戶才愿意和這樣產品做朋友。從頭到尾像和?個久違的朋友?樣對話，這樣的系統才能提供好的體驗。所以我們應賦予系統包容、嚴謹、積極、可靠、彬彬有禮等各種的優秀品質。
二、設計原則
1. 簡潔
清晰：使產品聚焦于功能，突出重點信息，讓?戶更簡單的吸收信息。
?效：設計有效的操作流程，使?戶能?最簡單的操作完成任務。
2. ?致
設計一致：讓所有產品保證一致交互體驗。盡可能的減少用戶的學習成本
習慣?致：與現實世界的習慣、邏輯和反射作用保持一致
3. 克制
刪除：讓用戶專注在核心的功能上，刪除其他功能。
有?：如?必要，勿增實體
4. 反饋
呼應：讓產品“活”起來，主動和?戶呼應，主動跟?戶交流，
及時：及時的反饋使?戶清晰的知道??當前的狀態
5. 可控
決策前：給予?戶操作建議，減少?戶思考和負擔
決策中：包容?戶的?些失誤，并告訴?戶正發?的情況
決策后：允許?戶撤回重要的操作，給用戶更放心使用
6. 復用
重復：將產品或組件進?抽象封裝成可復?的模板，避免重復制造輪子
三、視覺原則
1. 對?
對比的基本思想是要避免??上的元素太過相似，同時也能在不同元素之間建??種有組織的層次結構，讓?戶快速識別關鍵信息。如果不相同，那就?脆讓它們截然不同。
大小對比
粗細對比
色彩對比
狀態對比
2. 重復
相同的元素在整個界?中不斷重復，既能增加條理性，還可以加強統?性。不僅可以有效降低?戶的學習成本，也可以幫助?戶識別出這些元素之間的關聯性?？梢灾貜皖?、形狀、空間關系、線寬、字體、圖標、?案、交互?式、版式等。
顏色重復
版式重復
文案重復
3. 對齊
任何東?都不能在??上隨意安放。每個元素都應當與??上的另?個元素有某種視覺聯系。這樣能建??種清晰、精巧?且清爽的外觀。在界?設計中，將元素進?對?，既符合?戶的認知特性，也能引導視覺流向，讓?戶更流暢地接收信息。
文字左對齊 貨幣右對齊
表單冒號對齊
4. 親密性
如果信息之間關聯性越?，它們之間的距離就應該越接近，也越像?個視覺單元；反之，則它們的距離就應該越遠，也越像多個視覺單元。親密性的根本?的是實現組織性，讓?戶對??結構和信息層次??了然。這有助于組織信息，減少混亂，為?戶提供清晰的結構。
縱向親密
橫向親密
設計原則都是相互關聯的，單獨使用一個的情況很少。
舉個例子：下面是很多的布局感覺很常見，但是總有點奇怪，也說不出什么。
其實犯了一些錯誤。
- 紅色方塊的【對比】不夠強烈。
- 綠色方塊內顏色沒有【重復】，就是日常說的色不過三。
- 紅色的虛線標記出來的元素沒有【對齊】，擺放太過隨意，沒有章法
- 黃色方框標記的區間一樣，【親密性】不夠，不知道A門店的數據是哪個
稍微調整一下就會干凈很多。
#相關閱讀#
作者：Iron設計邦；微信公眾號?IRON設計邦
本文由 @Iron設計邦 原創發布于人人都是產品經理，未經作者許可，禁止轉載。
題圖來自Unsplash，基于CC0協議。
- 目前還沒評論，等你發揮！
