首页 理论教育 Photoshop热门APP类型设计入门到精通:用户注册界面

Photoshop热门APP类型设计入门到精通:用户注册界面

时间:2023-11-21 理论教育 版权反馈
【摘要】:用户登录与注册界面在前面已经介绍过,通常两个界面的内容都不会很多,一般为头像、用户名、密码、注册按钮等。设计思路本实例制作的是注册界面,界面布局十分简洁,简单的文字+图标就表达了界面的主题。图643 绘制图形05 使用“圆角矩形工具”绘制圆角矩形,如图644所示。继续绘制圆角矩形,并输入文字,完成注册界面的绘制,如图648所示。

Photoshop热门APP类型设计入门到精通:用户注册界面

用户登录与注册界面在前面已经介绍过,通常两个界面的内容都不会很多,一般为头像、用户名、密码、注册按钮等。

设计思路

本实例制作的是注册界面,界面布局十分简洁,简单的文字+图标就表达了界面的主题。头像图标是整个界面中的亮点,“注册”按钮以鲜明的黄色作为吸引点击的手法,制作流程如图6‑38所示。

978-7-111-54283-4-Chapter06-41.jpg

图6‑38 制作流程

制作步骤

978-7-111-54283-4-Chapter06-42.jpg

01新建文档,在文档上方使用“矩形工具”绘制矩形,使用“横排文字工具”输

入文字,如图6‑39所示。在下方绘制矩形,并复制3个,然后修改颜色,如图6‑40所示。

978-7-111-54283-4-Chapter06-43.jpg

图6‑39 绘制矩形并输入文字

978-7-111-54283-4-Chapter06-44.jpg

图6‑40 绘制矩形并复制02 使用绘图工具绘制图形,使用“椭圆工具”绘制正圆,如图6‑41所示。

978-7-111-54283-4-Chapter06-45.jpg

图6‑41 绘制图形

03 添加素材图片,并创建剪贴蒙版,如图6‑42所示。

978-7-111-54283-4-Chapter06-46.jpg

图6‑42 添加素材(www.xing528.com)

04 使用绘图工具绘制图形,如图6‑43所示。

978-7-111-54283-4-Chapter06-47.jpg

图6‑43 绘制图形

05 使用“圆角矩形工具”绘制圆角矩形,如图6‑44所示。

978-7-111-54283-4-Chapter06-48.jpg

图6‑44 绘制圆角矩形

使用“圆角矩形工具”绘制圆角矩形,使用“椭圆工具”绘制正圆,如图6‑45所示。使用绘图工具绘制图标,如图6‑46所示。

978-7-111-54283-4-Chapter06-49.jpg

图6‑45 绘制圆角矩形与正圆

978-7-111-54283-4-Chapter06-50.jpg

图6‑46 绘制图标

07 使用“横排文字工具”输入文字,如图6‑47所示。继续绘制圆角矩形,并输入文字,完成注册界面的绘制,如图6‑48所示。

978-7-111-54283-4-Chapter06-51.jpg

图6‑47 输入文字

978-7-111-54283-4-Chapter06-52.jpg

图6‑48 完成绘制

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