【大師說】陳謙:極簡設計之路
【導讀】偉大的設計都是簡單的。當你的設計無法再簡單一步時,她就在接近完美。這個原理跨越歷史、文化和種族。騰訊移動互聯網設計中心助理總經理陳謙今天帶來的演講題目是“極簡設計之路”。
今天在這里和大家分享過去一些年中我自己對設計的思考。先簡單介紹一下,我來自于騰訊MXD,我們絕大多數工作和移動互聯網產品相關,恰巧今天我想講述的內容以及這中間的很多思考都是基于移動端的產品。 設計信條對于設計師來說非常關鍵,特別是長期發展。關于設計的思考某種程度也可以理解為關于設計信條的建立。 時光倒退回2001年,那個時間我接觸了很多電子產品,這是我當時買的一部智能手機,讓我感受到科技的進步并沒有讓生活變得更加簡單和愉悅,甚至有時讓我們生活變得更加復雜。作為一個設計師我常常問自己,如果我只有一次機會,用一個詞語形容在當前或者是未來相當長一段時間內,我們消費者產品,我們希望用戶體驗到底是什么樣,能否用一個詞來形容。這個詞對我來說就是“極簡”。 先討論一下怎么定義簡單。近幾年,當和很多朋友聊到極簡時,往往第一個問題,簡單是不是就是現在流行的扁平化,架構扁平化或者是視覺的扁平化,我的答案是否定,簡單可以是非扁平。同樣發現扁平化作品沒有設計的恰當仍然是復雜。到底什么是簡單,先來看四個建筑作品,雅典神廟等,我認為他們都是同樣的簡單,因為我把簡單定義成合理,美學上的合理,邏輯上的合理。極簡就是極度的合理。今天討論的極簡和設計作品外在展現形式無關和內在本質有關。 如果說我們如何做出極簡設計,2007年之后,在這方面有持續的思考和項目上的實踐,這里分享六點: 回到那部手機,當時我就會想為什么一個手機讓生活變得更加復雜,是不是因為那個年代的很多電器把大量的功能進行外露帶來記憶或者是操作上的成本,后來發現并不是,那么原因是什么?可能是選擇。當從光標焦點從A移到B有四種選擇,當輸入文本時有三種選擇。這些選擇意味著什么?我們討論和選擇有關的理論,就是希克法則。 從圖表中可以看到橫軸代表的是一個用戶面臨的選擇數量,縱軸代表的是所需要做出決定的時間。從曲線可以發現,當一個用戶面臨選擇數量越多所需要做出決定的時間越長,效率就越低。換句話說當把選擇數量降到1做出決定時間最短。這個法則在產品設計中得到非常好的體現。在講智能手機,大家往往會把蘋果作為智能手機上的標桿,下面以蘋果為例看一下。 蘋果把移動光標選擇從4減到1,文本選擇從3減到1,打開選擇從2減到1。 看一下Windows,從Windows98開始有一個快捷菜單,當打開快捷菜單的軟件右邊會出現軟件入口,軟件入口會重復出現快捷菜單和右側按鈕,這就帶來一定選擇,Windows7進行了改進。 看手機QQ瀏覽器設計,這是2年多前的版本,當時一些功能會散布在頁面或者軟件中多個不同的地方,比如說加書簽這個功能會出現頁面的左上角和葉面底下,新版本遵循的設計原則之一,一個功能入口只出現在一處。相比較一個功能入口散布在多個地方,更愿意集中所有的精力把唯一入口體驗做到最棒。 我把產品設計中經常會帶來選擇的原因分稱五類,重復性的東西、無需求東西、不一致東西、過于細化東西、多功能東西。對于其中每一類都有相應的解決辦法,剛才討論的案例都是聚焦在第一類,就是重復性的東西。 我分析近十年來在業界受到廣泛認同優秀產品的案例,無論是新發布的產品,或者是現有產品的更新,無論是桌面端、Web、移動端,無論是軟件還是硬件,都有一個共同的趨勢,我們都可以選擇在消失,偉大的產品從選擇消失開始。 這是真實案例,前面乘客按了半天電梯沒有動,最后發現按的是數字不是按鈕。排版非常松散,甚至難以發現其中一個按鈕屬于左邊樓層還是右邊樓層。另外一個案例,信息分組清晰了一些,但是并不完美。開門鍵和關門鍵和樓層鍵沒有明確的區分。再看下一個案例,這是旅行時在郊外小旅館見到的電梯,當時給我很多驚喜。哪怕通過按鈕位置的排布和按鈕顏色,就可以把電梯面板分組效率和愉悅提升一個檔次。 接下來聊有關分組理論,就是格式塔原則。 格式塔心理學又稱為慢性心理學,中間和設計,特別是葉面排版設計緊密相關兩個定律一個是接近率,在物理距離上更加接近的距離會認知為同一類,就像這個例子。第二個是相似率,會把某些屬性上相似的物體認為一類,會包含形狀、色彩、字體,樣式,例如陰影這些。相似率和接近率在平常用戶圖形界面設計中非常依賴兩個定律,看似很簡單。但是交織在一起時非常強大,或者是帶來設計上非常大的挑戰。我們會發現這兩個定律不僅是簡單平行,有時會交織,會產生平衡,甚至會產生矛盾。 例如這個案例,我們很自然認為左邊6點一組,右邊一組,賦予色彩有一些糾結,紅的一組,黑的一組,賦予形狀,左邊是一組,右邊是一組。當我們在賦予分割線,你會認為上面一組,下面一組。界面設計中很多圖形排版無非通過這樣幾種模式進行調整。 這是iOS設置界面,非常簡單的設置列表界面。為什么我們會認為中間有三組,因為接近率在起作用,為什么會認為中間每個條目層級是平等,是因為相似率在起作用。 左邊是蘋果4,右邊是蘋果6,左邊電話響鈴鍵和音量鍵比較等同,右邊有明顯的區分,這是接近率在電話上的提升。 有一次晚上在公共汽車上牌的照片,你會發現讓你扶的扶手是黃色,不讓你觸碰的門框也是黃色。這是扶梯,讓你站的地方是黃色,不讓你站的地方也是黃色。這是見到另外一個扶梯,顏色清晰一下,但是并不完美,讓你站的臺階有些地方綠色有些地方沒有綠色。這是目前最佳的案例,但是并不完美,至少相比前面兩個在定律上沒有錯誤。 接近率與相似率我覺得相似率更加重要,相似率是圖形界面的認知基礎,有了相似率大腦才能認知圖形界面。這是一個界面,因為相似率可以識別成一個界面。有了相似率才可以把相似按鈕識別成同一類,可以把相似尺寸縮略圖識別成同一類,這樣才能更快的處理信息。 這是騰訊地圖一個界面,是幾乎沒有文字的界面,為什么能夠識別路網、湖泊和綠地,是因為相似率。 相似率非常重要,設計圖形某種程度上就是設計相似形,讓邏輯上相似的物體在表現形式上相似,這樣讓界面既有豐富又有內在的和諧統一。 這個詞出現在很多領域,音箱器材、設想器材,這是70、80年代收音機非常經典的款式,聽過磁帶播放的同學會記得好的器材和差的器材在播放磁帶時噪音會有非常明顯的不同。信噪比在設計上也有所體現,講信噪比之前看一下理論,1949年他們發布的模型,大概描述的是用戶A和用戶B通過電腦之間溝通的過程,用戶A也就是信息源,信息源把語音通過發射機就是話筒編碼成電子信號,通過通道轉給接收機就是聽筒,然后傳給目的地,也就是用戶B,這是很簡單的過程。 模型被很多領域所采用,在設計行業這個領域也有適用的地方,我自己進行了改變,結論是如果想提高設計師和用戶之間的溝通效率四條,增強信號、降低噪音、控制信息總量、統一設計師和用戶之間的密碼本。 舉一個淺顯和清晰的例子如何增強信號,這是2011年同一天我截的3個首頁,這是XBOX、索尼的首頁,這是蘋果的首頁,如何增強信號,在視線流、面積、視覺重量上最突出的元素保持一致,這時信號就可以最強。XBOX在視線流、視覺重量上有所矛盾,并不是很清楚。中間沒有圖形,字體是最顯著,界面焦點或者是重點比較分散。索尼在視線流和重量上一致,但是面積并不是一致,地下面積比上面大。蘋果再看完全一致。信噪比最終目標是能否做到極致信噪比,液面上每一個元素,每一個象素都有存在的意義。也就是說象素是信號不是噪音,如果能做到這一點,我們作品就可以達到極致的信噪比。 這是我分享三點關于極簡設計的想法,最后重復一下,設計信條很重要。 文章來自 視覺ME先分享一個詞:信條
定義簡單
極度合理的設計
一、消失的選擇
二、高效分組
三、信噪比
略有跑題,但是信息量還可以….
講的是“極簡設計”,文章偏偏又把簡單的事情說得復雜了;
1、“,我們都可以選擇在消失,偉大的產品從選擇消失開始?!蔽恼峦怀霰磉_的應該是“消失的選擇”,而不是“選擇”在消失
2、明明說的是信息的組合,非得講“相似率”和“接近率”,請先解釋一下這兩個詞有啥區別
3、“信噪比”,就直接說有效的信息就完了,非得zhuai個專業詞,顯得你知道的多啊
文字不配圖就不說了,不排除文案是不是直接現場的錄音
兄弟啊,不專業啊,圖呢
感覺是不是缺了幾張配圖?