擬物風格回歸是創新還是倒退?設計師怎麼看?
擬物風格回歸是創新還是倒退?設計師怎麼看?

還記得 iPhone 初代那種有光影、會「凸出來」的按鈕嗎?
曾被淘汰的擬真設計,如今似乎又悄悄回歸。
這波復古潮,是真回歸還是曇花一現?

扁平化設計:斜陰影

flat-斜陰影.png
常常在扁平化的 icon 上看到斜陰影效果,要製作這個效果有很多種方式。網路上的教學文也很多種,我就挑了比較簡單的作法來實作順便 PO 自己的作法了。可以結合厚度、讓 icon 更潮。(沒辦法、現在就是流行扁平化、厚度、斜陰影。)

扁平化設計:厚度

flat-厚度.png
這張是 512 x 512 px 的 iOS Desktop icon 原始圖檔,可以看到在我放在 photoshop 分類中關於扁平化設計系列文章所製作出來的效果。高光線真的很重要,細細一條就能帶給人「厚度」和「轉折」的視覺效果。

扁平化設計:高光、陰影

6.jpg
有了基本雛型後可以開始添加細節,從放大鏡icon的優化開始。如果有上過素描課、老師會說明高光和陰影的重要性,扁平化設計將視覺元素抽掉很多,高光、漸層、陰影等基本組成因此變得更重要,更需要注意每 1px 的細部處理。