好設計是怎樣的呢？

Sponsor

前言：設計作品不受青睞？究竟怎樣的設計才能被稱為好設計？在設計業界中究竟如何定義好設計？一個產業發展成熟的標志是建立一套標準體系，但也并非絕對。對于未能做出被認可的設計新人而言，了解設計界對好設計的通用理解與標準，能夠幫助我們減少自己的犯錯，少走前人走過、且為我們總結好的彎路。

一、什么是好設計

做設計這么久，我們先來看看什么是好的設計？好的設計到底是如何定義的。

1.得過設計大獎

▲一組無印良品海報獲得了由日本平面最高獎項——龜倉雄策獎，被譽為日本設計界的「奧斯卡終身成就獎」，代表著日本平面設計的最高水平。畫面僅用色彩和幾何圖形的結合，完美構成了人在自然中露營的和諧場景。

▲可以看到海報中有湖泊、藍天、山脈、森林和露營帳篷，而整個視覺效果是用廢紙板制作表現出來的，可以說非常有創意了。同時和整個商業很好的結合起來。

每年德國舉行的紅點設計大獎，有「設計界的奧斯卡」的美譽，是全球工業設計和發展趨勢的風向標。

▲德國的紅點設計也是讓全球設計師狂熱的獎項，徠卡相機除了價格昂貴，在設計上也是獨具匠心，獲得過很多設計大獎，非常有代表性的大獎設計，同時商業上也很成功。

▲自2015年發布以來，Apple Watch已經成為生活中必不可少的電子設備，獲得了無數設計大獎。

▲除了工業設計，韓國我很喜歡的設計公司Plusx也獲得過很多紅點設計大獎。

所以判斷一個設計是不是好的設計或者商業設計，獲得過大獎是很重要的一個評判標準。

2.符合好的設計原則

在眾多設計準則中，其中特別受廣泛推崇的是Dieter Rams）所定義的“好設計的10個原則， 也即德國博朗公司設計十項原則。

1.Good design is innovative

好的設計是創新的

▲日本設計大師深澤直人設計的這把傘，在傘柄彎曲的地方有一個小凹槽。當你在雨天去超市買完東西，提著袋子去乘公交車或者地鐵的時候，這個凹槽剛好可以在你站著的時候為你充當一個掛鉤的角色。這個設計非常自然又貼心，又有創新。

2.Good design is aesthetic

好的設計是美的

▲產品的美感是實用性不可或缺的一部分，因為每天使用的產品都無時無刻的影響著人類和我們的生活。但是只有精湛的東西才可能是美的。比如蘋果iMac的設計，無論從第一代的半透明，到今天的超薄，無不是完美的設計，在各種電影，MV里，即使遮住了蘋果的LOGO你也知道是蘋果的產品。

3.Good design makes a product understandable

好的設計是易懂的

▲好的設計自己會說話，簡單易懂，比如無印良品這個CD機，即使是老人和小朋友都會使用。

4.Good design is unobtrusive

好的設計是克制的

▲很喜歡張小龍對微信的設計理念定義，克制帶有約束的，就從微信開屏來說，其它是APP早已經商業化了，而微信的開屏多年如一日。

5.Good design is honest

好的設計是誠實的

▲不會故意夸大產品的價值，而是強調功能本身，也不會去欺騙消費者。比如現在很多廣告，特別電商里面，比如我經常買的這款牛奶，從廣告點進去第二件0元，興沖沖的加入購物車，發現還是原價。

6.Good design makes a product useful

好的設計是實用的

▲無論APP也好，還是工業產品設計也好，都是用來用的，必須滿足基本的功能，好的設計會去強調實用性的同時也不會忽略細節，比如無印良品這個電飯煲外形圓圓的很可愛，同時還很多貼心細節，比如有凹槽放飯勺等等。

7.Good design is long-lasting

好的設計是經得起歲月的考驗

▲這些產品或許隨著時代發展消失了，但是它們的設計永遠不會過時，和設計趨勢不同，它會成為一種文化，一種理念，博朗和蘋果早期的作品在今天看來也是經典。

8.Good design is thorough down to the last detail

好的設計是考慮周到并且不放過每個細節的

很多產品的設計，很容易在用戶關注地方做的很好，在用戶忽略地方做的很粗糙，就好比我們去了一個商場，一樓都是各種名牌，高大上，但是去了洗手間，去無法下腳。這種體驗估計用戶不會再去第二次，所以極致的設計不會放過每一個角落。

9.Good design is environmentally friendly

好的設計是環保的

▲瑞典品牌freitag，以卡車車篷為材料的袋包作為材質，具有獨特的二手感，以及獨一無二的花樣及顏色，設計好用同時兼具環保。

10.Good design is as little design as possible

好的設計是盡量少的設計

▲簡潔，并不是簡單，因為它濃縮了產品所必須的具備因素，剔除了不必要的東西?！按蟮乐梁?，平淡為歸”比如圖中這個時鐘設計，兼具美和實用，同時沒有一個多余的設計。

好用且銷量高

另外很重要一點，什么是好的商業設計，就是好用而且市場反饋好，用戶好評多，比如蘋果系列產品，設計本身獲得很多大獎，同時商業價值好，銷量很高。

