為什麼 UI 風格會出現從擬物化到扁平化的變化?

時間 2021-05-05 14:54:13

1樓:龐姿姿

為什麼風格剛開始是擬物?

主要原因是使用者認識先是具象化的。智慧型手機剛開始普及,使用者接觸純屬顯示,各種控制項不再是實體鍵並且命名,所以高度擬物化容易在早上讓使用者更容易識別使用智慧型硬體的介面。

後來為啥變得扁平了呢?

因為使用者基礎識別能力被培養起來,對於各種操作的基礎識別能力提公升,高度擬物反而影響使用者的判斷力。他需要花費更多精力去識別常規的功能控制項。這中間經歷的微質感,剪影,長投影到完全扁平的設計風格幾個階段。

至於少UI元素我覺得只是假象,UI設計的本質就是讓使用者瀏覽使用更佳流暢。所以會把元素主次分開,用大小,布局,色彩加以區分。本質不會少,如果少,那是因為UI水平行業的提公升。

符合了你(使用者)的大腦想法。

2樓:

2023年,潮流重回擬物風,美其名曰:新擬物,其實就是扁平和擬物的私生子。,審美從來都是超越時代的,未來vr技術必將成熟,催生了一次新的審美革命,現在需要乙個領頭羊,我覺得微軟就是那個人。

3樓:星星心星

因為從擬物到扁平,圖示的大小會變小,這樣會提高手機的執行速度,這對使用者體驗是很重要的,也就是賈伯斯提出的做出使用者最易使用的產品

4樓:Johnny唐

汽車圈的來湊個熱鬧。。。

蘋果2023年發布的IOS6系統採用的擬物化的設計

擬物化設計的定義簡單來說是盡可能的還原真實立體的表現元素。設計目的在於立體的表現手法與細節刻畫。

蘋果2023年發布的IOS7系統採用的扁平化的設計

而扁平化的定義就是用抽象寫意的手法來概括設計創意。設計目的在於高效的傳遞設計資訊。

擬物化(Skeuomorphism)設計

扁平化(Flat)設計

在現在這個快速資訊時代,大家的生活節奏都很快,所以高效傳遞資訊的扁平化設計風格在手機端形成了壟斷。那麼問題來了,汽車裡的HMI應該選擇跟隨手機浪潮選擇扁平還是堅持細節設計的擬物風格?

我們看一下賓士MBUX的HMI設計

相信大家都看得出來,賓士沒有採用時下流行的扁平化設計。MBUX發布於2023年初的北美CES上。距ios7的發布已經過去了將近5年的時間。賓士為什麼不用扁平化設計,大家想一想。

以下文字是本文的精髓

不論是扁平還是擬物,UI的設計風格取決於搭載這套系統的載體。IOS的載體是Iphone,安卓的載體是三星,是華為,是小公尺等。UI的設計風格需要和它的載體一致。

那賓士的HMI的載體是什麼?

是賓士的內飾嗎,不全是,是賓士的這輛車!

汽車設計玩兒的是什麼?是立體的形麵,是光影的變化,是姿態的把控。

對於消費者而言,他買的是一台賓士。這台車的設計風格從內而外都應該一致。如果這台車的外飾設計形麵豐富,姿態優雅,內飾設計光影精彩,品質感高。

那它的HMI一定也是一樣的標準,需要有光影的變化,需要有凹凸有致的立體感。這就是賓士沉澱百年的設計標準與調性。我們把賓士的HMI圖和造型圖放在一起看一看,是不是可以發現幾乎毫無違和感。

這就是選擇了正確的設計風格。

賓士的內飾零部件與HMI圖示細節

但是。。。。。。

扁平化設計其實也是可以出現在汽車的HMI設計中的。ZOY君前面說過,HMI的設計取決於它的載體,如果內飾的設計真的很扁平,那HMI的設計,完全可以是扁平的。

採用扁平化設計的蔚來ES9電動超跑

採用扁平化設計的沃爾沃XC90

反過來想一想,手機UI扁平化設計浪潮的全面開展,是不是也是因為手機這個載體設計的越來越「扁平」呢?

時下千篇一律的手機「扁平」造型

順著這個思路我們再想的深一點,在iphone出來之前,諾基亞的手機工業設計做的那叫乙個「百花齊放」,滑蓋翻蓋旋蓋種種,那時候的UI也都和這些手機的外觀一樣充滿了立體感與擬物感。這麼一說,你明白了吧,也說通了吧。

諾基亞手機「百花齊放」的年代。那時候的手機設計的比現在有趣多了。

