移动端UI设计项目实战教程项目三 APP启动页、引导页设计-任务一启动页设计

上传人：释*** IP属地：山东上传时间：2025-03-11 格式：PPTX 页数：10 大小：199.62KB 积分：1.2 举报 版权申诉

已阅读5页，还剩5页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

项目三APP启动页、引导页设计任务一启动页设计任务说明：

该任务主要针对APP启动页、引导页中的启动页设计的内容进行讲解，对启动页概念、启动页的表现形式、画笔工具、自定义画笔、橡皮擦等内容进行知识性的导入，并通过具体的任务实现过程进行实操性演练。1、启动页的概念：：

启动页是应用的第一个窗口，它不仅仅可以缓解用户等待过程中焦虑情绪，而且也可以传递一些信息，例如：产品的基础信息、活动内容等。它最主要的目的是能增强用户对应用程序APP的快速启动及立即使用的感知度。启动页一般都在3s左右，当然，大多数的启动页都有跳过功能。2、启动页的表现形式：

（1）品牌展示

这种类型是比较常用的。在启动页展示的信息包括app名称，icon和slogan，界面清晰简单，加深用户对产品的品牌的认识，整体的颜色风格也遵循app界面设计的设计风格，让用户能够提前熟悉app的风格。例如：淘宝app、京东app等。2、启动页的表现形式：

（2）广告展示、活动展示

这一类中包含广告展示和活动展示这两个小类。广告展示是对外的，app与广告商洽谈合作，在app的启动页展示广告商的广告信息，当app积累下来的流量已经形成一定的规模后，足够进行分发的时候，可以用这种广告展示的方法进行流量变现。2、启动页的表现形式：

（3）内容展示

这一类和前两类相比，相对来说比较少。启动页的内容和app的内容相关联，不仅仅能展示app的活动，而且也能展示app自身的设计元素。如：图虫网app。摄影爱好者可以在启动页展示自己的摄影作品，这样不仅能够展示app的内容，也能够突出app自身的设计元素。2、启动页的表现形式：

（4）背景底色

这一类也比较少见，启动页的主体颜色样式采用和app首页相同的颜色，目的是为了让用户提前熟悉一下app的页面风格。这种启动页符合设计页的需求，既然最初启动页设计的目的是为了缓解用户等待开启app的焦虑情绪，那么在这一小段时间内，提前让用户了解app的页面风格，不失为一种方法。3、画笔工具：

画笔工具是在PS软件中比较经常用到的工具之一，它位于工具架上，快捷键是【B】。4、自定义画笔：

在PS软件中，我们可以根据需求，把我们需要的东西设置为自定义笔刷，方便后续的绘画。自定义笔刷的设置方法很简单，仅需两步。5、橡皮擦：：

橡皮擦工具在PS软件的工具箱里，它的快捷键是【E】。在PS软

人人文库> 全部分类> 教育资料 > 课件下载

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

移动端UI设计项目实战教程 项目三 APP启动页、引导页设计-任务一 启动页设计