扁平化風格設計法,圖形、色塊一個不能少

2021-02-07 UI設計學習思維
扁平化風格是設計界的一種流行趨勢,它是設計師們長久以來對藝術表現手法的一種共同探索。在視覺表現上,它弱化視覺透視,降低了光影紋理材質陰影對設計的影響,將界面設計回歸到藝術的根本,圖形和色塊。扁平風格視覺上給人簡單大方的印象,好像就幾個色塊。這種設計風格,主次分明,易於識別,圖形化的界面分割能顯著提高閱讀效率。它簡約卻不簡單,沒有多餘的設計元素,能夠讓視覺上簡明清新,交互邏輯上直接了當,一步到位,信息傳達能力強。
極簡主義的美術風格和當下網際網路領域的設計潮流不謀而合,它是設計思想在新媒體時代大潮的傳承和發展。作為UI或UE設計師在整理自己的設計思路時,可以多研習同簡約主義有關聯的藝術品和商業品牌,從中吸取設計思想和靈感,通過這種途徑提升設計品質。APP設計需要一致性的設計風格和設計模式,為用戶建立起完整一致的模型,提升使用體驗。應用統一的網格風格為界面設定視覺規範,使用戶可以根據內容本身界定出的路徑移動,增強視覺平衡效果。在圖標設計上,寫實的圖像很難表現抽象通用的概念,大量寫實擬物的圖標也讓人在視覺審美上產生疲憊,因此需要統一視覺表現,降低光影紋理材質陰影對設計的影響。

當然,為了增強用戶體驗,除了考慮讓應用簡潔化之外,修飾元素的恰當應用亦是不錯的方法。由於在視覺的條理性上,純粹的扁平化不容易滿足所有用戶的視覺體驗,在APP的測試版本中經常出現用戶覺得趣味性不足,亮點缺乏的現象,這顯然對APP應用的推廣有不利的影響。

修飾元素的適當出現並不會阻礙和破壞設計的整體性,如果把它的優勢加以發揮,設計師能利用細節為用戶提供簡潔大方卻又不失趣味的應用設計。①強調配色好感度。使用戶產生好感和共鳴的配色,更能引發用戶自發的去了解設計所要傳達的意向。如在表現食品類應用時,好的配色可以激發人的食慾,促成接下來的購買行為,高明度高純度的色彩使用是比較常見的方法。設計若有需要取得用戶接受和信任的需要,表現安心和信賴的色調一般會選擇為暖色,而且用色不宜過多,我們可以運用純度較低,明度適中的色調傳遞安心,溫馨以及穩定感。另外高明度加少量灰色的設計能給人柔和安適的感覺。②通過色彩導引閱讀和使用,通過對色彩位置的管理,方向和形式的把握和安排,可以達到讓色彩自然的引導視覺流程的作用。例如:大面積運用淺灰暗紅等色的引導頁中,一抹藍色能很容易的抓住用戶的目光。一般來說,高明度色彩比低明度色彩容易識別,強化對比可以強調主題。③利用色彩引導消費。優秀的色彩使用可以在應用被操作時,給用戶留下鮮明的色彩印象,提高用戶轉化率。APP設計師要保證商品的色彩與功能的一致,不一致的色調與產品容易導致消費者的混亂感。例如:女性用戶通常喜歡溫暖明快的色系,而男性用戶喜歡暗冷色系。用戶在使用一個APP時,交互的易用性和界面的友好性依舊是其主要考慮。設計者對扁平化的理解不能單單停留在界面設計之上,界面設計要體現互動設計的思想。曾經有互動設計師,將用戶比作沒耐心,孩子氣,不愛思考,壞脾氣的龐大群體。如果僅僅是視覺界面進行扁平化優化,而交互使用依舊繁瑣難懂,用戶體驗就會直線下降,用戶轉化率不足會導致設計失敗。界面的層級化就成了APP架構者反覆思量的問題,互動設計要突出常見用例和核心功能的相關元素。當然任何一款APP應用的成功,除了優秀的界面設計之外,必然取決於功能實現的合理性。對用戶來說,任何額外的操作步驟都會增加操作成本,增加功能的複雜性會降低用戶體驗。因此,為了識別出核心的用戶需求,草圖,線框原型的討論和修改,需要經過反覆的調查實驗和論證,以求達到簡單和有效。可可・香奈兒說過:「時尚易逝,風格永存」。扁平化作為當下的設計潮流依然有很多可探索和研究之處,我們要辨析哪些方法和原則能為設計師形成設計風格提供養料,哪些形式和內容是對原來設計領域的改造和創新,進而對將來的設計風格進行探索,設計出符合現代審美,符合時代需要,真正能為用戶提供便利的APP應用。

