扁平化設計風格在平面設計的應用

前言:尋找寫作靈感?中文期刊網用心挑選的扁平化設計風格在平面設計的應用,希望能為您的閱讀和創作帶來靈感,歡迎大家閱讀并分享。

扁平化設計風格在平面設計的應用

摘要:隨著社會的不斷加速發展,電子信息終端技術的蓬勃發展,扁平化設計逐漸成為界面設計和交互設計設計風格的主流方向。扁平化設計作為一種全新的設計主流被受眾喜愛。本文通過對扁平化設計風格研究,深入探索拓展扁平化設計風格的應用范圍,并突破UI設計的范疇,嘗試根據包裝設計、插畫設計等不同平面設計領域的設計特點,探索扁平化設計在不同領域上的可行性分析,為扁平化設計的應用提供借鑒和思考。

關鍵詞:扁平化設計;平面設計;視覺元素

一、扁平化設計概述

(一)扁平化設計的概念

扁平化設計是近年來剛剛發展起來的一種全新的設計風格,英文中常用翻譯為FlatDesign。作為一個全新的專業名詞,在設計領域沒有統一的定義。在英文版的維基百科中對扁平化設計的定義是:一種界面設計的風格,在設計過程中去除所有具有三維空間效果的樣式和屬性,刪除一切具有陰影、高光、反光、漸變、陰影表面紋理及所有三維錯覺的設計元素[1]。扁平化設計產生的核心是對信息的提煉使設計更注重功能本身,實現功能最大化。在表現形式上更注重簡單元素平面化,去除所有產生立體感的特效,對排版和單一色彩進行極簡化處理。將想要傳達的信息更加簡單明了,使用戶最大限度地接受有用的核心內容,使界面設計更加高效合理。這一核心使設計師更傾向將扁平化設計運用在UI設計和人機交互設計中。扁平化設計風格這種追求簡約的設計風格更依賴那些被精心篩選的本質性元素,而非表面上的裝飾,一切設計都為功能服務,可以真正做到形式追隨功能。

(二)扁平化設計形成過程

1.從微軟公司的界面設計中誕生

扁平化設計風格真正應用于界面設計是由微軟公司2006年推出的名為Zune的音樂播放器。微軟推出了如圖1的Zune音樂播放器,為與蘋果的iPod播放器競爭,從此開始名為Metro的設計。其特點主要突出顯示大文本并匹配背景圖像。這個版本的操作系統使用許多簡單的形狀,清晰的印刷格式,明亮的對比色,復雜的細節和紋理已被刪除。就此Metro的名字已經流傳了起來,而且很受歡迎,因此微軟之后將它應用于Windows8系統。另外,這種設計風格也用于其他軟件,比如Xbox360等。扁平化和極簡主義設計為Web和移動應用提供了更多可用的設計解決方案。

2.掀起扁平化設計風格熱潮

2013年9月,蘋果公司了ios7,ios操作系統出現后開始進行了操作系統用戶界面的升級。如圖2所示中IOS6系統(左)與IOS7系統(右)對比可以看出ios7完全放棄了擬物化設計,并從所有圖標和界面中刪除了所有細節,紋理和陰影等顛覆性的調整。同時,國內主流互聯網產品,例如:騰訊QQ、360瀏覽器、新浪微博、包括微信等,操作系統如魅fly-me3.0,小米MIUI6等,都已經開始采用扁平化設計風格,在產品界面圖標和標志的基礎上均進行了改革。扁平化設計開始推向設計熱潮的高潮,逐漸成為移動互聯網和界面設計中最受關注的術語之一。

二、扁平化設計原則

(一)圖形設計簡化

圖形簡化是最可以具體描述扁平化設計風格的設計特點,這種簡單的設計趨向意味著它可以增強設計的功能性。扁平化設計風格的圖形特征最主要的是有著鮮艷的色彩、清晰的邊緣和開放的空間。扁平化設計最常見的是圖標式圖形設計,從圖形設計中看出這一設計并不是減少真實世界的對象或使用模擬圖形。這意味著扁平化設計會在現實世界和技術世界之間產生差距。

