当前位置: 首页 >> APP设计教程_APPUI设计教程_UI设计教程_网页设计师加油站 >> 阅读正文

使用PS设计iOS APP界面效果图的一些设计技巧分享

今天25学堂跟大家分享一些ps设计ios APPui界面的一些常用设计技巧跟注意事项。希望可以对大家有所帮助和启发!

如果你还不知道怎么去设计iOS app的时候,可以看下这些APP设计视频教程和一些国内外APP设计高手们分享的PSD源文件。下载下来多多学习即可。

25学堂推荐一些好的APP设计PSD素材:

1、5套精美优质的APP设计PSD素材打包下载

2、10个免费的ios设计资源PSD_APP设计素材分享

3、几个iPhone5立体效果的iOS 7App设计(PSD下载)

4、iOS 7风格的APP界面设计首页PSD模版下载

app设计5app设计1

下面我们来看看国外大师分享的PS设计iOS APP界面效果图的一些设计技巧。

1.保持尺寸为偶数

为了在标准分辨率下像素仍然保持完美的呈现,你需要保证大小和距离为偶数。具体的做法便是:基于2ps的网格设计。在编辑(Edit)〉首选项(Preference)〉参考线、网格和切片(Cuides,Grids&Slices)。更改网格线间隔(Gridline)和子网格(Subdivisions)来是使得网格间隔线为2px。例如:设置网格线间隔为64px,子网格为32。

2.图层的混合模式只使用正常模式即可

在设置直接处于其他元素上面的图层效果时,混合模式只使用正常(例如:在混合选项中投影和外发光)。使用其他的混合模式或许在Photoshop中看起来很好,但是也可能会在在保存为PNG格式之后出现不良的效果。

3538896_02_thumb

3、更方便的改变渐变颜色的几种方法介绍

 方法1:在渐变图层混合选项中使用颜色叠加

1.创建一个渐变图层。起始颜色设为浅灰和深灰色,也可以在之后调整。

2.为按钮创建矢量蒙版。

3.复制矢量蒙版粘贴到渐变图层(选择矢量蒙版〉Ctrll+ C〉选择渐变图层〉Ctrl + V)

4.设置图层〉矢量蒙版〉当前路径

5.设置渐变图层混合选项〉颜色叠加更改混合模式为颜色。

6.现在便可以只是更改此处的颜色来更改渐变。

        方法2:在纯色图层使用渐变叠加

1.用你想要的颜色,创建一个纯色的图层。

2.和方法1相同。

3.和方法1相同。

4.和方法1相同。

5.在纯色模版混合选项〉渐变叠加,设置混合模式为明度(Luminosity)。

6.现在只是改变纯色模版的颜色即可改变渐变。

 

4.尽量多的使用径向渐变,好处如下:

在导航条上叠加径向渐变层,让导航栏变得更为有趣。

 方法1:径向渐变工具

1.在导航条图层上方新建图层。

2.复制导航条图层的矢量蒙版到刚才新建的图层(按住Ctrl + Alt同时按鼠标左键拖动矢量蒙版到新图层)。

3.选择径向渐变工具(设置渐变为中心白色末端全透明)。

4.在图层中从中心到边缘绘制渐变。

5.改变图层混合模式为叠加(Overlay)设置不透明度为25%。

方法2:斜面和浮雕

同样也可以使用图层混合选项中的斜面和浮雕。可以按下图所示来设置。通过调整设置来达到你想要的效果。通常调整的越为精妙效果也越为好看。

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

10个万圣节主题设计素材之Photoshop教程推荐

Photoshop技巧大全之《复制技巧和选择技巧》

30个photoshop趣味教程|photoshop免费教程等。

更多关于设计APP的技巧都在25学堂。希望大家有事没事都来看看。

本文标题:使用PS设计iOS APP界面效果图的一些设计技巧分享

本文地址:http://www.25xt.com/allcode/5909.html

本文关键词: , , ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。