今天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模版下載等
下面我們來看看國外大師分享的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)不良的效果。
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ì)素材免費下載!