7.2.1 注册界面

7.2.1 注册界面

注册界面主张简单明了，主次使人一目了然，能使用户快速完成注册。

设计思路

本实例制作的注册界面主要采用紫色和灰色搭配。注册信息区使用矩形进行分隔，清晰明了；注册按钮位于底部，使用了紫色，从灰色背景中突出。大尺寸设计可以方便用户点击，制作流程如图7‑7所示。

图7‑7 制作流程

制作步骤

01 新建文档，尺寸为640×1136像素，为画布填充灰色。使用“矩形工具”绘制矩形，如图7‑8所示。

02 执行“视图”|“新建参考线”命令，弹出对话框，选择“水平”单选按钮，设置“位置”参数为40像素，如图7‑9所示。

03 单击“确定”按钮。在参考线上方绘制状态栏中的图形，并输入文字，如图7‑10所示。

图7‑8 绘制矩形

图7‑9 “新建参考线”对话框

图7‑10 绘制图形并输入文字

04 继续绘制图形并输入文字，如图7‑11所示。使用“椭圆工具”绘制椭圆，然后使用“钢笔工具”绘制图形，并创建剪贴蒙版，图像效果如图7‑12所示。

05 使用“圆角矩形工具”绘制圆角矩形，复制多个并进行对齐与垂直居中排列，如图7‑13所示。

图7‑11 绘制图形并输入文字

图7‑12 图像效果

图7‑13 绘制圆角矩形并复制多个

06 使用“横排文字工具”输入文字，如图7‑14所示。使用“圆角矩形工具”在下方绘制圆角矩形，然后输入文字，完成注册界面的制作，如图7‑15所示。

图7‑14 输入文字

图7‑15 完成制作