產(chǎn)品的價值觀和設(shè)計原則是構(gòu)成?個優(yōu)秀產(chǎn)品的核?價值之?，本文對設(shè)計師的設(shè)計價值觀和需要遵守的策略進(jìn)行了介紹，與大家分享。

本文目錄：

1. 設(shè)計價值觀
2. 設(shè)計原則
3. 視覺原則

前言

精心設(shè)計產(chǎn)品不單單是功能和外觀方面的表現(xiàn)，用戶體驗應(yīng)該由用戶的信息感受和行為來決定，用戶的每一個行為都應(yīng)該是經(jīng)過慎重考慮的?？萍际菫槿朔?wù)的，人并不為科技服務(wù)。

產(chǎn)品的價值觀和設(shè)計原則是構(gòu)成?個優(yōu)秀產(chǎn)品的核?價值之?，在多個產(chǎn)品團(tuán)隊，為了同?個?標(biāo)前進(jìn)時，遵循?致的產(chǎn)品原則能讓我們的設(shè)計有法可依、有跡可循。盡可能的避免產(chǎn)品在設(shè)計、評審、開發(fā)中產(chǎn)?的?意義的爭論，造成沒必要的扯?和內(nèi)耗。

我們既要保持好奇?和源源不斷的創(chuàng)造?，充?的發(fā)揮??的智慧，?要遵循?定的產(chǎn)品設(shè)計原則。這樣能使我們既能在保持不偏離設(shè)計價值觀的情況下，充分的發(fā)揮??創(chuàng)意，開拓新的視野。

多數(shù)設(shè)計原則和策略不是秘而不宣的武林秘籍，更多的是大家都聽說過又不太了解設(shè)計策略，強(qiáng)烈建議大家看看書，知道規(guī)則才能打破規(guī)則。下面介紹一下我們的設(shè)計價值觀和遵守的策略。

一、設(shè)計價值觀

設(shè)計價值觀為參與者提供了明確的設(shè)計目標(biāo)和?向。?一致價值觀減少設(shè)計的偏差。同時也衍生出一致設(shè)計原則，整合了交互和視覺，把設(shè)計的高度提升到了集成化的層面。

1. 簡單

界?簡單

時刻保持??簡潔清晰。去掉不必要的設(shè)計元素，避免對?戶造成?擾。使?戶能聚焦真正有?的信息，?效傳遞信息，

操作簡單

?件事情的復(fù)雜程度是固定的，不要讓?戶承擔(dān)這部分的責(zé)任。讓?戶通過簡單操作達(dá)到想要的結(jié)果，盡量把復(fù)雜度轉(zhuǎn)移到屏幕背后。多數(shù)人并不為學(xué)到某些知識而高興。往往更享受成功時的成就感，操作失敗對用戶產(chǎn)生嚴(yán)重的挫敗感。

理解簡單

盡可能的減少?戶的學(xué)習(xí)成本和感知成本。并不是每個?戶都是資深的?戶。?戶也不可能在短時間內(nèi)理解我們花了很?時間才梳理出來的的產(chǎn)品。

2. 價值

我們設(shè)計的產(chǎn)品要真正的有價值、真正的能解決?些問題、真正的能為用戶提供服務(wù)?！耙?戶為中?”是我們出發(fā)點(diǎn)，目的地是創(chuàng)造價值。一款真正有社會價值、使用價值、商業(yè)價值、品牌價值的產(chǎn)品才是可延續(xù)的。

3. 品質(zhì)

好的設(shè)計是每一個優(yōu)秀的細(xì)節(jié)疊加起來的。為產(chǎn)品塑造?個優(yōu)秀的品質(zhì)，用戶才愿意和這樣產(chǎn)品做朋友。從頭到尾像和?個久違的朋友?樣對話，這樣的系統(tǒng)才能提供好的體驗。所以我們應(yīng)賦予系統(tǒng)包容、嚴(yán)謹(jǐn)、積極、可靠、彬彬有禮等各種的優(yōu)秀品質(zhì)。

二、設(shè)計原則

1. 簡潔

