我對扁平設計和擬物化設計一些看法

世界著名設計師Deter Rams早在上世紀70年代已經在工業領域設計出了自己獨有的,并且一直在后來被成功應用的設計風格。寫到這里也許大家還很陌生,但是看看蘋果的產品吧。MacBook被人民追捧為工業設計上的藝術品,當絕大數人都在這樣說的時候,其實我們應該更加的感謝deter rams,這個偉大的設計師。MacBook的風格里有太多他設計作品的影子。詳細的deter rams的作品這里附上鏈接http://www.zhihu.com/question/20506117/answer/15320348

再來談談MacBook。每當說到她的時候,很多人心中還是充滿的了羨慕和欣賞。這樣一款工業上的藝術品在我年少時也曾深深的吸引著我。我想光從外觀來看,就知道這是一個把細節追求到極致的產品。和以往那些通過增加額外的元素和風格來達到塑造完美產品的手法不一樣的是,這樣的一款產品在細節上渾然天成,也奠定了她在pc世界里高端的定位。后人模仿無數,但依舊褪不去自己身上的那些瑕疵。正是這樣一款產品,才使得OS也必須是一樣極致的產品。所以蘋果開始至今(以后據說會使用flat design)一直都是擬物化設計的先驅。界面上的每一個圖標絕對都是像素級別的設計考慮,有些產品在適應大屏幕的時候開始出現細微的鋸齒(其實不仔細看還不知道,但是設計師必須考慮到更細微的東西),但是MacOS上面基本不會出現,除非你放大再放大。那么說了這么多接下來開始說一下擬物化設計和扁平化設計的關系。

當我們說擬物化設計的時候,從邏輯的角度考慮對里面就是非擬物的設計,而不是平面化的設計。所以出現了扁平化設計這樣的風格(自己推理,歡迎拍磚)。所以在很多扁平化設計風格的設計作品里面我們依然看到非平面的設計手法,些許漸變,或者陰影,高光等等。

blog logo扁平化風格clock擬物化設計

為了保持一致的用戶體驗,和細節上的完美追求,擬物化的設計在MacOS中大行其道。但是我們也不排除看到了越來越多的扁平化設計的身影。典型的yahoo天氣應用。adobe產品的應用等等這些產品開始改變不一樣的風格,進一步的推進扁平化設計前進的腳步。(其實我想說win8d的應用,至于我為神馬不說,我想你們懂的)。那么擬物化設計的場合到目前就慢慢開始轉向強調娛樂性的應用,強調交互性很多的應用;這兩個典型的代表就是游戲和一些鋼琴神馬的應用,包括少部分社交和媒體的應用。因為從用戶體驗的角度來考慮,擬物化設計出來的icon色彩豐富,自然圖片質量要求就很高(除非您很懷舊)大小自然不言而喻。這樣在加載圖片的時候速度上就很糾結,寫到這里立馬會有人拍磚了,說蘋果的東西速度非常的快。說的很對,的確很快但是,殊不知蘋果產品之所以快事因為硬件和軟件的完美結合,這樣牛叉的公司也只有蘋果能做到,他們之所以選擇object-c作為開發語言就是因為這是一個和C沒有神馬大的區別的語言,執行效率和對硬件的支持上都非常的好。這也是為神馬非死不可的后端即使用的是php然后還是會轉換成C++來管理,就是因為性能的問題。好了到了這里,我不再搬門弄虎。至于其他擬物化設計很強的產品也可以考慮用C或者是C++來開發,我想游戲就是差不多的。那么到了社交或者媒體購物這樣的應用的時候,我們同樣有選擇擬物化設計的權利,除非你能做到很好的加載速度。同時為了保持一致的用戶體驗,你敢說安卓和其他系統上能有這么流暢嗎。

就是這樣擬物化設計在一個產品都差不多用戶體驗競爭的時代,扁平化的設計開始逐漸走入江湖(微軟屬于淹死的)。

自從2000MVC架構引入web之后,我們再不把web成為webPage了,我們一般說webApp。是的,網頁應用程序,App。我們就要開始逐漸把App的設計風格引入網頁設計中去,這樣就誕生了用戶體驗交互設計等等。 另外一點就是手機的浮點性能開始增加之后,App在手機上的表現也非常豐富,所以一些web也逐漸開始應用于mobile端,典型的就是現在非常流行的responsive design的設計。這樣以來對于一些沒有能力或者資本來開始native App的公司選擇用responsive來講自己的網站移到mobile端是一個非常不錯的選擇。然而,對于你的用戶來說,他們長期習慣在你的網站上的一些操作,如果你告訴他們mobile的網站,當他們體驗的時候突然發現該下拉的地方不下拉,或者下拉之后其他內容發生變化又或者其他的一些不一致的地方,這樣用戶體驗就打了折扣。所以,我們強調各個端一直的用戶體驗。那位了滿足這樣的體驗,在手機上這樣小的地方,擬物化的局限開始凸顯出來了,屏幕本身只有那么大,如果靠一味的提升ppi來為擬物化設計奠定基礎這樣性價比就有點不是那么如人意了。扁平化的設計的價值在這時候就出來了。對于一些button和interactive element我們完全可以用代碼來實現,你們想即使10K的代碼實現一個button也是值得,因為其它的button可以調用這個代碼。這個和css spirte差不多減少了http請求。這個時候我們就不能像微軟那樣完全平的設計,在一些要catch eye的地方還是要稍微做一些效果疊加。增強交互性的同時,也為提高用戶的使用產品的效率,這個和費茨定律差不多的效果。

最后總結一下,擬物化設計和扁平風格的設計各有各的好處,最最重要的還是一種逼近用戶的設計,你知道用戶需要神馬就給神馬。所以交互設計最終和用戶體驗是分不開的,我們組要足夠了解用戶,所有的前提是產品的定位要清楚,這又定位清楚了我們才知道要加進去神馬功能,這樣才知道如何架構整個信息,之后才知道神馬樣的體驗符合我們的用戶,完了設計就是了。


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,836評論 6 540
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,275評論 3 428
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,904評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,633評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,368評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,736評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,740評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,919評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,481評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,235評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,427評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,968評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,656評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,055評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,348評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,160評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,380評論 2 379

推薦閱讀更多精彩內容