成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

蘋果正在重新思考“扁平化”,開發者該做什么?

移動開發 iOS
相對于視覺風格,iOS 7的本質更關注交互層面的內容,“擬物化”與“扁平化”的沖突與中和,背后是一整套完整的設計邏輯。如何用這套設計邏輯為用戶帶來最恰當的體驗才是最關鍵的。

flat-design-3

2014年1月8日,蘋果發布了iOS7.1 beta3。開發者已經可以通過OTA升級下載這一新版本的iOS系統。除了修補一些 bug并進一步加強語音輔助功能之外,新版的用戶界面(UI)體系發生的變化更引人注目。經歷了iOS 7發布之初人們對其風格迥異的“扁平化”設計毀譽參半的爭論,這半年來,iOS7的每次升級,都體現了蘋果的UI設計團隊對“扁平化”的理解持續深入。

新版iOS7.1 beta 3首先對鍵盤作出了調整:字體增粗,刪除和大小寫等按鍵進一步增灰,FaceTime和下欄應用也有了不同程度的變深:

ios71keyboard

為什么這么調整?因為所謂扁平化的設計風格,并非直接把UI一刀切地去掉肌理。它的設計理念,源于設計者希望人們的注意力從過分聚焦在界面元素的狀態,回歸為重視內容本身,而復雜的肌理只會干擾內容的條理。

但扁平化的設計的前提是:對內容的信息架構有所要求。確保扁平界面的可用性,首先需要梳理清楚內容的層級結構,讓用戶找準交互對象,這一點基本功做好的前提下,所謂“擬物化”與“扁平化”的爭論反而不重要了。

從上圖的鍵盤變化我們可以看出,蘋果正把過于“扁平”以至影響了視線掃描的部分加強。iOS 7.1 beta3由“純平”改良至略有肌理,便是一個印證,也是一次對徹底“扁平化”的反動。

反面的例子,可參考國內某家科技博客最近改版得接近“純平”的主頁設計,你可以發現,層級結構沒有做好便“追求***”的后果——信息分散,模塊之間互相產生了排斥。

再上一張iOS 7 Beta 3的圖,同樣的道理,在確保了信息結構后,蘋果進一步嘗試通過提升對比度來增強交互元素的表現力:配色、字號、位置布局等等都是可以改變的元素,為交互提 供必要的視覺線索及反饋效果,幫助用戶建立認知。iOS 7的三大設計宗旨:依從、清晰、縱深都得到了很好的詮釋:

phonedialer

iOS 7.1 beta3對“扁平化”的調整和改動,并不僅僅是UI的問題。它可以延伸至另一個思考:如何讓內容更直接呈現,功能以更低成本完成。

我想到了此前的一款圖片社交產品Civo,Civo 在iOS 7發布之前便是采用扁平的設計,理念上已十分貼合,但這并不是重點。在新版里,我們可以發現這款以產品在同一個feed流界面上作了大幅度的改良,把內容 (圖片)從頭像中“提取”了出來,簡而言之,它采取了更直接的內容呈現方式,減少操作層級,這又是一例。(左側為原版)

IMG_4144333

“突出內容”,同樣可體現在功能模塊位置的設置上。以下是三款金融信息類應用,我們可以發現,同樣是行情交易軟件,騰訊的自選股進入主頁首先顯示的 是股票報價,而專業從事證券信息服務多年的同花順,卻把用戶帶進設有16個選項的個人主頁面,對于一款需要用戶爭分奪秒,以行情交易的瞬息變化為操作需求 的產品而言,效率高下立斷。

photo4

同樣地,金融信息工具“雪球財經”的客戶端也反映了上述問題:在沒有做好信息架構(提供了過多且不重要的選項)分類的基礎上,跟風地使用了扁平化設計,在選項上也沒有做視覺的優化,底下的毛玻璃肌理還對內容產生進一步干擾,這些,無疑都提升了用戶的交互和認知成本。

相對于視覺風格,iOS 7的本質更關注交互層面的內容,“擬物化”與“扁平化”的沖突與中和,背后是一整套完整的設計邏輯。如何用這套設計邏輯為用戶帶來最恰當的體驗才是最關鍵的。當對設計理念有足夠的認知時,它留下的是一套嚴謹的生產標準,而不僅是對潮流的跟隨。

責任編輯:閆佳明 來源: pingwest
相關推薦

2014-03-25 09:29:11

扁平化設計歷史

2013-09-22 14:47:50

扁平化UI設計

2013-09-22 15:03:27

扁平化UI設計

2013-09-22 15:43:27

扁平化UI設計

2013-09-22 14:56:26

扁平化UI設計

2021-09-05 15:01:52

蘋果RISC-V招聘

2013-09-22 14:30:43

扁平化設計

2013-09-22 16:36:07

扁平化UI設計

2013-09-22 16:17:59

扁平化UI設計

2013-09-22 16:22:58

扁平化UI設計

2012-02-20 14:48:30

網絡扁平化

2015-05-18 11:22:22

開發者Docker應用LXC

2022-03-02 09:46:29

Mozilla開發者網站MDN

2019-04-08 16:29:28

多云扁平化云計算

2013-07-11 09:45:48

扁平化扁平化設計

2013-09-23 10:16:04

扁平化UI設計

2013-09-22 16:30:13

扁平化UI設計

2013-09-25 10:52:27

Android 4.4扁平化

2021-11-07 14:37:59

列表編碼扁平化

2013-06-09 11:04:07

設計扁平化設計平面化設計
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: av网站在线免费观看 | 欧美一级欧美三级在线观看 | 免费在线观看一区二区 | 久久久久99 | 91精品国产麻豆 | 亚洲一区 中文字幕 | 国产精品精品久久久 | 青青久草 | 久久久久久久久久一区 | 亚洲精品成人av | 在线看一区二区 | 天天综合网天天综合 | 狠狠爱免费视频 | 在线免费观看毛片 | 日韩一区二区三区视频 | 国产一区二区三区在线免费观看 | 中文字幕一二三区 | 看片wwwwwwwwwww| 国产精品美女久久久久久免费 | 国产精品色婷婷久久58 | 色综合久久久久 | 成人天堂噜噜噜 | 午夜精品久久久久久久久久久久 | 色综合视频 | 欧美日韩视频在线播放 | 亚洲国产精品久久久 | 久草视频观看 | 精久久 | 国产a区 | 国产美女一区 | 日本电影韩国电影免费观看 | 中文字幕精 | 一区二区三区欧美在线 | 91在线资源| 国产精品免费在线 | 一级黄色夫妻生活 | a在线观看 | 人碰人操 | 亚洲精品一区二区二区 | 国产视频在线观看一区二区三区 | 国产一区二区三区高清 |