项目5　打造生动的页面-UI页面设计

本章介绍：

本章对闪屏页、引导页、首页、个人中心页、详情页以及注册登录页等常用页面的基础知识及绘制方法进行系统讲解与演练。通过本章的学习，读者可以对UI页面设计有一个基本的认识，并快速掌握绘制UI中常用页面的规范和方法。项目5打造生动的页面—UI页面设计学习引导掌握UI页面的设计规则掌握UI页面的核心模块了解UI页面的设计思路掌握UI页面的制作方法培养对UI页面的审美鉴赏能力培养对UI页面的设计创意能力任务5.1

设计旅游类App闪屏页任务引入任务知识设计理念任务实施5.1.1任务引入本任务通过学习使用软件Photoshop设计旅游类App闪屏页，掌握闪屏页的设计要点与制作方法。5.1.2设计理念在设计过程中，围绕旅游类App闪屏页进行创意。整体设计具有突出产品、展示营销的作用。以实际图片作为背景，能够增强用户对产品的期待。“产品logo+产品名称+产品”的简洁化设计形式，使视觉更加舒适，突出重点。5.1.3任务知识使用“置入嵌入对象”命令置入图像，使用“颜色叠加”命令添加效果。5.1.4任务实施任务5.2设计旅游类App引导页任务引入任务知识设计理念任务实施5.2.1任务引入本任务通过学习使用软件Photoshop设计旅游类App引导页，掌握引导页的设计要点与制作方法。5.2.2设计理念在设计过程中，围绕旅游类App引导页进行创意。整体设计具有操作引导、讲解功能的作用。背景采用了与旅游类相关的风景图片，符合旅游类APP的品牌调性，同时能够增强用户对产品的期待，让用户更了解这款APP的情怀。视觉表现应与任务5.1的设计风格保持一致。5.2.3任务知识使用“置入嵌入对象”命令置入图像和图标，使用“渐变叠加”命令和“颜色叠加”命令添加效果，使用“横排文字”工具输入文字。5.2.4任务实施任务5.3设计旅游类App首页任务引入设计理念任务知识任务实施5.3.1任务引入本任务通过学习使用软件Photoshop设计旅游类App首页，掌握首页的设计要点与制作方法。5.3.2设计理念在设计过程中，围绕主题旅游进行创意。背景为纯色和风景图片作为衬托。多种色彩呈现了丰富的设计形式。字体选用苹方和方正兰亭大黑起到了呼应主题的作用。页面是由搜索栏、Banner、金刚区、瓷片区以及标签栏等组成的综合性页面，能够满足用户的多种需求。视觉表现应与任务5.1的设计风格保持一致。整体设计充满特色，契合主题。5.3.3任务知识使用“圆角矩形”工具、“矩形”工具和“椭圆”工具绘制形状，使用“置入嵌入对象”命令置入图片和图标，使用“创建剪贴蒙版”命令调整图片显示区域，使用“渐变叠加”命令添加效果，使用“属性”面板制作弥散投影，使用“横排文字”工具输入文字。5.3.4任务实施任务5.4设计旅游类App个人中心页任务引入设计理念任务知识任务实施5.4.1任务引入本任务通过学习使用软件Photoshop设计旅游类App个人中心页，掌握个人中心页的设计要点与制作方法。5.4.2设计理念在设计过程中，围绕主题旅游进行创意。背景为纯色和风景图片作为衬托。色彩选取橘黄色、深黄色和浅灰色分别体现了欢快、热情和柔和。字体选用苹方符合设计规范。视觉表现应与任务5.1的设计风格保持一致。整体设计充满特色，契合主题。5.4.3任务知识使用“圆角矩形”工具、“矩形”工具、“椭圆”工具和“直线”工具绘制形状，使用“置入嵌入对象”命令置入图片和图标，使用“创建剪贴蒙版”命令调整图片显示区域，使用“渐变叠加”命令添加效果，使用“属性”面板制作弥散投影，使用“横排文字”工具输入文字。5.4.4任务实施任务5.5项目演练-设计旅游类App详情页任务引入设计理念5.5.1任务引入本任务通过学习使用软件Photoshop设计旅游类App详情页，掌握详情页的设计要点与制作方法。5.5.2设计理念在设计过程中，围绕主题旅游进行创意。背景为纯色和风景图片作为衬托。色彩选取橘黄色、深黄色和浅灰色分别体现了欢快、热情和柔和。字体选用苹方符合设计规范。视觉表现应与任务5.1的设计风格保持一致。整体设计充满特色，契合主题。任务5.6项目演练-设计旅游类App注册登录页任务引入设计理念5.6.1任务引入本任务通过学习使用软件Photoshop设计旅游类App注册登录页，掌握注册登录页的设计要点与制作方法。5.6.2设计理念在设计过程中，围绕主题旅游进行创意。整体设计具有清晰的操作流程。以实际图片作为背景，能够增强用户对产品的期待。色彩选用橙色能够体现旅游的欢快热情并突出重点。字体选用苹方符合设计规范。视觉表现应与任务5.1的设计风格保持一致。任务5.7项目演练-设计电商类App页面任务引入设计理念5.7.1