品味設計

icon控請舉手!

2021-03-05

有誰跟我們一樣是icon控嗎?
看到公共場合的任何icon都會細細研究一番,有趣的話,還會拿起手機拍照XD

在這篇會簡單介紹icon的產生規則,還有分享有趣的icon網站!
 
icon具視覺功能性,是引導位置與功用的重要媒介,讓不分國籍的人們,都能一眼辨識它。
以下是icon的設計要素:
 
1. 由繁化簡,細節一樣都不缺

如果能從圖像,去刪減掉不必要的線條與色調,還能夠保有它要訴說的目的與功能,那就是一個完美的icon。因為圖形越簡潔,停留思考其功能性的時間就越短。

像舉例聲音,開/關,如果省略發聲主體(人),單純使用喇叭去做,也一樣可以看出音量。

喇叭

(左) 關   (右)開

 
2 控制最小間隙

確保icon在任何的空間裡,無論放大縮小,都要避免輪廓線條互相沾黏,不要讓元素之間靠得太近,似有若無、要近不近的距離,畫面是不和諧的。這點就跟logo設計一樣,需避免模糊不清的線條。

乳製品

(左) 正確的線條   (右)有沾黏到的線條

 
3. 風格一致

要規範公共空間裡的icon指標,「風格一致」這絕對是基本中的基本,線條粗細、色彩規範、扁平或立體風格一致,讓所有的icon都相同重要。

info
 
 
有一個很棒、有意義的icon網站提供給大家收藏:
The 100 icon of Taiwan

https://www.twicon.page/index.html
 
這是一個愛台灣的日本人與英國人共同創作的台灣icon,可以供大眾商用、重製,但不可利用此系列icon去直接販售喔!
 
 
資料來源:flaticon / 文字編輯: Jess