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

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

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

25學(xué)堂推薦一些好的APP設(shè)計PSD素材:

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

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

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

4、iOS 7風(fēng)格的APP界面設(shè)計首頁PSD模版下載

app設(shè)計5app設(shè)計1

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

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

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

2.圖層的混合模式只使用正常模式即可

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

3538896_02_thumb

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

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

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

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

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

4.設(shè)置圖層〉矢量蒙版〉當(dāng)前路徑

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

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

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

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

2.和方法1相同。

3.和方法1相同。

4.和方法1相同。

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

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

 

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

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

 方法1:徑向漸變工具

1.在導(dǎo)航條圖層上方新建圖層。

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

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

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

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

方法2:斜面和浮雕

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

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

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

Photoshop技巧大全之《復(fù)制技巧和選擇技巧》

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

更多關(guān)于設(shè)計APP的技巧都在25學(xué)堂。希望大家有事沒事都來看看。

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