扁平化設計：高光、陰影
有了基本雛型後可以開始添加細節，從放大鏡icon的優化開始。如果有上過素描課、老師會說明高光和陰影的重要性，扁平化設計將視覺元素抽掉很多，高光、漸層、陰影等基本組成因此變得更重要，更需要注意每 1px 的細部處理。
扁平化設計：基本雛型
扁平化設計是現在最流行的設計趨勢，比起擬物風，扁平化設計去除大部份的材質和光影變化，但仔細觀察，仍保有許多細節。無論是陰影、漸層、高光、立體感等，並不因「扁平」而隨意帶過。這個教學不太需要修圖技巧，只要會用「形狀圖層」就好。為了因應各種尺寸的 icon，我習慣盡可能用向量來製圖。
各式按鈕背景：進階篇
這篇會教大家怎麼在按鈕外圍做一圈凹陷的陰影，為了教學需要、有故意將效果做得誇張些。如果知道原理了、記得把數值調小一點比較自然。請接續各式按鈕背景：基本篇
製作～
各式按鈕背景：基本篇
最常見的按鈕就是個長條型的色塊，配上文字說明讓使用者知道點擊這個色塊能達到什麼目的。讓這個色塊擁有像現實生活的光影變化，在視覺上更顯精緻。可接著各式按鈕作法：文字篇
的步驟接著做。
各式按鈕作法：文字篇
在 App 裡，許多操作方式都需要透過「按鈕」，本篇將介紹如何在Photoshop作出各種樣式按鈕上的「文字」。包含立體凸起、或是凹陷的質感。按鈕本身的作法也有很多種表現形式，將另開一篇專講背景製作。
無損圖片的介面製作方式（下）
之前在無損圖片的介面製作方式（上） 提到製作 App 介面時會面臨各尺寸螢幕解析度不同的問題，PSD 需要放大縮小使得最後產出得切圖模糊失真。本文將介紹智慧型物件、智慧型濾鏡、在ai畫好、貼到ps的技巧、遮色片、調整圖層等不同的技巧。
無損圖片的介面製作方式（上）
目前市面上最常見的被用來設計 APP 介面軟體為 Adobe 的 Photoshop 和 Illustrator。Illustrator 屬向量軟體，不管再多次的放大縮小，向量圖的質量不會因此改變。Photoshop 是繪圖影像處理軟體，像素圖片一經放大縮小後畫質會變差，偏偏目前 iOS 需製作 2 種、Android 至少也要作 3 種尺寸的圖檔，有時候還會有不知道哪邊來的交辦要 UI 協助製作「等身高大 iPhone」。為了提升畫面的精緻度（和對付這種強人所難的需求），還是盡量以無損圖片方式製作圖稿、運用比較靈活。
文章分類
