UI 設計裡怎樣區別扁平化 Flat 和擬物化 Skeumorphism 兩種風格?

時間 2021-05-29 23:32:02

1樓:懌褀

擬物化設計 skeuomorphism代表作品:iOS,Android

特點:a 介面:模擬真實物體的材質、質感、細節、光亮等b 互動:人機互動也擬物化,模擬現實中的互動方式。

好處:學習成本低,一學就會。而且傳達了豐富的人性化的感情。所以家居類物品適合擬物化設計。

壞處:擬物化本身就是個約束,會限制功能本身的設計。

扁平化設計 Flat

代表作:微軟的Metro,Phone8,Win8特點:a 介面:

單色極簡的抽象矩形色塊、大字型、光滑、現代感十足b 互動:核心在於功能本身的使用,所以去掉了冗餘的介面和互動,而是使用更直接的設計來完成任務。

好處:介面和互動簡約,資訊更直觀,資訊量更大。如果要設計精密的宇宙飛船,那麼駕駛盤肯定會使用扁平化的設計。

壞處:需要一定的學習成本,且傳達的感情不豐富,甚至過於冰冷。

看一下Chrome的Logo變化,擬物化 ===》 扁平化擬物化ROM

扁平化ROM

擬物化的IOS

擬物化的OS X

扁平化的Metro

扁平化的Metro風格icon

最後再上兩張長圖對比一下:(抱歉,刷屏了)擬物化style

扁平化style

什麼是扁平化,什麼是扁平化設計?

歐賽斯 扁平化背後根本的驅動力量在於資訊的透明化 資訊幾何倍數地增加及消費者注意力的高度渙散,在這樣的品牌傳播環境下,當下的平面設計需要不顧一切地撲向年輕消費者,全領域 全方位的年輕化,在新的審美趨勢及傳播環境中服務於傳播效率,如Intel 去圖形化 Burberry 去圖形化 湯臣倍健 簡化 顧家...

iOS 7 扁平化設計的初衷是什麼?扁平化設計的使用者體驗有何優勢?

搖滾死兔子 之前一直在黑我現在很自責 我決定為ios7的UI正名 我認為扁平化設計最大的優點就是從此一以後設計師出icon的時候只需要出一套了! 許瀚文 iOS 7新的使用者面設計,並非以 風格 去作出發點,反之是要將使用者帶進與硬體溝通的世界,這是Johnathan Ive統合硬體與軟體設計部門後...

怎樣做出優秀的扁平化設計風格 PPT 或 Keynote 幻燈片演示文稿?

鹽選推薦 想設計出吸引人的 PPT,離不開歲線條和色塊的熟練運用,直到遇到線條,你才知道 PPT 能有多美。點線面是 PPT 視覺設計的基本元素,了解它們之後,能利用它們發揮更大的作用,下面一起看看它們的實際作用。1.聚焦視線 當純文字中出現其他元素時,視線會被吸引,比如在文字前加粗豎線 平行線條 ...