2021-6-17 資深UI設計者
編輯導語：設計師在日常工作中經常與其他同事有些分歧，比如產品不理解你的設計，覺得頁面不夠好看等等，那到底什么樣的設計叫做好設計呢？本文作者分享了關于“好設計”的定義以及分析，我們一起來了解一下。
有同學問我，說做設計好難，領導和產品不懂設計，每次給看設計，都說覺得丑，改了受氣，不改又說態度不行，那么到底什么是好設計。今天和大家聊聊到底什么是好設計？希望這篇文章可以幫到你。
做設計這么久，我們先來看看什么是好的設計？好的設計到底是如何定義的。
▲一組無印良品海報獲得了由日本平面最高獎項——龜倉雄策獎，被譽為日本設計界的「奧斯卡終身成就獎」，代表著日本平面設計的最高水平。畫面僅用色彩和幾何圖形的結合，完美構成了人在自然中露營的和諧場景。
▲可以看到海報中有湖泊、藍天、山脈、森林和露營帳篷，而整個視覺效果是用廢紙板制作表現出來的，可以說非常有創意了。同時和整個商業很好的結合起來。
每年德國舉行的紅點設計大獎，有「設計界的奧斯卡」的美譽，是全球工業設計和發展趨勢的風向標。
▲德國的紅點設計也是讓全球設計師狂熱的獎項，徠卡相機除了價格昂貴，在設計上也是獨具匠心，獲得過很多設計大獎，非常有代表性的大獎設計，同時商業上也很成功。
▲自2015年發布以來，Apple Watch已經成為生活中必不可少的電子設備，獲得了無數設計大獎。
▲除了工業設計，韓國我很喜歡的設計公司Plusx也獲得過很多紅點設計大獎。
所以判斷一個設計是不是好的設計或者商業設計，獲得過大獎是很重要的一個評判標準。
在眾多設計準則中，其中特別受廣泛推崇的是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）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欄，可以看出谷歌也是第一次重點來講解他們的網格系統。
比例關系非常重要，可能同樣的內容，合理的比例和不合理看起來會相差甚遠。所以好的合理比例準則也是衡量一個設計好壞的重要標準。
說道比例不得不提黃金比例，是由幾何學的創始人Euclied定義的，大概在公元前300年前。黃金比例值是1.618，但是也有人質疑說，這里比例不是絕對。用黃金比例作為設計依據不合理。我的觀點是，黃金比例可以當做設計參加的基礎，但不是絕對的數字。
▲蘋果設計中，運用黃金比例作為整個APP圖標的設計準則，在蘋果很多設計中都可以看見這種比例的運用。
▲還有很多知名互聯網公司的品牌設計都運用著黃金比例。
▲Facebook的官網設計比例，也是采用的接近黃金比例作為布局方式。
▲谷歌的material規范中有講到，如何定義布局。統一按照標準的比例16：9，3：2，4：3，1：1，3：4，2：3等標準的比例去做設計布局，來統一整個設計。
所以，好的比例規則規范，是設計中非常重要的。我們的設計都應該遵循這種有規律的比例。
產品設計中，文字信息節奏處理非常重要。我們應該通過各種手段去提升文字的易讀性。
1）通過對齊方式提升易讀
▲上圖是一個簡單的示范，3種不同的閱讀感受，如果閱讀節奏沒有做好，沒有對齊，那么閱讀效率就會變的低下，我們來看看上圖用戶是如何閱讀的。
▲拆解上面的方案，你會發現不同的排版，用戶看的方式就不一樣，如果你間距過小，用戶就很難閱讀。間距過大也會出現難以閱讀，所以必須在合理的比例下面設計的閱讀性才會更好。
2）通過文字大小提升易用性
▲大多數信息都是由標題，副標題，正文組成。所以在組織信息的時候，可以通過文字大小，字體粗細來加強信息閱讀。蘋果還把黃金比例用于字體上。每個字體大小的對比都是1.7和0.7左右對比，非常接近黃金比例。
3）通過對比提升易用性
▲運用對比也是提升易用性經常用到的手段，比如通過文字大小對比，文字的透明度對比。但是要注意互聯網的文字的可訪問性，推薦使用web無障礙標準4.5:1
▲蘋果的官網設計，就是將文字信息運用到極致，如上圖通過文字大小，文字顏色，文字透明度等方式，讓信息閱讀起來更加流暢。
關于設計的準則有很多，設計的準則目的是讓我們的設計更加和諧，它是一個參考標準，但是又不是絕對的，你可以理解為它是一把尺子，這把尺子是保證設計有一個基礎。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務