大道至簡-產(chǎn)品氣質(zhì)

2015-3-10    周周

藍藍設計m.sillybuy.com )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務

無論你是不是一名視覺設計師,可能都會有這樣的感受:視覺設計在創(chuàng)造一個新產(chǎn)品的過程中,顯得并不那么重要,被安排在設計流程最后一環(huán)的視覺設計師們所能接觸的,以及產(chǎn)生影響的范圍都非常有限。我們還會不禁認為,視覺設計不就是畫幾個漂亮的icon和界面,比如我們平??吹揭粋€app的第一印象覺得漂亮,這對學習了幾年美術(shù)設計的人來說簡直易如反掌。

真的是這樣嗎?從我這些年的探索與積累,來談談我從兩個層次理解的視覺設計:

在相對具體的操作層面上,視覺設計涉及到新產(chǎn)品中的每一個界面,要做的就是把它們之間的關(guān)系處理好, 我們可以稱之為排版設計。比方說,我們經(jīng)常看報紙,報紙的設計就是排版設計,每個版面上有大小尺寸的標題,以此讓讀者理解哪條新聞最重要哪條次要,哪條是編輯最希望吸引讀者注意的;視覺設計師在設備上設計遵循著相同的道理,比如手機,現(xiàn)在的手機已經(jīng)成為一個五花八門信息的載體,我們要做的工作就是梳理信息,重新組織它們,用一個簡潔的,有組織有條理的方式展現(xiàn)在用戶面前;并且視覺設計也要考慮到實用性,報紙上單純的閱讀體驗與電子設備上可點擊的操作體驗不同,滿足兩者的視覺設計一定也是不同的。

拔高一個層次來說,也就是視覺設計的最終目標,我認為是對產(chǎn)品的氣質(zhì)負責。什么是氣質(zhì)?如果我們夸獎一個人有氣質(zhì),是對他身上洋溢出的個性風格的贊賞,并且更是在夸獎,這個人擁有一個與他的外表一樣美好的內(nèi)在涵養(yǎng)。那什么是產(chǎn)品的氣質(zhì)?同樣的道理,這個產(chǎn)品傳達了一種個性,或宣揚了一種理念,而且,與它的設計語言交相呼應,協(xié)調(diào)統(tǒng)一。最顯而易見的例子,蘋果或微軟,只要一眼就能認出是它的產(chǎn)品,因為視覺上與產(chǎn)品的性格精神是相一致的。也就是說,每個公司都有自己完整的統(tǒng)一的設計語言,實際上這就是產(chǎn)品的氣質(zhì),而視覺設計就起到了塑造產(chǎn)品氣質(zhì)中很關(guān)鍵的作用。以手機界面舉例,交互設計只是在搭建一個構(gòu)架,并不會對產(chǎn)品氣質(zhì)產(chǎn)生非常直接的影響,而只有當視覺設計開始進行時,當設計師們并不只是把產(chǎn)品當成單獨的一個個頁面來完成,而是從塑造整個產(chǎn)品氣質(zhì)的角度去思考,可能所帶來的作品將會是另外一個境界。這一點是我在微軟工作時切身體會到的,做一個界面其實并不只是做一個界面,而是需要考慮到微軟的品牌,風格,和其它產(chǎn)品線的統(tǒng)一,等等。

說到氣質(zhì),那什么是符合當今審美標準的好氣質(zhì)?怎樣去塑造?這讓我一下聯(lián)想到早年據(jù)說從微軟內(nèi)部流傳出來的一個惡搞視頻,名字叫 如果讓微軟來設計iPod的包裝盒,生動描畫了從一個蘋果式的干凈利落的ipod包裝封面,如何一步步地添上微軟風格的各種幾何色塊,腰封,功能參數(shù)描述等等,直到每一個空隙都被狠狠占滿, 最后儼然成為了又一個office軟件般的包裝。為什么一個包裝設計會成為微軟員工的一番自嘲呢? 我們都知道答案,因為Apple用簡潔的風格,使自己的產(chǎn)品獨樹一幟,并且引領了當今的審美潮流。想想iPhone如何通過簡潔的外觀顛覆并重新定義了手機行業(yè),以至于現(xiàn)在的智能手機外觀幾乎都一模一樣。所以,微軟也意識到了這個問題,我們看到它正在全力地作出改變,無論從新的win8操作系統(tǒng),還是surface,都在轉(zhuǎn)向更為簡潔的設計。

那么簡潔的設計難道只有Apple這一種嗎?

我們來看下面兩個設計,左邊是日本一個很經(jīng)典的手機設計infobar2,右邊是諾基亞新的N9系列,兩者不僅獨具各自的產(chǎn)品氣質(zhì),并且都運用了簡潔的設計語言,重點是完全與Apple不一樣。我相信簡潔的設計絕非只有Apple一種。設計可以因為很多因素而千差萬別,比如說是用來滿足不同的市場需要,比如說是來自不同地方的設計師。在日本、或歐美的設計師,與在中國環(huán)境下的我們,成長環(huán)境不同,問題的思考方式就同,對于美好設計的解讀也一定各有千秋。簡潔不會只是一條路。 

將簡潔,或者說至簡的理念付諸實踐的時候,作為設計師實際在進行的工作便是將現(xiàn)有的設計不斷地做減法。減法不是僅僅將多余的元素去除,更可能是一些巧妙的轉(zhuǎn)換,下面就用一些案例來更好地說明減法的依據(jù)與運用。

