視覺傳達(visual communication)比平面設計更能表達 graphic design 的意思，graphic 的中文被翻譯為"平面"是很奇怪，立體的包裝設計也屬平面設計範圍，今天的motion graphic 及 animation gif 更有時間及動態的原素，所以graphic 應是圖象處理，當中除了美學，也要考慮設計與用家的溝通。
二十多年前從事網頁設計，是第一代投身界面設計的設計師，因為本身有設計學院的專業訓練，會比篇程員(programer)更懂處理圖象，特別是平面設計師懂制作一套有系統的視覺符號，也懂以符號去傳達信息。
坊間很多短期界面設計課程只會教授用什麼軟件，講解基本的界面設計流程，很多時學生連backend技術也不了解，設計一套iconm更有困難，何況是一套有系統的icon?
Material Design 是由 Google 開發的一套界面設計系統(不是 software)，在慨念推出前，業界也在討論在手機的icon應以"真實化"或"圖象化"去表達，最後ig 的logo轉變，說明了選擇"圖象化"是大勢，原因是解象度，用家與手機屏幕的距離及用家在使用界面是腦袋在想什麼。
屏幕解象度是 72 dpi, 比印刷品的 300 dpi 為細，所以圖象處理要留意。這要解析兩套電腦處理圖象的知識, vector graphic 與 bitmap。界面設計中的 vector graphic 就是 HTML的設計生成的線與框框，原則上是沒有dpi的影響，它被放多大都會清析，另一種圖象處理是bitmap，也就是jpeg及png等當案，當jpeg被隨意反大就會模糊。
另一個視覺處理問題是用家與屏幕的距離，有些學生在設計icon時會在軟件中放大畫面方下制作圖案，如果沒有考慮icon最後是在手機屏幕中使用，問題就會更大。
一般初級的設計師最常犯的是沒有考慮屏幕與用家眼中的距離，特別是設計師習慣了使用27inch的 desktop電腦制作設計，忽略了真實尺寸就會產生readability的問題。
所以視覺傳達與媒體是一組重要的關系，設計師要十分了解媒體的特性，手機與desktop都是 72 dpi，但用家使用上是完全不同。
以下是一套看似不錯的icon設計，設計的線條及風格是統一，但黑白對白的重量就會右面較重，這是平面設計的基本(negative & postive space), 雖然大多人會說成"黑白位"，但真正的意思是正片與負片，下圖右面的icon的正片位置較多，所以觀感上會比較重，可以考慮把一些面轉為線，效果會好一些。
當然我們可以考慮用不同的深淺顏色去調整以上所說的問題，但近年界面設計的風格都愛以極簡的方向，這點在界面設計是可多加留意。
最後，為什極簡的icon會成為主流，這點我們可以想想，界面設計及icon的存在意義，用家不是去欣賞設計有多美，視覺有多好看，設計會不會拿到設計獎(界面設計不流行獎項，下一篇文章可以討論)，用家只是使用界面，界面存在的意義是協助用家找到自已要的東西處理工作。所以極簡的設計是減輕用家的思考，例如用家在使用一個手機App去選購外買，要食什麼東西已經想得很辛苦，不要再讓用家想icon及界面了。
Sic Leung
UX Evangelist
Chairman of IxDC Hong Kong
www.sicacademy.org