如何做出有厚度的 APP 界面图片
举个栗子：
假设，你要做一个5S的尺寸的效果（effect）展现图。
步骤（procedure)：
1、新建一个画布尺寸为：640×1136
然后保存(Save)为，随便命名如：5S效果（effect）图模板
2、再新建一个画布，随便命名如：效果（effect）图展现
尺寸随意，可以大点，自己看情况(Condition)吧。UI设计学习UI设计师的涉及范围包括高级网页设计、移动应用界面设计，是目前中国信息产业中最为抢手的人才之一。
3、将刚才保存(Save)的那个5S效果（effect）图模板.PHOTOSHOPd拖到这个画布中
command(ctrl)+T变换到合适的尺寸，倾斜到合适的透视效果（effect）。
4、然后双击”5S效果（effect）图模板”这个图层
这就是智能(intelligence)对象的好处。
跳到这个画面后
拖入你想要做的界面：
图片来自dribbble：Dribbble – GIF for the Timeline App by Sergey Valiukh
然后保存(Save)：command(ctrl)+s ，关闭：command(ctrl)+w
5、回到这个展示页面
复制一个图层：
按住option(alt)+鼠标左键拖动图层往下拽，或者command(ctrl)+J
选下面的一个图层，双击图层进入图层样式，选择(Select)斜面和浮雕，设置(set up)一下参数(parameter)：
参数(parameter)自行调整，其中，阴影角度（angle)45°可随大环境(environment)光线可根据情况(Condition)自行调整，阴影模式(pattern)透明度随意，自己看情况调整。
6、然后，从第二个图层开始连续（Continuity)复制多个该图层，每复制的一个图层都在上一个图层的下方，每复制一个图层都往下移一个像素，按住option(alt)+鼠标左键拖动图层往下拽，可使用键盘(Keyboard)上的下方向键来控制（control)。
然后，在最后一个图层上设置(set up)一个投影
参数(parameter)自行解决。
最后调整下整体环境(environment)。
完工！
以上的好处便是使用(use)了智能(intelligence)对象，它可以让你想展示的界面可以随意替换。UI视觉设计一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。
如需展示多个界面的效果（effect），只要多拖进几次那个PSD，然后平面排好后，统一调整透视效果。移动端UI设计不单单从事美术绘画，更需要对软件使用者、使用环境、使用方式进行定位，并最终为软件用户服务。UI设计师进行的是集科学性与艺术性于一身的设计，他们需要完成的，简单说来，正是一个不断为用户设计视觉效果使之满意的过程。
当然表现的手法很多，以上只是一种。