1.簡化提取

扁平化設計是時代的產物。事實上,扁平化設計走向設計主流方向的確是因為它能夠不斷優化自身,使其更能適應時代的發展。但事實上,使扁平化設計應用在不同設計領域中,絕不是一件簡單的事情。扁平化設計是絕對提取,需要有更扎實的基本功,其實與書法的道理相似筆畫越少,書寫越難,筆畫越多越容易書寫。

2.去除特效

扁平化設計完全屬于二維空間的產物,這就意味著它不會過度設計。因此,在扁平化設計風格中不會有倒角,投影,漸變或其他效果應用于圖層。不難看出所有扁平化設計風格的界面設計,它們大多只有尖銳的邊緣,沒有投影。一個簡單的形狀加上一個沒有景深的平面。

3.圖形幾何化

扁平化設計會使用一些簡單的用戶界面元素,如有的按鈕和圖標設計,設計師只需尋找簡單的形狀,如矩形、圓形或正方形,以保持每個形狀的獨立。形狀的邊緣可以完美定位或包含一點曲率。每個用戶界面元素都很簡單,并且易于點擊或切換。對用戶而言直觀的交互,沒有設計中的過度設計。刪除簡單的樣式并鼓勵用粗體可點擊的按鈕進行著色。但是,這并不意味著簡單的幾何元素就是簡單的設計。通常幾何形狀會給用戶帶來更大的虛構空間,這是直觀和清晰的。當然,一個更簡潔和通用的圖標,它攜帶的信息量更大,并且使功能最大化。

(二)風格配色的選擇

顏色是扁平化設計風格在表達功能性時最重要的部分。在扁平化設計中,色彩運用得是否到位,無疑是這種設計風格中很重要的一個環節。很多UI設計作品在色彩上更多地強調更亮、更鮮艷。在以往的設計中,大多數情況下設計一個作品更專注在兩三種顏色之間,在界面設計中使用的顏色模式往往比其他調色板更引人注目,更明亮。

(三)字體的運用

字體是扁平化設計中非常重要的元素。扁平化設計將界面中所有元素清晰簡潔,設計師可以在字體創建時使用自己所期望的樣式和色調,可以使用自定義和特定字體設置整個界面框架的基調。如今的“扁平”字體通常由單一字體組成,或者是兩種非常接近的字體。在不同風格、功能設置下的字體選擇,均為易讀、易辨識且簡單的字體。這正是關鍵所在,不能使字體分散注意力。如果字母帶有過多的風格與個性,就會阻礙用戶的閱讀流程。通常的做法是“隱形的設計”,換句話說,就是做出讓用戶不會注意到的設計。因為每當用戶留意設計,就會喪失沉浸式的體驗。

(四)版式布局

1.網格

網格在扁平化設計中起著非常重要的作用,特別是在界面設計中。通過網格將視覺元素整合在一起,可以使整個設計更有次序和直觀。網格不僅可以顯示視覺順序,還可以使用網格劃分內容和功能組,無須使用直線或框劃分組對象。網格中簡單的對齊和間距設置可以更好地幫助用戶了解功能和結構。嘗試打破網格結構,突出重要元素,以吸引用戶的注意力。告別假3D元素裝飾、物理比例和定位等基本布局原則同樣是展示視覺順序的關鍵。使用更密集的網格,當減少視覺色彩匹配元素時,會發現這種設計方法可以承載更復雜的結構并且不會顯得雜亂。如果想要表達的其他內容信息就可以單獨放置。

2.半透明

