詳解PS進行IOS設計流程的訣竅

在本文中我(英文原作者)總結(jié)了在photoshop中設計ios軟件時所遵守的方法。許多的技巧適用于一般的UI設計。注意：文中所提到的快捷鍵針對于Windows;Mac 用戶可，Cmd對應Crtl鍵，Opt對應Alt鍵。

1.保持尺寸為偶數(shù)

你是首先針對Retina屏幕設計然后再對標準分辨率的進行縮小是吧?為了在標準分辨率下像素仍然保持完美的呈現(xiàn)，你需要保證大小和距離為偶數(shù)。具體的做法便是：基于2ps的網(wǎng)格設計。在編輯(Edit)〉首選項(Preference)〉參考線、網(wǎng)格和切片(Cuides,Grids&Slices)。更改網(wǎng)格線間隔(Gridline)和子網(wǎng)格(Subdivisions)來是使得網(wǎng)格間隔線為2px。例如：設置網(wǎng)格線間隔為64px，子網(wǎng)格為32。

2.混合模式只使用正常模式

在設置直接處于其他元素上面的圖層效果時，混合模式只使用正常(例如：在混合選項中投影和外發(fā)光)。使用其他的混合模式或許在Photoshop中看起來很好，但是也可能會在在保存為PNG格式之后出現(xiàn)不良的效果。

3.更方便的改變漸變顏色

想要更改漸變按鈕的色調(diào)(色相)，而不必每次都去改變漸變的起始顏色值?下面介紹兩個方法，均可達到完全一樣的效果。

方法1：在漸變圖層混合選項中使用顏色疊加

方法2：在純色圖層使用漸變疊加

譯者注：上述使用了矢量蒙版，其實使用剪切蒙版也可達到相應的效果，個人認為還簡單點。

4.更多的使用徑向漸變

在導航條上疊加徑向漸變層，讓導航欄變得更為有趣。

方法1：徑向漸變工具

方法2：斜面和浮雕

同樣也可以使用圖層混合選項中的斜面和浮雕。可以按下圖所示來設置。通過調(diào)整設置來達到你想要的效果。通常調(diào)整的越為精妙效果也越為好看。