想從美工變成真正的設(shè)計師，學習設(shè)計之上的原則很重要。這篇譯文收集了全球各個最優(yōu)秀的產(chǎn)品設(shè)計原則，讓我們了解這些產(chǎn)品設(shè)計背后更高的設(shè)計指導(dǎo)原則。

騰訊視頻TVD：在我們進行產(chǎn)品設(shè)計的時候，總會遇到一些很難決策的地方或者沒有頭緒的時候，例如兩個方案看上去都很不錯，究竟選使用哪個才是對的？在設(shè)計時該往哪個方向進行？

在表層設(shè)計之外，探索和制定更高層級的產(chǎn)品設(shè)計原則應(yīng)當是需要我們努力的方向，這些設(shè)計原則能幫助產(chǎn)品設(shè)計保持更高的一致性。

最近我需要為我的產(chǎn)品設(shè)定最高層級的原則。我尋找著那些簡單卻有力量的設(shè)計準則，那些可以在設(shè)計決策時引導(dǎo)我們，和在討論中打破僵局的準則。

首先，對于設(shè)計原則，我發(fā)現(xiàn)需要先理清一些誤會，在開始前我們先明確一下這個概念。

設(shè)計原則的范圍

如果你嘗試google”設(shè)計原則“，很可能會得到一些平面設(shè)計的基本定理：鄰近、平衡、對比、留白，等等都是些設(shè)計師已經(jīng)熟爛于心的事情。

另一部分你可能還會看到一些科學的設(shè)計流程的原則。這些流程可以指導(dǎo)你高效地產(chǎn)出優(yōu)秀的設(shè)計方案。使用這些設(shè)計流程可以為團隊設(shè)定一個標準，為新加入的成員可以快速上手。

例如英國政府電子服務(wù)的設(shè)計原則GOV.UK Design Principles.

1. 從用戶的需求著手。

2. 少做。多考慮可復(fù)用性和共享，做政府部門應(yīng)該做的事。

3. 通過數(shù)據(jù)來做設(shè)計決策。

4. 盡大的努力讓事情變簡單。

5. 迭代，再迭代。

6. 為所有人設(shè)計。

7. 深刻的理解用戶的使用場景。

8. 創(chuàng)建電子服務(wù)，而不是網(wǎng)站。

9. 保持一致，但不是死板的一成不變。

10. 保持開放，與全世界分享我們的代碼、設(shè)計、想法，這樣才會越來越好。

這十條準則看上去很合理，但我認為這已經(jīng)是業(yè)界的基本標準，誰不是通過數(shù)據(jù)、理解用戶場景才設(shè)計呢。我相信如果你要為自己的團隊設(shè)定設(shè)計原則，你應(yīng)該找到那些可以幫助團隊走得更遠、更有挑戰(zhàn)性的原則。

有些團隊會把他們的設(shè)計原則寫在網(wǎng)上，我有時候會看到諸如”人性化“”樂意溝通“這樣的話。我深信這樣的話完全不值得作為準則掛在墻上，除非你團隊里充滿了垃圾設(shè)計師，從一開始你就不應(yīng)該雇傭這樣的人。

所以，我想找的是產(chǎn)品設(shè)計的準則。英國政府的設(shè)計原則至少有一條是我認為好的：

為所有人設(shè)計

無障礙設(shè)計是好的。所有我們創(chuàng)造的產(chǎn)品都應(yīng)該是盡可能清晰、易讀。如果我們需要為此犧牲優(yōu)雅，那就犧牲吧，我們是為了滿足需求而設(shè)計，不是要設(shè)計出擺在那里的花瓶。我們?yōu)槿珖娜嗽O(shè)計，而不是為某一個人。那些最需要我們服務(wù)的人，通常都是覺得我們服務(wù)最難用的人。讓我們一開始就考慮到他們，為他們設(shè)計,北京網(wǎng)站設(shè)計開發(fā)。

產(chǎn)品的網(wǎng)站設(shè)計原則應(yīng)該可以告訴你的團隊和參與者在艱難決策時應(yīng)該往哪個方向走。他應(yīng)該關(guān)注在如果讓你的產(chǎn)品與競爭對手區(qū)別開，你的用戶在其中應(yīng)該感受到什么樣的體驗。