相關焦點

  • PS扁平化圖形製作教程,四種風格教你吃透扁平化
    ,採用極簡主義設計理念,以簡單到極致為追求,與扁平化相對的是擬物化。擬物化圖形時通過紋理、高光、陰影等對實物的再現。扁平化風格在插畫裡運用得比較多,另外還有扁平化圖標等等,當然另外還有延伸出來的扁平化風格排版等就不贅述了。下面看看我製作的扁平化圖。
  • APP設計風格對比:扁平化、極簡、Material Design
    主要的APP設計風格大致分為以下三種:扁平化(Flat Design )、極簡、Material Design(谷歌APP設計風格)APP設計風格是指APP通過主要的幾種顏色搭配、頁面布局和界面交互體驗等給用戶呈現出的整體視覺感受。下面我們就來重點分析下這三種目前主流的APP設計風格的區別。
  • 類扁平化圖標設計!
    文/張朦朦扁平化設計與擬物化設計是兩種完全不同的設計風格,扁平化設計的優點主要有三點:③與環境的協調性。④視覺效果。圖圖標設計追求視覺效果,一定要在保證差異性、可識別性和協調性原則的基礎性,先滿足基本的功能需求,然後考慮更高層次的視覺要求。⑤創造性。在保證圖標實用性的基礎上,還要提高圖標的創造性,只有這樣才能和其他圖標相區別,給瀏覽者留下深刻的印象。
  • 扁平化設計的8個實用小技巧
    來源:優設作者:正越升方興未艾,扁平化仍是主流設計風格。
  • 設計案例|品牌 Logo 都約好了一起扁平化
    這個Logo,設計理念來自一個旋轉中的地球,象徵著足不出戶也能看遍天下事的精神。在新logo的設計上,設計師摒棄斜體、轉用黑框白字,成為我們今天看到的BBC標誌。Google徹底取消了Logo中字母的陰影效果,提供一種「扁平」的視覺效果。這也是當時的一種流行風格,其實,蘋果iOS也是在當年走向扁平化。新Logo同樣採用扁平化設計,但Logo中的字母變得更「圓」了。
  • APP扁平化設計的優勢!
    APP扁平化設計中通常採用簡單的圖形或線條元素以顏色來區分圖形元素的功能,這些圖形元素可以方便用戶點擊或瀏覽文字信息,這很大程度上減少了用戶瀏覽APP的時間,給人高效率、簡潔的用戶體驗,保證了直觀、易用、無需引導的特點。
  • 學會扁平化PPT,你也是人人羨慕的PPT大牛!
    第一步,敲上本次PPT的大名:《怎樣製作扁平化PPT》。 既然是扁平化,那就不要考慮太立體的東西。但是空間感呢,也不要那麼狠心地就完全拋棄嘛,大家還是可以友好相處的。既然是扁平化,字體就不要搞得太複雜。一般我做PPT的默認字體是微軟雅黑,相對通用,作為非襯線字體也較為簡潔。
  • 【交互】設計師眼中的扁平化設計新潮流
    · 將擬物化元素與少維的元素相融合時,擬物元素看起來有些不一致,而且這些模仿並沒多少邏輯。比如,蘋果的找朋友應用就有一個看起來像縫合皮革的背景。但該元素與現實世界沒有任何關聯。· 擬物化元素以無功能的裝飾佔用了寶貴的屏幕空間和載入時間· 當與其他無擬物效果的元素組合時,擬物元素看起來有問題,這樣就限制了整體設計和其他的元素的效果。
  • 扁平化PPT,想要突出層次感,這樣做
    本文轉載自【微信公眾號:自律的音律,ID:yinlvPPT】經微信公眾號授權轉載,如需轉載與原文作者聯繫昨天,我在知乎刷到一個 PPT 提問:對於扁平化的PPT而言,多個重疊色塊如何突出層次性?這就,非常「甲方」~最關鍵的,它問出了一個關鍵點:層次感有哪些最基本的實現方法?今天我就圍繞這個問題,給大家分享一些思路與經驗吧。首先,我們需要了解什麼是扁平化設計。
  • 打造美廚空間,必須學會的四招燃氣表位設計法
    ,今天就帶來四招關於如何處理燃氣表位的櫃體設計法,打造一個安全舒適的美食空間。,易將漏洩點隱蔽起來;個人不能自行移、拆、改燃氣表及燃氣管道。;不能壓、折膠管,以免堵塞,影響供氣;膠管與燃具、管道的接口處,請用管卡紮緊,防止脫落漏氣。
  • 扁平化PPT怎麼做?總結了10個技巧,掌握了它們即可
    無論是海報還是手機UI,無一不是扁平化設計風格,很多夥伴都喜歡扁平化的設計風格,因此這篇文章我們就來看看扁平化的PPT該怎麼製作。其實很多時候我們用純黑的時候總會覺得視覺上怪怪的,但是灰色無論深淺都相對更柔和更有質感一些。3. 找張好圖,保持主題色和極細字體,不用三角形箭頭。
  • 扁平化圖標繪製技法-末尾有福利
    扁平化雖然相對於擬物簡單許多,但我們可不要把畫一個扁平化圖標想的那麼簡單,今天我們來學習下扁平化圖標繪製技法。一、通過現實物品繪製在現實世界裡存在許許多多真實的物品,例如相機、電腦、文件、日曆、地圖、時鐘、沙發等,設計師通過抽象的手法將它們繪製成扁平化圖標,通常分為以下繪製步驟。Step 1.
  • 給Leaf:為什麼扁平化設計更好
    抱怨ios扁平化設計的傢伙們,起碼把系統升級到了ios7以上才會那麼說。而我因為喜歡擬物化設計的緣故,迄今為止一直沒有升級我的主用手機,且讓它呆在ios6。你看,捍衛自己的審美就得用行動而非言辭。從蘋果推出扁平化設計之始,我就非常討厭這種變化。經過了接近一年時間的堅決討厭,我突然醒悟,並開始接受這種新的設計風格。首先,從純功利的角度去看,擬物化設計是沒有未來的。
  • 2017年扁平化設計這麼玩
    最初的扁平化設計,對於細節的剝離是非常徹底的,這使得設計師能用的元素大多只剩下色彩和圖形,這種局面對於設計師和用戶都是困擾,細節的缺失讓設計並不足以支撐全部的信息傳達,這種局面下,許多微妙的扁平化分支就誕生了。
  • 2019這7種插畫風格最流行?附6個高質量插畫網站推薦!
    △ 作者:Romain Trystram當然,你的手繪插畫僅僅只是簡單的幾個圖形,也很流行!借用幾何圖形、簡單圖形進行設計,永遠不會出錯。那就先來學習這些流行的手繪插畫風格吧~1. 肌理插畫肌理插畫的色彩飽和度高,對比強,畫面輕快,一般用扁平化方式處理。這種畫法通常會加入雜色,增加顆粒感、質感,也會通過明暗色塊區分每個元素,增加立體感。肌理插畫和扁平插畫差不多,相較扁平插畫,肌理插畫的層次感、細節更多,也會更立體生動。
  • APP扁平化界面設計方法!
    扁平化界面設計並不是完全的抵制裝飾效果,而是合理適度的使用裝飾效果,合理適度的裝飾效果是指在不影響用戶對功能的使用的同時滿足用戶的審美需求。①拒絕特效。扁平化界面設計追求的是信息傳遞的直觀明了,具體表現去掉了多餘的透視、紋理、漸變以及3D效果的元素,注重減少信息的裝飾元素,減少圖片的分層效果。
  • 掌握這些圖形設計法!輕鬆徵服甲方
    替換的圖形設計技巧就是在圖形中尋找兩個和主題相關的視覺元素,用其中的一個代替另一個的一個部分,從而使得意義得到體現,達到通過視覺傳播理念的效果。矛盾空間最主要的特徵是把二維和三維通過線的連接、延伸融合起來,有時也叫混維圖形。
  • 「扁平化設計」的5大法則
    扁平化這個詞來自於這種設計所使用的樣式和形狀,它完全屬於二次元世界,一個簡單的形狀加沒有景深的平面,不叫扁平化都浪費這個詞了。如今從網頁到手機應用無不在使用扁平化的設計風格,尤其在手機上,因為屏幕的限制,使得這一風格在用戶體驗上更有優勢,更少的按鈕和選項使得界面乾淨整齊,使用起來格外簡單。二 、 界面元素
  • 為什麼化妝品logo設計越來越扁平化?
    在之前大多數UI設計風格還是以擬物化的設計風格為主,就在Windows更換UI設計以及蘋果發布IOS 7系統後,人們發現這種扁平化設計,好像更符合大家審美需求,這也讓扁平化設計從UI設計,迅速延伸到其他設計領域,特別是logo設計,這幾年都是以扁平化設計風格為主,相信大家對於為什麼化妝品