如何做好扁平化設計 互動篇

2021-06-27 21:14:42 字數 728 閱讀 9622

有人說「只有互動扁平了,視覺才好做扁平⋯⋯」

還有人說 「如果乙個產品把希望寄託於視覺上,想靠視覺來表現產品的扁平化,顯然是不靠譜的⋯⋯」

確實是這樣的,扁平化不僅僅是介面視覺扁平無立體感,更應該是互動體驗的扁平化,資訊架構的扁平化。

在進入正題之前,我們先來看乙個例子,我發現有人用科幻電影中的ui 畫面來和扁平化視覺相比較,他們說這是未來介面的乙個發展趨勢,確實這和現在的ui畫面有一定的相似地方,來看一些電影畫面截圖。投影光感和色塊的組合簡潔明瞭,看起來很有未來感和設計感。

但是我更認為這應該是互動扁平化的代表,還記得在《諜中諜4》裡面有個場景:

湯姆·克魯斯的敞篷轎跑車與****在杜拜的沙暴中追逐,帶來了影片的高潮。我自己當時對這一段的印象非常深刻。

在追逐開始的時候,副駕的美女就用投影在擋風玻璃上顯示出了導航,追逐的位子速度等相關資訊,並開始相關操作,給阿湯哥指揮。最後成功追到****。

可以看到這裡的介面視覺表現是以投影光感和色塊為主非常扁平,但是如果它的互動操作和資訊展現不夠扁平的話,副駕的美女點半天也找不到位置,甚至在一眼看上去不知道這個介面要怎麼操作的話,呵呵,不要談追逐****了,估計自己都抓狂了!

同樣,如果乙個產品你拿到後不知道他想表達什麼,也不知道要怎麼用的,點了半天也找不到你想找的資訊的時候,估計這會兒你已經沒有耐心了,要不了一分鐘你就會把它解除安裝掉。如果視覺好看一點的話或許能吸引你停留的久一點,但最終你不會成為他的忠實使用者。

所以,互動扁平化和資訊扁平化的重要性不言而喻。

扁平化設計與色彩趨勢

b 扁平化設計進修 b img img img img 扁平化設計你可以通俗的理解為 使用簡單特效,或者無特效來建立的設計方案,它不包含三維屬性。諸如投影 斜面 浮雕 漸變等特效都不要在設計中使用。扁平化設計給人的感覺通常都很簡潔,即使它可以做的很複雜。簡單 直接 友好的特性也使得它廣受移動介面和時...

扁平化設計的色彩選擇

本文 自 視覺中國 扁平化設計 flat design 的色彩選擇 譯自 這段時間以來,我們已經陸續為大家呈現了很多優秀的扁平化設計形式,也討論了很多扁平化設計的發展趨勢。有關扁平化設計的製作,很重要的一點就是色彩的使用。扁平化設計是一項運用簡單效果,或者是刻意進行乙個不使用三維效果的設計方案。乙個...

扁平化設計與色彩趨勢

扁平化設計你可以通俗的理解為 使用簡單特效,或者無特效來建立的設計方案,它不包含三維屬性。諸如投影 斜面 浮雕 漸變等特效都不要在設計中使用。扁平化設計給人的感覺通常都很簡潔,即使它可以做的很複雜。簡單 直接 友好的特性也使得它廣受移動介面和時尚 設計的青睞。說到色彩,扁平化設計中會用到很多,但設計...