你肯定聽說過蘋果的人機界面原則和google的material design。系統(tǒng)背后的設(shè)計原則是想要盡可能的把平臺里的產(chǎn)品統(tǒng)一為一種體驗。

如果你的產(chǎn)品存在于不同的平臺，你就應(yīng)該考慮設(shè)立一個設(shè)計系統(tǒng)或設(shè)計原則。因為你既需要讓自己的產(chǎn)品與競爭對手的區(qū)分開，又需要在不同的平臺系統(tǒng)內(nèi)符合他們的設(shè)計原則。

這會導(dǎo)致同一個問題：一些團隊會設(shè)定一些顯而易見的設(shè)計原則：清晰、簡潔、可用。但缺少這些你根本不可能創(chuàng)造出一個好產(chǎn)品，這已經(jīng)是最最最基本的了。

總結(jié)一下

好的網(wǎng)站設(shè)計原則

是指能指導(dǎo)偉大設(shè)計的一系列規(guī)則

設(shè)計流程的準則

是指解釋如何創(chuàng)造偉大產(chǎn)品的流程步驟的準則

為產(chǎn)品而定的設(shè)計原則

產(chǎn)品應(yīng)該帶給用戶什么感覺，帶來什么情緒，如何和競爭產(chǎn)品區(qū)別開

系統(tǒng)的設(shè)計原則

為你的產(chǎn)品在不同環(huán)境不同平臺體驗保持一致的原則。

為什么你的產(chǎn)品需要設(shè)計原則？

有很好的設(shè)計原則并不代表著你的產(chǎn)品也可以笑到最后。顯然，好的產(chǎn)品需要在所有層面上優(yōu)秀的執(zhí)行，而設(shè)計準則只是其中很小的一部分，他能幫助你在有分歧的時候打破僵局，節(jié)省時間，讓團隊有一致的目標。

什么才是好的原則？

簡潔的

有真實的案例

可以引領(lǐng)設(shè)計決策

反映著你的品牌

收集

我收集了一些我覺得好的設(shè)計原則。這里面不會包括基本的平面設(shè)計原理或設(shè)計流程，但我把設(shè)計系統(tǒng)的準則也加在里面了，因為它與產(chǎn)品的設(shè)計原則有重合的地方。

統(tǒng)一的

每一個部分都是為更好的整體提供積極的貢獻。不應(yīng)該有分離或局外的功能。

全球化的

Airbnb是一個會被全球用戶使用的產(chǎn)品。我們的產(chǎn)品和視覺語言對全球用戶都要是友好的和可用的。

清晰聚焦的

當我們呈現(xiàn)設(shè)計和功能時，都應(yīng)該是十分聚焦的。圍繞聚焦的內(nèi)容，我們的設(shè)計應(yīng)該清晰和大膽的傳達給用戶。

口語化的

我們的產(chǎn)品與用戶溝通時，應(yīng)該與現(xiàn)實生活一樣，輕松易懂。

作為“共同的朋友”

讓用戶在線上盡量減少不確定的內(nèi)容、可以方便設(shè)定好自己的期望，從而更好的匹配用戶需要的結(jié)果，真實生活中的線下體驗才會很棒。我們產(chǎn)品是為了房東、租客可以更好的互相認識而設(shè)計的。我們還會不斷了解你的需求，通過好的產(chǎn)品設(shè)計，持續(xù)為用戶創(chuàng)造更好的新體驗。我們?yōu)橛脩艋ハ嗾J識搭好舞臺，互相介紹，然后就離開，把空間留給用戶。就像好朋友的角色一樣，當你需要我的時候，我就在你身邊。

為第一印象而設(shè)計

盡管airbnb在用戶下訂單的時候需要一些信息，但并不需要所有事情都開誠布公。所以我們需要客人告訴我們他是誰，但具體他是什么樣的人，由客人決定吧。

互相信任需要努力

