边做边学-Photoshop图像制作案例教程（第2版）（Photoshop 2020）课件 第4章　App页面设计

第4章App设计本章简介：App设计即对移动应用进行设计，其中App页面设计是最重要的部分，是最终呈现给用户的结果，更是涉及到版面布局、颜色搭配等内容的综合性工作。本章以多个类型的App页面为例，讲解App页面的设计与制作技巧。课堂学习目标掌握App页面的设计思路和设计手法掌握App页面的制作方法和技巧【案例分析】【设计理念】【操作步骤】【相关工具】【实战演练】制作旅游类App引导页4.1制作旅游类App闪屏页去旅行App是综合性旅行服务平台，去旅行可以随时随地向用户提供集酒店预订、旅游度假及旅游资讯在内的全方位旅行服务。本例是为App首页制作闪屏页，要求根据品牌的调性、产品的功能以及场景应用等因素进行设计。4.1.1【案例分析】在设计制作过程中，整体设计简洁美观，独具文艺特色。整体风格淡雅闲适，表现形式层次分明，具有吸引力，且能够快速传达准确的信息。设计形式能够引起人们的共鸣。最终效果参看云盘中的“Ch04/效果/制作旅游类App闪屏页.psd”。4.1.2【设计理念】4.1.3【操作步骤】1．色阶打开一张图像。选择“图像>调整>色阶”命令，或按Ctrl+L组合键，弹出“色阶”对话框。4.1.4【相关工具】2．阴影/高光选择“图像>调整>阴影/高光”命令，弹出“阴影/高光”对话框，勾选“显示更多选项”复选框，单击“确定”按钮。4.1.4【相关工具】3．图层样式单击“图层”控制面板下方的“添加图层样式”按钮，在弹出的菜单中选择不同的图层样式命令。4.1.4【相关工具】使用置入嵌入对象命令置入图像和图标，使用渐变叠加命令和颜色叠加命令添加效果，使用横排文字工具输入文字，使用矩形工具绘制按钮。最终效果参看云盘中的“Ch04>效果>制作旅游类App引导页.psd”。4.1.5【实战演练】制作旅游类App引导页【案例分析】【设计理念】【操作步骤】【相关工具】【实战演练】制作旅游类App个人中心页4.2制作旅游类App首页畅游旅游是一个在线票务服务公司，已创办多年，成功整合了高科技产业与传统旅游行业，为会员提供集酒店预订、机票预订、度假预订、商旅管理、特惠商户及旅游资讯在内的全方位旅行服务。现为美化公司App页面，需要重新设计一款App首页，要求符合公司经营项目的特点。4.2.1【案例分析】在设计制作过程中，整体颜色以白色和蓝色为主，体现出舒适、科技和现代感。画面简洁精练，配合整体的设计风格，让人印象深刻。页面布局合理，模块划分清晰明确。以真实简洁的方式向观者传达信息内容。最终效果参看云盘中的“Ch04/效果/制作旅游类App首页.psd”。4.2.2【设计理念】4.2.3【操作步骤】1．矩形工具选择“矩形”工具，或反复按Shift+U组合键。4.2.4【相关工具】2．椭圆工具选择“椭圆”工具，或反复按Shift+U组合键。4.2.4【相关工具】3．圆角矩形工具选择“圆角矩形”工具，或反复按Shift+U组合键。其属性栏中的内容与“矩形”工具属性栏的选项内容类似，只增加了“半径”选项，用于设定圆角矩形的圆角半径，数值越大圆角越平滑。4.2.4【相关工具】4．直线工具选择“直线”工具，或反复按Shift+U组合键。属性栏中的内容与矩形工具属性栏的选项内容类似，只增加了“粗细”选项，用于设定直线的宽度。4.2.4【相关工具】5．剪贴蒙版剪贴蒙版是使用某个图层的内容来遮盖其上方的图层，遮盖效果由基底图层决定。4.2.4【相关工具】使用圆角矩形工具、矩形工具、椭圆工具和直线工具绘制形状，使用置入嵌入对象命令置入图片和图标，使用创建剪贴蒙版命令调整图片显示区域，使用渐变叠加命令添加效果，使用属性面板制作弥散投影，使用横排文字工具输入文字。最终效果参看云盘中的“Ch04>效果>制作旅游类App个人中心页.psd”。4.2.5【实战演练】制作旅游类App个人中心页【案例分析】【设计理念】【知识要点】4.3综合演练——制作旅游类App酒店详情页海鲸旅行社有限公司是一家专业的旅游服务提供商，致力于为客户提供丰富多彩的旅行体验。公司拥有经验丰富的团队，为客户量身定制旅行方案，让游客在旅途中享受无忧的快乐时光。本案例是制作一款旅游类App酒店详情页，要求页面结构分明能够体现出详细的酒店信息，为客户的入住提供便利。4.3.1【案例分析】在设计制作过程中，使用橙色进行装饰，营造出稳定可靠的氛围。简洁直观的设计体现出详情页的特点。以实景照片作为装饰元素，醒目直观。颜色的浅淡与内容的多少形成对比，起到平衡画面的作用。4.3.2【设计理念】使用圆角矩形工具、矩形工具椭圆工具和直线工具绘制形状，使用置入嵌入对象命令置入图片和图标，使用创建剪贴蒙版命令调整图片显示区域，使用属性面板制作弥散投影，使用横排文字工具输入文字。最终效果参看云盘中的“Ch04>效果>制作旅游类App酒店详情页.psd”。4.3.3【知识要点】4.4综合演练——制作旅游类App登录页【案例分析】【设计理念】【知识要点】畅游旅游是一个在线票务服务公司，已创办多年，成功整合了高科技产业与传统旅游行业，为会员提供集酒店预订、机票预订、度假预订、商旅管理、特惠商户及旅游资讯在内的全方位旅行服务。现为优化公司App页面，需要重新设计一个App登录页，要求排版简洁大方，便于用户登录。4.4.1【案例分析】在设计制作过程中，背景使用实景照片进行装饰，突出前方的文字信息。文字内容简洁清晰，结构分明，使消费者能快速轻松了解软件信息。画面对比感强烈，能迅速吸引人们注意。4.4.