諾基亞手機「塞班」系統的UI設計,與它的外觀一樣,採用了擬物化的設計風格。

總而言之,下次各位HMI設計師在接到新專案前。建議先和內飾設計師溝通一下,了解一下車的調性與設計風格。HMI設計工作和內外飾設計工作勢必要統一。

如果內飾設計定位於旗艦商務,擬物化的設計絕對錯不了。如果定位於年輕弄潮,扁平化也是個不錯的選擇。

5樓:

真是看這類問題看夠了。「擬物」和「扁平」不屬於設計風格,兩者之間既不矛盾也不對立。

舉個比方:我用「擬物」的方法去「擬」一張扁平的紙,這是「擬物」還是「扁平」呢?

6樓:洪景仁

最近在一部Mac mini G4上回顧了一下Mac OS X 10.4,發現這UI比High Sierra美多了,可以說是擬物式UI水準的極致。當年竟然並沒有這麼強烈的感覺,難道是我已經對扁平化審美疲勞了嗎?

7樓:鄧布利多

哪有什麼心理學上的東西啊,高票什麼資訊過載什麼的都是想太多,真相就是艾維好這口兒,其他廠商喜歡跟風蘋果,我就懷念擬物,懷念的不要不要的,擬物就是好看

8樓:低調的奧利文

擬物化設計-skeuomorphism

特點:介面模擬真實物體的材質、質感、細節、光亮等;人機互動也擬物化,模擬現實中的互動方式擬物設計的會讓你認出這是個什麼東西。

好處:·認知和學習成本低:我外婆能看懂iOS裡面幾乎所有原生應用的圖示;各種樂器類應用的擬物化設計;

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

扁平化設計-Flat

特點:介面上單色極簡的抽象矩形色塊、大字型、光滑、現代感十足;互動的核心在於功能本身的使用,所以去掉了冗餘的介面和互動,而是使用更直接的設計來完成任務;扁平化設計則讓你意會這是個什麼東西。

好處:·簡約而不簡單,扁平的設計搭配一流的網格、色彩設計,讓看久了擬物化的使用者感覺煥然一新;

·突出內容主題,減弱各種漸變、陰影、高光等擬真視覺效果對使用者視線的干擾,讓使用者更加專注於內容本身,減少使用者使用這類產品的負擔,在扁平化的視覺和優秀的架構設計下顯得非常簡單易用;