就和現(xiàn)實生活中一樣，你在airbnb里投入什么，就會收獲到什么。airbnb里的信任是相互共享的。我們發(fā)現(xiàn)租客對房東越真誠，房東也會更愿意信任租客。

全球化的

我們的使命是讓全世界更加開放，這意味著我們的產(chǎn)品要觸達世界每一個角落、每一個人。我們要為每一個人、每一種文化、每一種語言、每個生命階段而設(shè)計。這就是為什么我們的產(chǎn)品總是做90%用戶的功能，而不做少數(shù)人的功能，即使這樣意味著我們短期內(nèi)可能后退一點。

以人為中心

用戶使用我們產(chǎn)品是因為這里有他的朋友和他附近的人。 “你在乎的人都在這里“就是我們產(chǎn)品的核心價值。這就是為什么人的臉龐、人們發(fā)的消息比一切視覺設(shè)計都重要。

干凈的

我們的視覺設(shè)計干凈而素雅，就是為了給用戶提供一個干凈的畫布呈現(xiàn)他們的生活。一個極簡的、明亮的空間可以讓參與者真誠的交流。干凈并不是視覺設(shè)計最容易的方法。相反的，因為想極力減少視覺樣式，邊緣的距離、字體的比例，顏色的設(shè)計都變得尤其重要。

始終如一的

擁抱可重復(fù)使用的控件樣式。我們認識到當使用一致的交互控件后，可用性會大大提高，因為不需要重復(fù)的學習。我們保持用同一種聲音和用戶說話，建立信任。盡量做減法、重復(fù)的使用，不要什么都重新設(shè)計。

實際有用的

我們的產(chǎn)品不像娛樂類的產(chǎn)品，它會被每天重復(fù)使用，需要有效率的為用戶提供價值。這就是為什么我們用戶每天最主要的交互方式就是時間流，為用戶大大節(jié)省了要沒必要的點擊和空間的浪費。

快速

我們珍惜用戶的時間比自己的更甚。我們認識到更快速的體驗可以讓人感覺更有效率和不費勁。網(wǎng)站性能不是用戶應(yīng)該關(guān)心和注意到的。我們的網(wǎng)站應(yīng)該盡我們所能的快。

透明

用戶把信任交給我們，他們的身份、照片、想法、對話都因為信任而交給了我們。我們要以大程度的誠實和透明作為回報。對于現(xiàn)在發(fā)生了什么，為什么會這樣，我們都要對用戶如實告知。

整體的美學

整體的美學是指一個app應(yīng)該從外觀、行為與它的功能保持高度的一致性。例如，如果一個app要幫助用戶完成一個嚴肅的任務(wù)，圖形的設(shè)計就應(yīng)該更微妙而不張揚，使用標準的控件，這樣用戶可以很輕松的預(yù)測操作后的反饋。如果一個app是沉浸式的如游戲，就應(yīng)該有一個抓人眼球的外觀，提供有趣、激動人心、鼓勵發(fā)現(xiàn)的體驗。

保持一致

通過使用系統(tǒng)提供的界面元素、大家熟知的icon、標準的文字樣式、統(tǒng)一的術(shù)語來可以使App保持一致。app所包含的功能和行為，都應(yīng)該與用戶期待的所一致。

直接的操作感

對屏幕內(nèi)容的直接操作，使用戶有參與感和容易理解。當旋轉(zhuǎn)設(shè)備或使用手勢來控制屏幕上的內(nèi)容時，用戶應(yīng)該直接體驗到他操作后十分迅速的結(jié)果呈現(xiàn)。

反饋

用戶行為后的及時反饋可以讓用戶馬上知道操作的結(jié)果。iOS的原生app對所有的用戶行為都提供了容易感知的反饋。交互的元素在點擊后會有高亮的點擊態(tài)，進程的指示器會在稍長時間的運行時提供狀態(tài)告知，動效和聲音的提示也可以幫助告知當前行動的結(jié)果。

隱喻

