點閱率 | 906 次

簡報最潮的扁平化設計風格圖示潮圖示自己設計特色概述及免費線上圖示產生器

文/賴嘉民 


│近年趨勢│

根據網站「簡報小聚beforafter」的一篇文章:「2016 簡報狂熱者應知的十大趨勢:為什麼他們的簡報特別好看」,文中提到2016簡報設計一項趨勢「扁平化圖示正流行」,扁平化圖示漸漸成為近年來簡報圖示應用的主流(圖1),iphone近年來也走向扁平化圖示設計(圖2,圖片來源:註1),不難發現這股潮流,什麼是扁平化圖示?又如何到哪找這樣圖示?我們自己也可以設計嗎?

 │圖1.各種網路上扁平化設計

 

 │圖2.iphone圖示從立體化走向扁平化風格

│什麼是扁平化圖示?│

形態簡單、用色精簡是扁平化圖示的特色,而此設計風格來自扁平化設計,也是早年非常流行的設計領域,包括早期的國際印刷風格(台灣也有翻譯相當多相關書藉)(圖3)、文字型用戶介面、甚至更早的包浩斯風格,進入數位設計時代後,此設計風格沉靜一段時間,近年來,設計界再次趨向簡單、易讀的風格,從賈伯斯將禪宗一切皆空的精神,以運用在apple產品的設計中,ipod、iphone等產品讓世人再次愛上這樣的設計(圖4),扁平化設計再次站上舞台,各種設計領域包含行動裝置、圖型識別、介面、簡報呈現..等,這樣的趨勢漸漸蔓延在我們的生活中。

 │圖3.各種國際印刷風格介紹的書藉

 

 

 │圖4.各種apple產品

 

│扁平化設計特點│

1. 簡化型符號
2. 應用對比色彩
3. 版面排版
4. 整齊、簡單,但不粗劣
5. 層次分明

│自己也能簡易畫出扁平化設計│

扁平化風格圖示可以透過許多種軟體製作,網路上也有許多免費圖示資源可供下載,但若我們有興趣想動手設計適合自己風格的圖示,也有這樣的資源可使用,今天就為大家介紹一個可作到一定程度自訂的網站:flattyshadow,這是個可以免費產生扁平化風格圖示的網站,我們就用一個步驟式範例與大家分享如何創作自己的圖示。

 

 

 

 

 

│扁平化圖示資源網站│

1.簡報小聚beforafter
  https://www.beforafter.org/blog/presentation-trends-2016

2.flattyshadow
   http://flattyshadow.com/

3.36 High-Quality Flat Design Resources
  http://mashable.com/2013/07/29/flat-design-ui-kits/#nfY5KxzrKsqH

4.20 Free & Awesome Flat Design Resources | The Design Inspiration
  http://thedesigninspiration.com/articles/20-free-awesome-flat-design-resources/

 │參考圖來源

 註1 , http://ui-cloud.com/an-ultimate-comparison-of-ios6-and-ios7-user-interface-design/