什么樣的設(shè)計才是好設(shè)計?
編輯導語:設(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é)議
- 目前還沒評論,等你發(fā)揮!