什么樣的設(shè)計才是好設(shè)計?

sky
0 評論 7164 瀏覽 13 收藏 21 分鐘

編輯導語:設(shè)計師在日常工作中經(jīng)常與其他同事有些分歧,比如產(chǎn)品不理解你的設(shè)計,覺得頁面不夠好看等等,那到底什么樣的設(shè)計叫做好設(shè)計呢?本文作者分享了關(guān)于“好設(shè)計”的定義以及分析,我們一起來了解一下。

有同學問我,說做設(shè)計好難,領(lǐng)導和產(chǎn)品不懂設(shè)計,每次給看設(shè)計,都說覺得丑,改了受氣,不改又說態(tài)度不行,那么到底什么是好設(shè)計。今天和大家聊聊到底什么是好設(shè)計?希望這篇文章可以幫到你。

一、什么是好設(shè)計

做設(shè)計這么久,我們先來看看什么是好的設(shè)計?好的設(shè)計到底是如何定義的。

1. 得過設(shè)計大獎

主管每次看我作品就說:好丑!

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

主管每次看我作品就說:好丑!

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

主管每次看我作品就說:好丑!

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

主管每次看我作品就說:好丑!

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

主管每次看我作品就說:好丑!

▲自2015年發(fā)布以來,Apple Watch已經(jīng)成為生活中必不可少的電子設(shè)備,獲得了無數(shù)設(shè)計大獎。

主管每次看我作品就說:好丑!

▲除了工業(yè)設(shè)計,韓國我很喜歡的設(shè)計公司Plusx也獲得過很多紅點設(shè)計大獎。

主管每次看我作品就說:好丑!

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

2. 符合好的設(shè)計原則

主管每次看我作品就說:好丑!

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

1)Good design is innovative

好的設(shè)計是創(chuàng)新的

主管每次看我作品就說:好丑!

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

2)Good design is aesthetic

好的設(shè)計是美的

主管每次看我作品就說:好丑!

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

3)Good design makes a product understandable

好的設(shè)計是易懂的

主管每次看我作品就說:好丑!

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

4)Good design is unobtrusive

好的設(shè)計是克制的

主管每次看我作品就說:好丑!

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

5)Good design is honest

好的設(shè)計是誠實的

主管每次看我作品就說:好丑!

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

6)Good design makes a product useful

好的設(shè)計是實用的

主管每次看我作品就說:好丑!

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

7)Good design is long-lasting

好的設(shè)計是經(jīng)得起歲月的考驗

主管每次看我作品就說:好丑!

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

8)Good design is thorough down to the last detail

好的設(shè)計是考慮周到并且不放過每個細節(jié)的

主管每次看我作品就說:好丑!

很多產(chǎn)品的設(shè)計,很容易在用戶關(guān)注地方做的很好,在用戶忽略地方做的很粗糙,就好比我們?nèi)チ艘粋€商場,一樓都是各種名牌,高大上,但是去了洗手間,去無法下腳;這種體驗估計用戶不會再去第二次,所以極致的設(shè)計不會放過每一個角落。

9)Good design is environmentally friendly

好的設(shè)計是環(huán)保的

主管每次看我作品就說:好丑!

▲瑞典品牌freitag,以卡車車篷為材料的袋包作為材質(zhì),具有獨特的二手感,以及獨一無二的花樣及顏色,設(shè)計好用同時兼具環(huán)保。

10)Good design is as little design as possible

好的設(shè)計是盡量少的設(shè)計

主管每次看我作品就說:好丑!

▲簡潔,并不是簡單,因為它濃縮了產(chǎn)品所必須的具備因素,剔除了不必要的東西?!按蟮乐梁啠降瓰闅w”比如圖中這個時鐘設(shè)計,兼具美和實用,同時沒有一個多余的設(shè)計。

3. 好用且銷量高

主管每次看我作品就說:好丑!

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

主管每次看我作品就說:好丑!

同理還有戴森的產(chǎn)品,以黑科技為賣點,無論推出的吹風機,還是卷發(fā)棒都銷量非常的高,所以好的商業(yè)設(shè)計需要具備上述所說。

二、產(chǎn)品設(shè)計好的設(shè)計標準是什么?

主管每次看我作品就說:好丑!

了解了好的設(shè)計標準,回歸到產(chǎn)品設(shè)計,那么什么決定視覺設(shè)計的標準呢,UI設(shè)計的標準又是什么呢,UI設(shè)計視覺元素有木有對應的表達標準。