清晰：使產(chǎn)品聚焦于功能，突出重點(diǎn)信息，讓?戶更簡單的吸收信息。

?效：設(shè)計有效的操作流程，使?戶能?最簡單的操作完成任務(wù)。

2. ?致

設(shè)計一致：讓所有產(chǎn)品保證一致交互體驗。盡可能的減少用戶的學(xué)習(xí)成本

習(xí)慣?致：與現(xiàn)實世界的習(xí)慣、邏輯和反射作用保持一致

3. 克制

刪除：讓用戶專注在核心的功能上，刪除其他功能。

有?：如?必要，勿增實體

4. 反饋

呼應(yīng)：讓產(chǎn)品“活”起來，主動和?戶呼應(yīng)，主動跟?戶交流，

及時：及時的反饋使?戶清晰的知道??當(dāng)前的狀態(tài)

5. 可控

決策前：給予?戶操作建議，減少?戶思考和負(fù)擔(dān)

決策中：包容?戶的?些失誤，并告訴?戶正發(fā)?的情況

決策后：允許?戶撤回重要的操作，給用戶更放心使用

6. 復(fù)用

重復(fù)：將產(chǎn)品或組件進(jìn)?抽象封裝成可復(fù)?的模板，避免重復(fù)制造輪子

三、視覺原則

1. 對?

對比的基本思想是要避免??上的元素太過相似，同時也能在不同元素之間建??種有組織的層次結(jié)構(gòu)，讓?戶快速識別關(guān)鍵信息。如果不相同，那就?脆讓它們截然不同。

大小對比

粗細(xì)對比

色彩對比

狀態(tài)對比

2. 重復(fù)

相同的元素在整個界?中不斷重復(fù)，既能增加條理性，還可以加強(qiáng)統(tǒng)?性。不僅可以有效降低?戶的學(xué)習(xí)成本，也可以幫助?戶識別出這些元素之間的關(guān)聯(lián)性?？梢灾貜?fù)顏?、形狀、空間關(guān)系、線寬、字體、圖標(biāo)、?案、交互?式、版式等。

顏色重復(fù)

版式重復(fù)

文案重復(fù)

3. 對齊

任何東?都不能在??上隨意安放。每個元素都應(yīng)當(dāng)與??上的另?個元素有某種視覺聯(lián)系。這樣能建??種清晰、精巧?且清爽的外觀。在界?設(shè)計中，將元素進(jìn)?對?，既符合?戶的認(rèn)知特性，也能引導(dǎo)視覺流向，讓?戶更流暢地接收信息。

文字左對齊 貨幣右對齊

表單冒號對齊

4. 親密性

如果信息之間關(guān)聯(lián)性越?，它們之間的距離就應(yīng)該越接近，也越像?個視覺單元；反之，則它們的距離就應(yīng)該越遠(yuǎn)，也越像多個視覺單元。親密性的根本?的是實現(xiàn)組織性，讓?戶對??結(jié)構(gòu)和信息層次??了然。這有助于組織信息，減少混亂，為?戶提供清晰的結(jié)構(gòu)。

縱向親密

橫向親密

設(shè)計原則都是相互關(guān)聯(lián)的，單獨(dú)使用一個的情況很少。

舉個例子：下面是很多的布局感覺很常見，但是總有點(diǎn)奇怪，也說不出什么。

其實犯了一些錯誤。

• 紅色方塊的【對比】不夠強(qiáng)烈。
• 綠色方塊內(nèi)顏色沒有【重復(fù)】，就是日常說的色不過三。
• 紅色的虛線標(biāo)記出來的元素沒有【對齊】，擺放太過隨意，沒有章法
• 黃色方框標(biāo)記的區(qū)間一樣，【親密性】不夠，不知道A門店的數(shù)據(jù)是哪個

稍微調(diào)整一下就會干凈很多。

#相關(guān)閱讀#

手把手教你做設(shè)計規(guī)范（1）：顏色篇

手把手教你做設(shè)計規(guī)范（2）：圖標(biāo)篇

作者：Iron設(shè)計邦；微信公眾號?IRON設(shè)計邦

本文由 @Iron設(shè)計邦 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。