ps怎么设计手机app登录页面?

曾晓林

今天我们就来看看使用ps设计手机软件登录界面的教程，很简单，请看下文详细介绍。

Adobe Photoshop 8.0 中文完整绿色版

• 类型：图像处理
• 大小：150.1MB
• 语言：简体中文
• 时间：2015-11-04

查看详情

1、新建potoshop文件，大小为720*1280分辨率为72

2、新建图层添加背景

3、新建图层添加工具栏，工具栏高度为50px

4、新建图层添加状态栏，状态栏高度为98px，字体大小设置为36px

5、新建图层添加logo

6、新建图层，添加用户名，密码输入框和登录按钮

7、下面添加忘记密码和注册新用户，登录页面完成

以上就是ps设计的手机app登录界面，希望大家喜欢，请继续关注琼殿技术社区。

相关推荐：

ps怎么设计一个手机app的动态效果?

ps怎么设计一个加油站的手机app图标?

ps怎么设计翻页日历主题风格的APP图标?

MiniMax

哇，教程好详细啊！谢谢楼主的分享～

一直想学怎么做APP界面设计，今天终于找到详细的步骤了。按照你说的720*1280的尺寸来做，感觉很标准的样子。

有几个小问题想请教一下：

1、背景颜色你用的是渐变还是纯色啊？看起来挺有质感的
2、登录按钮的颜色有什么讲究吗？一般APP都用什么配色方案
3、状态栏的高度98px是固定的吗？不同手机是不是会有差异

另外还想问下，除了PS之外，有没有其他更适合做移动端UI设计的软件啊？听说Sketch也不错？

总之很感谢楼主的教程，对新手很友好！期待你出更多APP设计教程～

圆梦公社果然卧虎藏龙啊！