特別是在一些大公司,每個設(shè)計師的視覺表達手法是不一樣的,那么有哪些統(tǒng)一的設(shè)計標準么,在我認為一共有以下這幾個設(shè)計標準:

1. 標準的網(wǎng)格系統(tǒng)

1)PC網(wǎng)格

主管每次看我作品就說:好丑!

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

通常,在Web設(shè)計中一般采用12列作為網(wǎng)格標準,因為12列可以輕松的分成6列,4列,3列和2列。

主管每次看我作品就說:好丑!

主管每次看我作品就說:好丑!

▲PC中12欄網(wǎng)格運用案例,整個頁面會更加統(tǒng)一和標準化,有規(guī)律可循。

主管每次看我作品就說:好丑!

▲網(wǎng)格是很多公司建立標準的準則,特別是響應式設(shè)計運用上。

主管每次看我作品就說:好丑!

主管每次看我作品就說:好丑!

▲reddit的官網(wǎng)設(shè)計也是采用的12欄設(shè)計,很好的將頁面進行布局。所以如果你做網(wǎng)頁或者PC設(shè)計,網(wǎng)格一定是一個好設(shè)計的基礎(chǔ)準則。

2)移動網(wǎng)格

主管每次看我作品就說:好丑!

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

主管每次看我作品就說:好丑!

主管每次看我作品就說:好丑!

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

主管每次看我作品就說:好丑!

主管每次看我作品就說:好丑!

▲airbnb采用的左右邊距48,中間24的網(wǎng)格系統(tǒng),可以看出這套柵格系統(tǒng)留白會比較多,所以我們在瀏覽airbnb的設(shè)計時候會發(fā)現(xiàn)他們頁面會非常舒服原因也是如此,airbnb設(shè)計和體驗都非常棒。

主管每次看我作品就說:好丑!

我們再來看看被稱為規(guī)范鼻祖的谷歌在最新的設(shè)計語言中,第一次把柵格系統(tǒng)提出來講,谷歌的產(chǎn)品覆蓋手機,web,以及平板,那么谷歌是如何去用柵格系統(tǒng)來定義它們產(chǎn)品體系呢?

主管每次看我作品就說:好丑!

主管每次看我作品就說:好丑!

▲谷歌的柵格系統(tǒng)除了傳統(tǒng)的邊距和水槽,內(nèi)容區(qū)域外,同時也定義了4欄,可以看出谷歌也是第一次重點來講解他們的網(wǎng)格系統(tǒng)。

2. 合理的比例關(guān)系

主管每次看我作品就說:好丑!

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

主管每次看我作品就說:好丑!

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

主管每次看我作品就說:好丑!

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

主管每次看我作品就說:好丑!

▲還有很多知名互聯(lián)網(wǎng)公司的品牌設(shè)計都運用著黃金比例。

主管每次看我作品就說:好丑!

▲Facebook的官網(wǎng)設(shè)計比例,也是采用的接近黃金比例作為布局方式。

主管每次看我作品就說:好丑!

主管每次看我作品就說:好丑!

▲谷歌的material規(guī)范中有講到,如何定義布局。統(tǒng)一按照標準的比例16:9,3:2,4:3,1:1,3:4,2:3等標準的比例去做設(shè)計布局,來統(tǒng)一整個設(shè)計。

所以,好的比例規(guī)則規(guī)范,是設(shè)計中非常重要的。我們的設(shè)計都應該遵循這種有規(guī)律的比例。

3. 文字的易讀性

產(chǎn)品設(shè)計中,文字信息節(jié)奏處理非常重要。我們應該通過各種手段去提升文字的易讀性。

1)通過對齊方式提升易讀

主管每次看我作品就說:好丑!

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

主管每次看我作品就說:好丑!

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

2)通過文字大小提升易用性

主管每次看我作品就說:好丑!

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

3)通過對比提升易用性

主管每次看我作品就說:好丑!

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

主管每次看我作品就說:好丑!

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

三、最后

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

#專欄作家#

Sky,微信公眾號:我們的設(shè)計日記(ID:helloskys),人人都是產(chǎn)品經(jīng)理專欄作家。原支付寶體驗設(shè)計專家,阿里巴巴天貓設(shè)計專家;10年知名互聯(lián)網(wǎng)公司設(shè)計經(jīng)驗,對于產(chǎn)品從0到1、品牌定位、金融產(chǎn)品、設(shè)計規(guī)范、運營規(guī)范、大促等有豐富實戰(zhàn)經(jīng)驗。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自?Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!