用減法將產(chǎn)品從技術(shù)化轉(zhuǎn)向情感化

我曾參與過一個未來冰箱的概念設計?,F(xiàn)在家庭的冰箱門上是一片空白,所以我們會貼上冰箱貼來加以裝飾,那么在未來有沒有辦法在冰箱門上作些文章呢?我們在當時的市場研究中,發(fā)現(xiàn)了相當多概念冰箱的設計,在門上增添了許多實用或娛樂的功能,允許用戶在整片門板區(qū)域內(nèi)進行操作,甚至能夠與個人設備形成互動,冰箱門儼然成了一個巨大的電子設備觸摸屏??墒钱斘覀冮_始真正開展調(diào)研深入思考的時候,卻意識到,人們真的需要一個這樣的冰箱嗎?我們每個人都有電腦,有平板,我們還需要站在家里廚房的冰箱面前去象使用一個電子設備一樣進行復雜的操作嗎?每個用戶都需要在一個在普通電器上實現(xiàn)龐大的功能與技術(shù)嗎?從調(diào)研中,我們獲知人們面對冰箱這個擁有冷冰冰的龐大身軀的電器中,需要的更多是一種情感化或擬人化的交流和體驗。為此,我們才轉(zhuǎn)變了設計思路,開始著手于怎樣用在易用化的條件下給冰箱注入更多的情感化色彩,剔除了復雜技術(shù)化的操作。比如,我們可以用圖像甚至表情的方式來表示冰箱內(nèi)的存儲狀態(tài),食物的新鮮程度,用趣味化的方式來調(diào)節(jié)溫度等等,從追求簡潔的思路來創(chuàng)造一個情感化的產(chǎn)品。

用減法令體驗更流暢便捷

還記得iPhone從前的信息提醒,不管用戶在做什么,有一條新信息時總會在屏幕正中央彈出一個窗口以示提醒,用戶需要當即做出關(guān)掉或者查看這個選擇操作,也就是說當時的設計理念是,新來的信息優(yōu)先級非常高,一定要立即強加給用戶作出一個判斷,可是一定要這樣做嗎?后來的設計中Apple就發(fā)現(xiàn)了這個問題,新信息提醒的優(yōu)先級降低了一層,只顯示在最上面的一條bar上,并可以自動消失。用戶仍舊可以作出判斷,但不會對你當前的活動造成任何干擾。這樣改動的背后原因就在于,對任何設備來講,流暢的用戶體驗才是重要的,切斷正在使用過程中的體驗會給用戶帶來非常不舒暢的感受。所以強加的用戶操作是不必要的,必須減少用戶體驗中的干擾。

減少了用戶操作步驟之后,進一步減少用戶操作的麻煩程度是不是更好呢?一個很常用的例子是在平板電腦上觀看視頻這樣一個場景。下左圖是目前常用的視頻網(wǎng)站的播放界面。大多數(shù)視頻網(wǎng)站都擁有類似的設計,我們雖然已經(jīng)習慣,但是否還有提升的空間?我想答案是肯定的。

試想我們拿著iPad看視頻時候的真實使用環(huán)境是怎樣的?大多數(shù)時候我們的姿勢是坐著,或躺在床上,雙手握住設備在觀看。那么如果能把經(jīng)常使用的操作比如暫停、音量等放到雙手不用移動就能碰到的位置是不是更好呢?兩個大拇指能夠順便滑動的區(qū)域里就能完成大部分的操作,是不是會更好呢?右圖中便是基于這些思考,做出的一個粗概的播放界面,希望能給大家一些啟發(fā)。

用減法來滿足真實的使用環(huán)境

我們將注意力轉(zhuǎn)向另一個產(chǎn)品:電視機。現(xiàn)在,數(shù)字電視已經(jīng)變得相當普及,而網(wǎng)絡電視功能更是商家們最大的賣點之一,那又是為什么電視機的體驗在這幾年來始終不為人稱道?

每個使用過機頂盒的用戶都記得,打開后的主界面,所有的內(nèi)容堆砌在一起,讓人很容易聯(lián)想起網(wǎng)易,新浪這些國內(nèi)新聞門戶網(wǎng)站?,F(xiàn)在我們看到的電視界面顯示方式都有點象把電腦頁面直接搬過來,電腦是用鼠標操作,電視是用很多遙控器操作,兩種屬性完全不一樣;再者,觀看電視的體驗我們稱為后仰式體驗,用戶在一個遠距離的條件下進行操作,這又和電腦桌前聚精會神的狀態(tài)相差甚遠;電視界面與網(wǎng)頁界面完全不可以照搬這是顯而易見的道理;歸根結(jié)底,現(xiàn)在電視機行業(yè)的問題是我們?nèi)笔е嬲龑儆陔娨暤慕缑妗?/span>

這就延伸出了更多改進的可能性。比如,電視上目前體驗很差的輸入法可以怎樣得到改進?現(xiàn)在許多用戶把電視當作載體來用,連接各種各種的dvd,游戲機等,更多的工作是從一個設備轉(zhuǎn)移到另一個設備來完成,這給設計帶來怎樣的機會?結(jié)合前面討論的簡潔至上的理念,電視機上的呼出菜單又能怎樣體現(xiàn)出流暢的用戶體驗等等。這是電視機產(chǎn)品當前的巨大機會,我想也是大眾們?nèi)绱似诖鼳pple電視產(chǎn)品的原因。

日歷

鏈接

個人資料

藍藍設計的小編 http://m.sillybuy.com

存檔