使用PS設計iOS APP界面效果圖的一些設計技巧分享

今天25學堂跟大家分享一些ps設計ios APPui界面的一些常用設計技巧跟注意事項。希望可以對大家有所幫助和啟發(fā)!

如果你還不知道怎么去設計iOS app的時候,可以看下這些APP設計視頻教程和一些國內(nèi)外APP設計高手們分享的PSD源文件。下載下來多多學習即可。

25學堂推薦一些好的APP設計PSD素材:

1、5套精美優(yōu)質(zhì)的APP設計PSD素材打包下載

2、10個免費的ios設計資源PSD_APP設計素材分享

3、幾個iPhone5立體效果的iOS 7App設計(PSD下載)

4、iOS 7風格的APP界面設計首頁PSD模版下載

app設計5app設計1

下面我們來看看國外大師分享的PS設計iOS APP界面效果圖的一些設計技巧。

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

為了在標準分辨率下像素仍然保持完美的呈現(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)不良的效果。

3538896_02_thumb

3、更方便的改變漸變顏色的幾種方法介紹

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

1.創(chuàng)建一個漸變圖層。起始顏色設為淺灰和深灰色,也可以在之后調(diào)整。

2.為按鈕創(chuàng)建矢量蒙版。

3.復制矢量蒙版粘貼到漸變圖層(選擇矢量蒙版〉Ctrll+ C〉選擇漸變圖層〉Ctrl + V)

4.設置圖層〉矢量蒙版〉當前路徑

5.設置漸變圖層混合選項〉顏色疊加更改混合模式為顏色。

6.現(xiàn)在便可以只是更改此處的顏色來更改漸變。

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

1.用你想要的顏色,創(chuàng)建一個純色的圖層。

2.和方法1相同。

3.和方法1相同。

4.和方法1相同。

5.在純色模版混合選項〉漸變疊加,設置混合模式為明度(Luminosity)。

6.現(xiàn)在只是改變純色模版的顏色即可改變漸變。

 

4.盡量多的使用徑向漸變,好處如下:

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

 方法1:徑向漸變工具

1.在導航條圖層上方新建圖層。

2.復制導航條圖層的矢量蒙版到剛才新建的圖層(按住Ctrl + Alt同時按鼠標左鍵拖動矢量蒙版到新圖層)。

3.選擇徑向漸變工具(設置漸變?yōu)橹行陌咨┒巳该鳎?

4.在圖層中從中心到邊緣繪制漸變。

5.改變圖層混合模式為疊加(Overlay)設置不透明度為25%。

方法2:斜面和浮雕

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

今天就分享到這里,更多photoshop技巧分享在這里:

10個萬圣節(jié)主題設計素材之Photoshop教程推薦

Photoshop技巧大全之《復制技巧和選擇技巧》

30個photoshop趣味教程|photoshop免費教程等。

更多關于設計APP的技巧都在25學堂。希望大家有事沒事都來看看。

每天更新,
全站高品質(zhì)素材免費下載!