Photoshop设计后台网站页面

开发工具与关键技术：使用Photoshop设计后台网站页面
作者：成东平
撰写时间：2019年5月14日

每个网站的有登录与注册页面，登录与注册页面也是网站页面中最简单的两个页面。
每一个登录页面与注册页面的差别不大，这两个页面的设计感也不是很强。
本人设计的登录页面与注册页面。


非常简单添加一张与主题相差不是很大的图片作背景，有的网站的登录页面与注册页面的背景添加了自己的创意，有的经过了设计。这样会显得高端大气上档次。
导入一张与主题相差不大的图片然后新建一张图层alt+backspace添加三个六的颜色，将透明度调整到背景亮度看起来不是很刺眼的亮度，然后使用矩形工具绘制出在整体中大小合适且足够摆放内容的大小然后添加颜色，颜色根据背景来整体需要看上去不是很不达配。
也可帮该矩形添加一点圆角与边框，然后使用工具制作出合适的输入框添加描边，描边不要太大也不要不明显，然后就是在输入栏内加入字体。本人在登录页面中加了账号栏与密码栏和“记住密码”与“忘记密码？”和一个跳转到注册的点击健。“记住密码”是方便用户下次登录时直接登录进去帮用户节省时间，“忘记密码？”是帮助用户忘记密码与账号被盗时即使找回账号密码，注册点击健是没有账号的新用户注册。

“输入手机号”的作用1、是为了让用户获得账号2、确保每一个账号都有一个手机号绑定用于确保真实用户于活跃用户，“输入验证码”的作用是用于输入验证码，“获取验证码”是防止错误手机号与使用别人手机号，“输入密码”的作用是用于用户输入密码，“确认密码”的作用1、是防止用户输入密码有误2、第一次输入时想输入的密码不小心打错3、让用户有个“后悔”的机会认真想想记得住的密码。然后在注册健的旁边有一个登录的点击健，方便以有账户的用户登录。