广东快3>WIKI库>学习设计工具>登陆界面设计

登陆界面设计


广东快3用Photoshop演示登陆界面的设计过程,在设计过程中分析一些细节问题。



Ptotoshop软件介绍


UIdesign1.png

 

广东快3左边是工具栏,上边是工具的属性区域,右边是图层区域,中间是操作平台。



设计过程


1) 了解弹出层大小


① 评估弹出层界面上的设计元素有多少,配合桌面的背景画出合适的大小进行适配。

② 选择U形工具下边的圆角矩形工具,选择形状、一个白色的边。

广东快3③ 画出一个白色带有圆弧形的矩形,在图层选区中设置圆角效果。

④ 选择选择工具下的直接选择工具,选中区域进行拖动,调整大小。


2) 把登陆界面展示的设计元素添加进去


广东快3① 放入【用户登录】文字,字体用微软雅黑、14号字体。文艺颜色选为黑色。

广东快3② Logo,复制过来,由于是公司隐私,用【logo】代替,选一个淡颜色。

③ 用户名和密码输入框:先打出文字。输入框的设计上,


UIdesign2.png

 

广东快3常规来说,灯体登陆框较小,要考虑高度不太高,左右不宜太长。

广东快3画出输入框 ,填充颜色。

④ 放入【记住用户名】

⑤ 添加【登陆】按钮,用矩形工具画框

广东快3⑥ 添加【忘记密码】、【免费注册】

广东快3⑦ 优化设计细节(见下章)



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

分享到:

目录