從擬物化到扁平,再到Material Design

2022-02-26 20:36:22 字數 1477 閱讀 3522

google i/o 2014提出material design,這段時間聽到不少關於material design的解讀,至此google已經定位了自己的設計語言,我個人看來就是android和ios設計語言更加接近了。

說到material design,首先要說的是賈伯斯倡導的擬物化設計(skeuomorph),在智慧型手機初期,明確講是觸控螢幕智慧型手機的初期,想讓人們去接受和理解乙個新的材質(電子觸控螢幕),最好的方式或許就是模擬,這也是人類接觸新生事物時最本能的想法,即這東西跟我們看到的過的什麼類似?這這個時間擬物化能更好地給使用者提示,這是相機,這是筆記本,這是。在早期的iphone上你可以明顯感覺到這一點。

然而擬物化也有他的缺點,對於設計師和使用者來說,最大的缺點是:不統一。這是設計中的大忌,這會帶來兩個結果:

蘋果的喬納森.艾維(jonathan ive)想解決的是第乙個問題,即隨著應用的大規模增加,各式各樣的介面層出不窮,怎麼樣才能讓ios統一化這種使用者體驗,讓設計師和使用者可以很快的設計,理解並接受乙個新的應用。其次喬納森.艾維自己也說過,現在的觸控螢幕已經是乙個「斯通見慣」物件了。最早的擬物化給使用者提示的優點正在逐漸減小,而擬物化設計不統一這個特性帶來的缺點卻在逐漸放大。喬.艾維在ios 7和即將發布的ios 8中給出了自己的解。我想說的這不是推翻賈伯斯的設計,我個人更覺得是賈伯斯設計的一種進化,擬物化遇到了新的問題,喬納森.艾維想辦法解決,就是這樣。

相反google試**決的是第二個問題,設計師的水平對結果影響很大,從醜陋的android應用圖示可見一斑。所以在會有小公尺和錘子的從繪圖標運動。google為此提出了material design。material design更像是wp扁平化的乙個公升級。但所帶來的意義遠超過扁平化,wp的扁平化唯一的優點就是來自metro——辨識度很高,很容易做老人機。但是失去了美感,更重要的是被拍平了之後物件失去了質感,失去了物件的物理特性。material design將跑偏的flat design帶回來了。用統一的,物理的,抽象的去作為自己的設計語言。

material design強調了:

material design中的陰影,是為了體現這種空間關鍵的手段,也是這樣floating action button才出現了。卡片式的堆疊才變的生動和合適起來。

然而物件不都是靜止的,我們的互動(觸控)其實都是一種運動,運動帶來了物件的變化。當我們按下了button,陰影變小了,這反應了受我們按下的作用力兩層之間的間隔縮小了。我們從排序列表是,當我們點選一行不動,這行變大了,我們知道它浮動起來了,我們可以在行間之間自由移動了。

我們以乙個小示例結尾:

UI設計,扁平化還是擬物化?

2010,當windows phone開始扁平化的時候,換來的是世人的嘲笑。2011,當安卓4.0開始扁平化的時候,人們把這當作安卓為了和蘋果不同的掙扎。2013,當 ios 7開始扁平化的時候,就突然成了設計潮流了 擬物設計就是追求模擬現實物品的造型和質感,通過疊加高光 紋理 材質 陰影等各種效果...

從PGM到HMM再到CRF self note

問 有一點不太明白 想請教 mrf和crf看起來好像就是p x,y 和p y x 的差別,為什麼他們兩個模型的應用差距那麼的大呢?mrf廣泛運用在各種領域,crf大部分都用的linear 答 忽略掉生成模型和判別模型的差別,如果只是給定了觀測變數x要計算隱變數y的概率話,而不需要生成乙個新的樣本的話...

從 HTTP 到 HTTPS 再到 HSTS

近些年,隨著網域名稱劫持 資訊洩漏等網路安全事件的頻繁發生,安全也變得越來越重要,也促成了網路傳輸協議從 http 到 https 再到 hsts 的轉變。http 超文字傳輸協議 是一種用於分布式 協作式和超 資訊系統的應用層協議。http 是網際網路資料通訊的基礎。它是由全球資訊網協會 w3c ...