【干货】Hey, 扁平你个锤子
送給真正的互聯網人一頓干貨早餐
擬物是一種過時的設計,現在重新去看那些擬物圖標,總是會讓眼睛感受到負擔和疲勞, 而且扁平的趨勢也在發生改變。
為了弄清楚各個設計規范,也好有個「科學合理」的解釋,對 Android 和 iOS 的設計規范演進歷史也做了一些了解。無論扁平還是擬物,實際上都是為了在電子設備上反映物理世界的規律,建立一套虛擬世界的運行機制,而設計規范就是這個世界的運行準則,讓應用可以在使用中清晰理解。
一
擬物設計
擬物設計一直存在于 iOS 1~6 的演進中,這類設計風格的初衷是盡可能的去符合用戶的心理模型,降低用戶的認知成本。這時的手機,就像是一個集物器,裝著各個「真實」的物件,比如計算器、鬧鐘、書本,完全將現實層級的交互關系搬到手機上。確實在一段時間里,這種交互簡潔明了,不管是老人還是小孩,都會「本能」的使用各種 App 。網絡上流傳的一個段子是這樣的
服了,我爸爸用 iPad 看書,翻頁還用手指頭沾唾沫。
還有很大一部分的原因是時代關系,很大一批的用戶群都是剛剛從物理世界過度到虛擬世界,那時候的擬物剛好滿足人們的使用習慣。直到新一代從小就接觸虛擬世界的用戶群逐漸成為主流,這種現象開始發生了變化。比如錘子時鐘的秒表計時器(黝黑窩錘),相信很多人是沒見過秒表計時器的實物,更不清楚實際的操作步驟,因此才會在網上充滿爭議,給用戶造成困擾,這時候反而不如幾個簡單地 button 來的好用,這就是擬物帶來的反向認知。
擬物設計有一個缺點,太過具象化而不能表達復雜的邏輯關系和擴展性,另外就是擬物圖標費時費力,你看看老羅的錘子設計團隊有多少人就可見一斑,而且有不少大牛,設計成本明顯太高。像我這樣沒有設計經驗及專業技能的 PM 來說,看過 iOS 的設計規范,也能設計出一個干凈簡單的 App 。就不說錘子逆流而行,擬物的圖標,扁平的應用本身了,強烈地違和感。
二
扁平設計
再說扁平化,不得不說蘋果真的很會培養用戶的審美。在很多人的映像里,扁平就是一平底鍋把所有東西都拍扁了,其實不是這樣的。留心觀察的人很容易就發現在iOS 7~8 里面蘋果用了大量的透視、模糊、毛玻璃的風格打造了一個擁有景深的虛擬世界,我們可以把這個空間叫做 z-space ,通過這個來控制交互的層級。最典型的代表就是下拉的通知中心和上滑的控制中心。返回手勢的操作中,細心的人也可以發現有大量的陰影存在,來區分層級關系。打開 iPone 看看控制臺、通知中心,以及一些 App 里面浮層的應用
回過頭來看看谷歌,一開始的 Android 并沒有自己得設計語言,顯得雜亂無章。最近推出的 material design 代表著谷歌設計的覺醒。他們是這么理解扁平的
很多人會想,是不是太扁平了?一切都仿佛變成了色塊加文字。哪個是按鈕?哪個不是?哪些是重要的信息?哪些不是?當扁平化的風格讓信息層級也扁平化,影響了「信息的正確溝通」這個最終目的時,我們知道這樣的扁平化已經跳得太遠。
于是谷歌選擇往回跳一小步,在扁平的基礎上,保留真實世界的光影和動作,其中很大一部分的力氣花在了區分 z-space ,也就是深度。
陰影和層級、紙張拼貼變形、響應式設計、浮動按鈕、觸摸波紋這幾項是對紙張性質的新闡述,用紙片的折痕、疊加、抽放來體現現實世界的邏輯關系,比如說上下層的紙張,浮在最上層的小圓片來提供更多操作的入口。
所以現在的扁平設計還是字面上的意思嗎?早已不是,戰火已經蔓延到三維空間得 Z 軸上了,而且是比純擬物要更高級的 Z 軸。
一想到降維攻擊,就心疼老羅。
更多推薦
回復“51”:目前最好的關于用戶運營文章:用戶運營的定義、演變和方法論
回復“52”:百度移動云高級美女產品經理:O2O日趨火爆,下個估值過億的上門美業將花落誰家?
回復“53”:為什么我們都來北上廣?此生若得安穩,誰愿顛沛流離!--PMcaff獻給所有奮斗的互聯網人
回復“54”:2015版App推廣全攻略:你所不知道的撕逼營銷,事件營銷和PR傳播。
回復“55”:火爆了,5000位來自百度阿里騰訊Amazon的產品經理瘋搶的課程現場。
回復“56”:微視已死,騰訊戰略放棄微視,大牛紛紛離職,PMcaff--行業內部解讀。
回復“57”:Uber產品經理首次在中國自述產品理念:我們看中的并非只是錢。
回復“58”:產品經理們是如何越過 iOS 沙盒機制的?
回復“59”:如何避免開發一款失敗的產品?
回復“60”:你可能不知道的學習的15個APP設計技巧!
原創或推薦文章請發送至郵箱:xiaoxi@pmcaff.com
pmcaff合作媒體:Chinaz
總結
以上是生活随笔為你收集整理的【干货】Hey, 扁平你个锤子的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【干货】从用户体验谈产品经理如何提升团队
- 下一篇: 【干货】用痛点切入,用痒点黏住