UI設計扁平化指南
扁平化風格並不是2019年才颳起的大風,而是新時代一直存在的潮流。譽財教育認為大家對於扁平化的設計認可主要是由於他的簡潔大氣,這也是現代人生活的一種態度,簡單大方上檔次最好了。而扁平化並不是簡單的刪除多餘的修飾效果,畢竟用幾根簡單的線條和幾個色塊來表達主題,並沒有用模擬真實物體表達來的那麼直觀、容易。
簡約的介面設計需要設計師,擁有更加準確的視覺傳達能力,要運用抽象而又嚴謹的邏輯思維方式,加上精準的歸納總結才可以完美的表現出來。下面譽財教育就為大家講解一下UI設計之中扁平化形式的幾個要素。
一.圖形
從圖形的角度來看,扁平化風格設計已經不再推崇寫實的圖形設計,取消了原來設計中大熱的陰影、漸變、高光等3D效果,而採用簡潔直觀的呈現形式,用抽象、高度概括性的平面圖形取代三維效果的圖形。扁平化圖形創意的基本形狀有矩形、圓形、菱形、多邊形等,但要留意最好不要用多於六條邊的形狀,因為這樣人們的注意力,就有可能會在圖形的邊數上,而忽視掉圖形本來要表達的內容資訊。
雖然扁平化的圖形表面看起來十分簡約,但這並不是簡單地把擬物化設計中複雜的裝飾效果丟棄就能達到的,剛好相反它對設計者的要求更高,要求設計者對圖形有更加準確的把控能力,通過既抽象又嚴謹的思維條理,才能對扁平化圖形進行精簡總結,最終呈現完美的設計表現。
二.色彩
色彩的運用在扁平化設計中有著舉足輕重的地位,在日常設計中我們就可以發現,基本上所有的扁平化設計都脫離不了色彩。它不僅僅傳遞此圖形是什麼顏色,它還是傳遞給觀眾情感的一種最直接的表達方式,一般扮演著和觀眾情感互動的主要角色。所以,如果一個介面的色彩非常明快、活潑那麼也就很容易吸引受眾的目光。
總的主旨就是各種顏色搭配要協調,雖然視覺上扁平,但整體介面會感覺豐富、活潑。在擬物化設計裡,有很多介面的底紋都會採取肌理效果,使介面具有很強的質感,給人一種親和力。而扁平化設計中,拋棄掉了真實質感的底紋設計則會讓介面更簡潔直觀,從而可以更加清晰地向受眾傳達想要表達的情感和內容。
三.字型
扁平化風格的介面設計,選擇簡單的字型最為適宜。文字的清晰度和粗細也都非常重要的因素,而且最好一個介面中字體系列保持在兩種左右,不易太多以免繁雜。字型不單單要迎合大眾的審美需求,也要實用、方便閱讀。
在扁平化設計中經常採用的是無襯線字型,如:黑體、微雅等,這是由於它們特殊的字型形態更符合扁平的特點。無襯線體裡,字型較寬,會讓人感到輕鬆,排版的時候不容易有緊張感,更容易閱讀,而且不管在任何背景上也都能輕鬆的識別。無襯線體的線條非常的簡練,具有幾何感,這種不帶有任何花哨的字型,與簡單明快的扁平化介面設計是非常吻合的,從而確保設計在視覺上的統一。
四,創新
在實際生活中也很容易發現,扁平化的設計在辨識度上沒有擬物化那麼直接,從而增加了使用者的學習成本。另外,扁平化設計如果沒有處理得當,就會顯得很平、沒有層次感,使用操作起來就會產生一些問題。
扁平化並不等於沒有一點設計修飾效果,在實際設計中,設計師應根據設計理念、服務物件的特徵以及要解決的問題靈活運用扁平化風格。一個較為成功的扁平化設計的創作,最根本上需要把產品功能排在第一位,而不單單只是考慮視覺呈現的問題,不要為了扁平化而扁平化,扁平化的視覺呈現也是為了產品的功能服務的。
同時譽財UI設計培訓提醒你,無論什麼情況下,我們在設計介面的時候,都要記住自己的設計師服務於產品本質的,產品是做什麼的,怎樣才能最直觀將介面和設計互動和使用者對接,這才一個UI設計師應該考慮的問題。