同理還有戴森的產品，以黑科技為賣點，無論推出的吹風機，還是卷發棒都銷量非常的高，所以好的商業設計需要具備上述所說。

二、產品設計好的設計標準是什么？

了解了好的設計標準，回歸到產品設計，那么什么決定視覺設計的標準呢，UI設計的標準又是什么呢，UI設計視覺元素有木有對應的表達標準。特別是在一些大公司，每個設計師的視覺表達手法是不一樣的，那么有哪些統一的設計標準么，在我認為一共有以下這幾個設計標準：

1.標準的網格系統

1.PC網格

網格的重要性就不再詳細說，谷歌，微軟，蘋果，Naver，阿里都將網格系統作為設計的標準。明確網格系統，它是設計指南里非常重要的一部分，當然網格也不是絕對的，也是可以在基礎上變化。

通常，在Web設計中一般采用12列作為網格標準，因為12列可以輕松的分成6列，4列，3列和2列。

▲PC中12欄網格運用案例，整個頁面會更加統一和標準化，有規律可循。

▲網格是很多公司建立標準的準則，特別是響應式設計運用上。

▲reddit的官網設計也是采用的12欄設計，很好的將頁面進行布局。所以如果你做網頁或者PC設計，網格一定是一個好設計的基礎準則。

2.移動網格

移動端一般采用6列網格，因為大多數產品6列就足夠了。6列在頁面中也很容易3等分或者2等分，6列也是比較常用的一些布局方式。當然也要看場景像淘寶，電商可能需要12列，因為頁面密度太高了。

▲Pin的界面網格系統，可以看出它們是運用一個6列網格系統，所有的圖片各占3列，按鈕占六列，每個頁面的左右邊距相同。

▲airbnb采用的左右邊距48，中間24的網格系統，可以看出這套柵格系統留白會比較多，所以我們在瀏覽airbnb的設計時候會發現他們頁面會非常舒服原因也是如此，airbnb設計和體驗都非常棒。

我們再來看看被稱為規范鼻祖的谷歌在最新的設計語言中，第一次把柵格系統提出來講，谷歌的產品覆蓋手機，web，以及平板，那么谷歌是如何去用柵格系統來定義它們產品體系呢？

▲谷歌的柵格系統除了傳統的邊距和水槽，內容區域外，同時也定義了4欄，可以看出谷歌也是第一次重點來講解他們的網格系統，有興趣了解的同學可以在谷歌官網去詳細了解https://material.io/design/

2.合理的比例關系

比例關系非常重要，可能同樣的內容，合理的比例和不合理看起來會相差甚遠。所以好的合理比例準則也是衡量一個設計好壞的重要標準。

說道比例不得不提黃金比例，是由幾何學的創始人Euclied定義的，大概在公元前300年前。黃金比例值是1.618，但是也有人質疑說，這里比例不是絕對。用黃金比例作為設計依據不合理。我的觀點是，黃金比例可以當做設計參加的基礎，但不是絕對的數字。

▲蘋果設計中，運用黃金比例作為整個APP圖標的設計準則，在蘋果很多設計中都可以看見這種比例的運用。

▲還有很多知名互聯網公司的品牌設計都運用著黃金比例。

▲Facebook的官網設計比例，也是采用的接近黃金比例作為布局方式。

▲谷歌的material規范中有講到，如何定義布局。統一按照標準的比例16：9，3：2，4：3，1：1，3：4，2：3等標準的比例去做設計布局，來統一整個設計。

所以，好的比例規則規范，是設計中非常重要的。我們的設計都應該遵循這種有規律的比例。

3.文字的易讀性

產品設計中，文字信息節奏處理非常重要。我們應該通過各種手段去提升文字的易讀性。

3.1 通過對齊方式提升易讀

▲上圖是一個簡單的示范，3種不同的閱讀感受，如果閱讀節奏沒有做好，沒有對齊，那么閱讀效率就會變的低下，我們來看看上圖用戶是如何閱讀的。

▲拆解上面的方案，你會發現不同的排版，用戶看的方式就不一樣，如果你間距過小，用戶就很難閱讀。間距過大也會出現難以閱讀，所以必須在合理的比例下面設計的閱讀性才會更好。

3.2 通過文字大小提升易用性

▲大多數信息都是由標題，副標題，正文組成。所以在組織信息的時候，可以通過文字大小，字體粗細來加強信息閱讀。蘋果還把黃金比例用于字體上。每個字體大小的對比都是1.7和0.7左右對比，非常接近黃金比例。

3.3 通過對比提升易用性

▲運用對比也是提升易用性經常用到的手段，比如通過文字大小對比，文字的透明度對比。但是要注意互聯網的文字的可訪問性，推薦使用web無障礙標準4.5:1

▲蘋果的官網設計，就是將文字信息運用到極致，如上圖通過文字大小，文字顏色，文字透明度等方式，讓信息閱讀起來更加流暢。

最后

關于設計的準則有很多，設計的準則目的是讓我們的設計更加和諧，它是一個參考標準，但是又不是絕對的，你可以理解為它是一把尺子，這把尺子是保證設計有一個基礎。

作者 | 我們的設計日記
原文網址：https://www.zcool.com.cn/article/ZMTI2MDY1Mg==.html

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。