當app中虛擬物體的行為與現(xiàn)實生活中相似時，人們會學習得更快。iOS的隱喻使用得很棒的原因是人們真的在與屏幕交互。你可以拖動視圖來展示內(nèi)容的底部。你也可以拖拽或掃動內(nèi)容。你還可以打開切換按鍵，移動滑塊，滾動選擇器的數(shù)值。你甚至還可以對書籍和雜志進行翻頁的操作。

用戶的操控感

在iOS里，人才是控制者，而不是app。app可以在遇到危險結(jié)果時提出建議的操作，但如果app自作主張的幫用戶做決定就一定是錯的。好的app能在糾錯和讓用戶有操控感之間找到完美平衡點。好的app能通過熟悉的交互元素、再次確認、容易取消之前的操作等來讓用戶覺得他們正在控制大局。

實體感是一種隱喻

通過構(gòu)建科學合理化的空間和系統(tǒng)的動效，形成了實體感的隱喻。由于在研究紙和墨水的時候受到啟發(fā)，實體感的營造靈感來源于可觸摸的實體，實體感的技術(shù)上很先進且充滿想象和魔力。

界面元素的表面和邊緣提供了基于現(xiàn)實的視覺暗示，熟悉的觸感讓用戶可以快速地明白其功能可見性。界面元素的靈活變化甚至創(chuàng)造了超越物理世界的新的功能可見性，但又不會脫離客觀的物理規(guī)律。

光線、界面、運動是傳達物體在移動、交互和空間中相互關(guān)系的基礎(chǔ)。真實的光線會展現(xiàn)出兩個面之間交接線，劃分的空間以及移動的部分。

大膽，生動，有意為之

基于印刷設(shè)計的基本元素-字體、柵格、空間、比例、顏色、圖像的使用-是我們視覺處理的基礎(chǔ)。這些元素的作用遠遠不止養(yǎng)眼。他們創(chuàng)造了層次關(guān)系，意義和焦點。通過顏色選擇、圖像、大比例的字體，和有意的留白可以創(chuàng)造出一個讓用戶沉浸體驗的大膽的、圖形化的界面。

我們要為用戶突出當前的核心功能操作以及路徑的關(guān)鍵節(jié)點。

動效提供意義

用戶才是操作后動效的原動力。因為用戶的行為才有了動效，這會改變整個設(shè)計。

所有動作都在同一個環(huán)境里產(chǎn)生。呈現(xiàn)給用戶的物體即使在變形或重新組織時，也不應(yīng)該打斷整個體驗的連續(xù)性。

為了讓用戶更好的聚焦和維持連續(xù)性，動效要富有意義和適宜的。反饋要微妙細膩且清晰。轉(zhuǎn)變要高效連貫。

保持簡單

我們把簡潔作為統(tǒng)一的終極武器。當設(shè)計是直觀的時候，我們都能感覺到。結(jié)果就會是一個真誠和永不過時的體驗。

個性化

下一步，我們希望能與每個個體都創(chuàng)造情感的聯(lián)系。我們?yōu)槊恳粋€人的真實生活、想法和行動而設(shè)計，結(jié)果就會感受到像是為每一個人設(shè)計。

更加全球化的思考

擁抱更人性化的設(shè)計。這遠遠不只是造物，而是讓生活更加美好。這樣技術(shù)就非常有包容性。

創(chuàng)造愉快

我們最后的準則是關(guān)于設(shè)計所體現(xiàn)出的能量。你如何感受到這個體驗是由一個真實的人設(shè)計出來的。結(jié)果就會是讓人驚喜的體驗。

帶有引導(dǎo)性的而不是什么都讓用戶選擇

這個準則主要應(yīng)用于當我們設(shè)計medium的輸入編輯器時。我們有意的引導(dǎo)特定編排、字體和顏色選擇，是因為我們希望用戶把焦點放在寫作上，而不是被太多選擇所分散注意力。

分享題目：成都網(wǎng)站建設(shè)：全球頂尖的設(shè)計團隊都有哪些設(shè)計原則？
網(wǎng)站路徑：http://aaarwkj.com/news2/313002.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、網(wǎng)站設(shè)計公司、移動網(wǎng)站建設(shè)、App開發(fā)、服務(wù)器托管、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)