自蘋果IOS7系統推出扁平化設計風格以來,主打的半透明設計就開始被廣泛應用,這種設計手法主要以半透明磨砂玻璃風格引起大家的關注?;谕该鞫鹊氖褂?,蘋果公司還提高了系統對外部環境感知的敏感度。使用半透明效果最大的好處是可以使畫面產生對比,設計師可以通過色塊,圖片上的大字體或者多種顏色層次創造視覺中心。這種效果如果運用得當就可以很快將畫面層次展現出來。但是使用這一效果時需要謹慎,因為這種效果很難處理得當,需要遵循如下原則:圖片和文字一定要有可讀性,這樣使用半透明效果才有意義。在決定半透明位置的時候,要構思好需要遮擋什么內容,遮擋的部分是否合理。透明度的錯誤使用會影響整體的設計效果和閱讀性,不可以在對比非常強烈的圖片上放置半透明元素。

三、扁平化風格在平面設計領域的應用

(一)包裝設計中的扁平化設計風格

包裝設計中的扁平化風格主要體現在:文字清晰化、顏色簡化和圖形簡化、版面簡約化。對復雜圖形、煩瑣文字、擁擠版面,采用扁平圖形、清晰文字、單純色彩,秉持“簡約而不簡單”的設計理念,傳遞產品信息的同時強化了品牌形象,完美達到了包裝設計的目的。

(二)插畫設計中的扁平化設計風格

扁平化風格的插畫色彩對比較強,在顏色的使用和選擇上,大多數插畫師們會選擇特有的或者商業需求的色彩語言體系進行繪制,并且削弱物體固有的陰影及其明暗關系的強烈感,增強顏色與顏色之間的塊面感、統一感或是對比感,讓顏色整體或是在畫面內顏色與顏色有一定的對比。有些插畫師會選擇直接用純色的色塊上色,有的插畫師會選擇用拼貼、多色塊疊加進行繪制。此外,在色塊的內部也會使用疊加輕微的紋理讓色塊更加豐富,紋理和拼貼的圖案在制作方面,有些插畫師會選擇在紙上手繪出想要的圖案圖形,再通過軟件后期到畫面當中,這樣做是為了讓紋理看起來更加自然,色塊外部偶爾會根據實際情況用勾線的方法將外部輪廓凸顯出來。

(三)企業形象設計中的扁平化設計風格

扁平化設計風格進入VI設計系統的關鍵是對其設計理念的影響,體現企業文化與內涵。因此,根據扁平化設計原則企業形象設計時應對VI設計的字體和顏色至關重要,對于企業形象設計而言,合適的字體和顏色將達到突出的視覺效果,會很容易讓人感受到企業文化的核心意義。扁平化設計開始僅僅存在于界面設計,而現在在不同的設計領域隨處可見,以移動客戶端的界面出現在人們的視野,人們從持有批評或中立的態度到現在完全接受它,并廣泛地應用在平面設計的各個領域。由此可見,扁平化設計風格順應了時代的發展,同時社會的發展帶動了扁平化設計風格的發展,滿足了社會發展的需求。扁平化風格設計重視實現產品的功能性,淡化復雜的裝飾外觀,帶來簡潔清晰的圖像及出色的功能,在界面設計和交互界面上已經取得成功。設計師應抓住其中的設計要點,在不同設計領域探索和應用起到不一樣的作用。

參考文獻:

[1]張欣.視覺符號在扁平化界面設計中的應用[J].藝術探索,2013(6):104-105.

[2]P迪.做好扁平化設計-視覺篇[EB/OL].

[3]劉暢.淺析扁平化設計的發展趨勢、優勢與成因[J].美術大觀,2014(12):99.

[4]崔天劍.大數據時代扁平化設計趨勢研究[J].創意與設計,2014(32):16-20.

[5]周黎鈴.基于用戶體驗的扁平化互聯網產品界面設計研究[D].杭州:浙江工商大學,2014.

作者:?冬梅 單位:齊齊哈爾工程學院

亚洲精品一二三区-久久