·設計更容易,優秀扁平的設計只需要包含良好的架構、網格和排版布局,色彩的運用,高度的一致性,而不需要考慮更多的陰影、高光、漸變等等。(其實也是相對來說的,這裡爭論比較大,扁平化對於色彩運用和排版布局的要求更加高了;

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

9樓:拜託啦

真的誒,我們老師也是這麼說的,逐漸趨於扁平化,我也沒想太多,畢竟扁平化的ui好做一點(捂臉)其實不僅僅是ui,現在很多插畫動畫也有這種趨勢呢

10樓:

為什麼就沒人承認。。。就是被IOS7 帶了一波節奏而已。。。。(話說當年IOS7的扁平化設計不是一大堆人出來說IOS吃棗藥丸麼。。。。)

11樓:小澤馬大哈

個人觀點:

擬物的優點是使用者容易將ui與現實生活中的物件建立對映,便與學習。

扁平的優點是生產簡便(臨摹起來比擬物快多了),但缺點是需要經過良好設計才能與現實物件建立對映。

前些年圖形介面才剛剛興起,電腦(包括智慧型手機)的功能也主要是加強版的現實物品,擬物自然更容易被接受。設計師還沒有找到合理的扁平化方式,難以準確提取物件特徵。但到了現在,設計師們已經可以精準的提取常用現實物件的特徵,這自然就有了扁平化的技術基礎。

與此同時,資訊產品種類也越來越多樣化,有些甚至是難以找到與現實物件的對應關係的。在這種情況下,扁平化的風格就更好用了。

12樓:chang一

我個人覺得最大的原因是設計師的水平參差不齊,而擬物化的設計門檻又高,低端ui設計會弄的不倫不類,擺放在一起設計感有高有低,整體看上去十分難看。所以蘋果帶個頭兒,乾脆全都扁平化,即便設計師水平不高,也可以有樣學樣的搞出差不多的效果,大家的扁平圖示放一起不仔細看的確差不多。

13樓:高奇

我認為扁平化是乙個過渡態,不會長久的存在於UI設計中。

過去的擬物設計最大的問題在於:在資訊傳達過程中噪音過多。

而在最初的扁平化設計時,也出現過難以準確完整傳達資訊。

所以現在主流的設計也不能說是嚴格的扁平。

這是乙個先去噪再豐富表達的過程。

14樓:樊利傑

扁平化是表象,實質是設計實效主義的回歸,讓設計回歸本質-內容,因為使用者關注的焦點是內容本身,而不是介面。複雜的高光、立體、陰影、材質影響內容表現和快速識別。極簡主義的設計忽略了細節,提煉出來的是精華資訊,讓使用者使用起來更加高效。

舉乙個更加簡單的例子,簡單的圖示比複雜的圖示更容易快速識別,對介面內容的干擾也最少。就好比建築設計,從巴洛克洛可可到現現代簡約的轉變,都是從最早的追求過度的表現形式到現在的追求效率和實質(恆溫,恆濕,環保,空氣淨化)

至於介面風格轉換輪迴說個人認為是扯;人們已經被擬物教育了所以不再需要擬物了這種說法也沒有什麼科學依據,因為最近幾年的移動裝置使用者根本就沒用過擬物的設計…以上為個人觀點如有不同意見請指正。

15樓:汪汪

我個人觀點:05年時候我個人眼光觀點那時技術做到逼真沒問題了,我觀察到設計師們開始玩逼假了(那時候我還不知道有扁平化這個詞),所以我認為這個時尚是設計師自身學習和提公升引領的乙個潮流,並不是來自使用者需求而產生的。

視覺效果這塊大部分是設計師的時代思想潮流引領時尚,消費者接受這種變更帶來的新鮮和學習。

16樓:拉格朗日

看慣了最初的擬物設計,從ios7開始扁平化後,乍一眼看上去簡直驚豔,後來各廠商紛紛效仿,扁平化也就看膩了。現在最喜歡的是Google的Material Design設計風格,真的很漂亮。

17樓:

因為我們周圍資訊過載了,特別是網際網路資訊,各種廣告,各種聲音,我覺得WP phone的思路是好的,用文字把資訊簡單的呈現出來,這應該是一種趨勢,奈何步子太大,蛋給傷了

18樓:羅笑生

擬物化是為了便於使用者識別從而降低使用者的學習成本,當使用者被基本馴化之後,擬物便喪失了原有的部分價值。

扁平化是為了清理由擬物化所帶來的雜亂介面和繁瑣操作,這種簡化保留了擬物的概念價值,從而使使用者能以最小的點理解複雜的事物。

19樓:「已登出」

蠻有趣的問題

我沒記錯的話最早的扁平化應該是以IOS7為代表的一批系統吧而蘋果負責設計系統的總管表示,之前之所以陰影+擬物,主要是因為當時螢幕的解析度不夠,

Jobs為了保證更好的使用者體驗於是拍板了之前的設計後來到了7,硬體水平跟上來了,自然可以做的更簡潔大氣了,於是就扁平化了

就是兩種風格而已,沒必要太放在心上

有需要自己也可以替換圖示/系統不是嘛以上

主流UI設計風格由擬物化向扁平化的轉變,是否減輕了UI設計師的工作量?或者說對設計師的工作有何影響?

小鹿 減輕了你的工作量,也縮短了你的職業壽命。UI 設計行業作為網際網路行業的乙個熱門職位,本身就存在著激烈的競爭,扁平風格的盛行,降低了 UI 設計師在產品設計團隊中的價值和話語權,就是給線框圖填個色,這誰都能做 已經有很多互動設計師在兼職做 UI 設計的工作了。同時,也降低了行業的門檻,會有更多...

為什麼睡前會出現幻聽?

梁鈞童 我也經常這樣呢,快要睡著的時候經常聽到別人說話聲大多數都是陰森的笑聲。昨晚快要睡著了一記陰冷恐怖笑聲把我嚇得早上都睡不著。氣死了 OK,你的床鋪位置樓上或樓下,有人用大功率音響,調低音量放的聲音。但是請冷靜等待,調整心態,我只是猜測!好死不如賴活著,留得青山在,不怕沒柴燒,國家會重視這個問題...

為什麼會出現搖滾精神?

墳地帕露西 因為搖滾樂有藝術上的審美框架,框架內的愛好者的意識形態總集,再經歷時代背景 領軍樂隊推動的思潮運動,自然而然就有了 搖滾精神 這一群體象徵精神,而搖滾的廣大受眾,足以把這一可在小群體裡面隱秘發揮微弱作用的象徵精神搬到臺面上,讓全世界的人一併喊起 rua啃肉佛ever 天啊我在瞎寫什麼 臭...