在制作APP界面之前，首先需要一个手机界面原型。由于不同手机的iOS、安卓系统有不同的尺寸要求，按照相关自己需要的素材，可以通过浏览相关正确的尺寸规格进行制作，或者运用现有素材进行制作。
如果用作商业用途，需要尽量查阅原型尺寸要求，严格按照要求进行制作；如果是用以作品集创作或者日常练习，直接*载下**相关型号手机图片即可。以下为iphone界面尺寸，可供参考：
下面康石石以iPhone7为例，使用Photoshop进行APP界面制作。
第一步
首先找到相应的素材，比如手机的外形。白色的手机可以添加一个深色背景，在这里康石石添加了一个深灰色的渐变背景。
双击该背景图层 – 弹出该图层的图层样式，设置渐变叠加（这里设置的是灰色-深灰色的渐变背景）。
第二步
按Ctrl+R调出标尺，用鼠标从标尺拖动参考线，做出界面规格的参考线。
建立新图层，按照参考线建立等比例大小的矩形，作为界面的背景。
第三步
插入图片，可以利用矩形等形状工具。
再将图片拖入Ps中，调整图片大小，并且放到合适的位置。
以下填充图片均来源于unsplash网站
图片的图层位置要在白色矩形的位置上面。
把鼠标放在两个图层之间按Alt键，创建剪贴蒙版。
第四步
新建图层，添加黑色矩形，调节透明度。
在黑色矩形上添加白色字体。
交互界面中，文字的添加需要考虑对比度，能保证使用者看的清楚字体。在iOS9中的字体规范是
“iOS9系统字体为，中文苹方，英文San Francisco，但在使用PS的实际设计中为，中文黑体-简，英文Helvetica Neue，字体大小范围为：24-32px”。作者：Zanning 链接：https://www.zhihu.com/question/20121445/answer/118853070）
如果字体过于密集，可以全选，然后按Alt+→右箭头键盘调节字幕间隙。
第五步
制作界面框架，建立一个矩形后，在该矩形下面添加文字。（案例文字仅为填充用途）
按住Alt+Shift键，用鼠标拖动该图层、文件夹等，进行平行复制（可通过建立参考线进行辅助）。
在交互设计中，整齐美观的版式设计很重要。
第六步
根据第三步，为每个矩形添加图片，创建剪贴蒙版。注意图片的色调要统一，案例偏冷色系。
第七步
检查整体排版并进行调整。由于考虑到整个风格跟色系搭配，把主图换为冷色调的图片，以保持整体一致性。
完成如下：
以上望有帮助，欢迎交流
———————————————————
康石石，汉艺国际教育特聘艺术留学导师
汉艺国际教育是由清华大学美术学院、中央美术学院、北京服装学院等顶级院校留学归国的教授和专家，以及RISD、UAL、PARSONS、ECA、ESMOD、RCA、SAIC、げいだい、홍익대학교等顶级国际艺术院校教授、国际著名设计师和艺术家联合组成的国际艺术教育机构，旨在为中国艺术留学生提供最专业的艺术作品集定制指导