如何做app软件引导 第1篇
互联网市场瞬息万变，大环境对UI设计师的要求越来越高，UI引导页的设计也越来越重要。
从产品角度，产品希望用户能够方便理解产品的特性，减少陌生感。
从用户角度，一个应用里好的引导不仅能使他们对应用产生好感，而且能让用户对产品有一定的认识并拉近用户与产品的联系。
引导页的更新速度在逐渐加快，以“周”的速度在进行。因此互联网公司页更加重视引导页设计。
在这样的背景下，一个能快速适应市场变化的设计师必然会成为企业青睐的设计人才。
设计师如何快速配合产品升级迭代？如何通过引导页激发用户活跃数？如何设计符合产品定位的引导页？或许这些问题一个个都让你困扰，如果想要获得答案，不妨来火星时代UI设计课堂寻找！
如何做app软件引导 第2篇
对话框，英文Dialog Box，提起它时脑海里就浮现“聊天对话框”或“消息对话框”的样式，这是一种次要窗口，不能最大最小化、不能改变形状，只能用于简单的人机交流，如消息提示等。
对话框用于引导时，可以显示在屏幕任意位置，并且比弹出框更贴合操作情景。如千牛工作台和知乎：
最佳实践：
1. 提示尽可能靠近指向对象；
2. 内容要简短；
3. 开始触发交互动作后（如触碰屏幕），提示要自动消失；
4. 对话框整体颜色要和页面有所区分，对比鲜明。
如何做app软件引导 第3篇
交互教程，指通过引导用户进行交互动作，来掌握应用操作方式的一种引导设计。当用户第一次打开应用，或浏览某个页面时，交互教程会自动显示，并通过图文说明、箭头指引和交互触发，帮助用户更快上手APP。有趣的交互教程设计可以有效地提高用户体验。
同时，为了让交互教程的引导更加通俗易懂，交互教程往往采用半透明蒙版+操作说明的设计模式。在应用主屏幕上，用一个带有提示的半透明层蒙住下层主屏幕内容。如千牛工作台和analytics（一款数据分析展示应用）：
一款应用，如果只有难用的功能和丑陋的界面，那么会马上被用户删除，由新的同类应用取而代之。相反，如果在用户第一次进入APP主界面时，应用就展示出色的交互教程设计，这样可同时起到功能导航和提升用户体验的双重效果，如VUE和WPS Office：
VUE是视频制作利器，WPS Office是白领的移动化办公工具，前者注重设计感和逼格，后者注重商务和办公氛围浓厚，因此整体设计偏简洁。
而宝宝树和医护到家更加注重趣味性：
宝宝树的用户以年轻妈妈为主，重点发力社区；医护到家是移动看病问诊工具，涵盖人群更是多样化，但无论怎样，二者传达的理念都是：人性化、亲民、拉近应用与用户之间的距离、用户与用户之间的距离，以及用户与医疗服务提供者之间的距离。
趣味性的设计，会为应用带来更多的印象分，从而提高用户的探索欲望和用户粘性。
如何做app软件引导 第4篇
弹出框，英文Popup Box，全称“弹出式窗口”，与“固定式窗口”相对应，指的是通过应用自身触发或者用户交互动作触发的，悬浮于原有页面上方的窗口式设计，触发后，用户可对其进行关闭，因此这是一种非全局的，只存在于特定状态下的设计，也因为这种特点，弹出框在最初经常被用于广告提示。
随着设计模式越来越规范，人们发现，弹出框的人机交互模式非常适合用于应用本身的提示和引导，逐渐普遍在互联网和移动互联网产品中普及。典型的设计是：弹出框口+半透明蒙版背景（增强视觉对比）。
对于现在的移动APP来说，对话框是一种最常见的引导设计。同时，也正因为无处不在，它也是最容易被忽略和摒弃的，我们可以用弹出框引导来实现：
消息/内容提示。如Pregnancy+和宝宝树孕育：
问题/错误提示。如icon和Wolters Kluwer：
内容详情。如阿里旅行（已更名为飞猪）和淘宝：
操作判断。如频果单词（右图）：
最佳实践：
1. 保持弹出框文案简短；
2. 确保弹出框内容可以在应用其他功能模块中访问到。
如何做app软件引导 第5篇
设计师需要通过了解用户来调整指南页面的设计，找到并使用客户现有的心理模型，以帮助消除用户对产品的期望。下图来自即时设计社区资源购票平台应用程序的设计案例。通过提供简单的选择面板，新客户可以根据自己的个性化需求选择自己感兴趣的内容，并更加关注为用户提供满足要求的购票服务。
借助照片制作教程
每个人对图片的感知和理解都比文字快得多。因此，插图设计自然成为制作教程和快速介绍产品信息的重要工具。插图设计是提高产品界面可用性、最大限度地减少复杂文案设计的有效途径。它还广泛应用于儿童和青年产品的网页或应用程序设计。
文案简洁实用
在操作界面UX写作的过程中，文案是力量。设计师必须添加尽可能简单易懂的文案设计，以免浪费客户在教程中学习或阅读产品提示的任何时间。
同时，所有因素，如设计师使用的文本样式、字体排版、背景，甚至文本位置，都会影响界面副本的可读性。因此，在文案设计过程中，需要考虑所有相关因素，以确保文案设计简洁高效，具有深远的意义。
使用动画来提高界面的活力
提高兴趣和客户参与度的有效方法是在指南页面中添加动画。良好的动画设计不仅可以使人机交互更加生动自然，还可以为界面注入活力，轻松创造出明亮的视觉效果。当然，类似的设计也会增加界面加载的难度。因此，设计师在考虑是否添加之前，需要仔细评估并了解开发中相关技术的可行性。
一般来说，高质量的指南页面设计是产品和用户之间不可或缺的沟通桥梁。它可以快速与用户建立牢固的情感联系，清晰地展示商品的特点，轻松给用户留下最好的第一印象，从而增加商品的销量。因此，设计师需要特别注意应用程序指南页面的设计。
如何做app软件引导 第6篇
易发现设计，指的是滑动屏幕进行内容刷新时，在“拉出”区域出现的操作提示设计。当按照提示让手松开屏幕时，页面恢复原位置，“拉出”区域消失，同时伴随消失的还有操作提示。
这种设计是不会扰乱屏幕、鼓励特定交互的有效方法，往往用于执行一些常见的动作，如滑动、短按等。易发现设计发展到现在，大体经历了两个阶段：
第一阶段：icon动效+文字提示+刷新时间。随着大屏手机的迅速普通，移动交互设计处于“百花争鸣”的阶段，没有所谓的“主流”设计方式，所以早期的易发现设计主要的功能是对交互动作进引导性解释，当然，移动互联网的时代也刚开启没几年，现在大量应用扔沿用这种设计。而这时对于用户来说，因为“习惯性存在”而产生的熟悉感，可能要比引导性解释的意义更大。下面是育学园和虾米音乐：
育学园加上更新时间有其特殊性，因为这个应用本身就是记录宝宝成长的工具，记录数据包括喂奶、拉粑、吃药、睡眠等，每一项活动都需要记录时间，因此当宝妈在逛论坛和知识版块时，APP通过一些交互动作来展示时间，提醒宝妈，是非常必要的。当然，状态栏本身也有时间显示，但是由于该时间是“一直存在”的，一直存在的事物，就像整本书全被划了重点，很容易被用户无意识忽略。
当然，育学园的时间提示也有问题，日期“08-09”明显多余了。
而虾米音乐采取这种方案的话，可能起到相反的效果。很多音乐爱好者习惯在睡前听，如果在进行内容刷新的时候，被提示时间“最后更新：23:59””，对于用户来说，可能就是入睡提示，从而降低应用的使用时长，虽然这对用户来说是好事，但并不是APP官方想要看到的结果。
第二阶段：ico动效或其他。到了这个阶段，大部分用户已经习惯了滑动屏幕再释放刷新内容的操作方式，文字提示的必要性降低，所以很多应用直接用简单的动效来完成，如即刻：
左图下拉，右图释放刷新。再比如Doozyrama：
左图为静态页面，右图为下拉页面再释放后的刷新动效，超人形象的小人儿在空白页面上方来回飞一次。
对比即刻和Doozyrama，不难发现，当页面信息较多时，应相对减少易发现设计的复杂度；而当页面信息较少甚至是空白时，增加易发现设计的复杂度（相对来说），这样使页面信息呈现上取得平衡，不至于太满（有呼吸空间）或者太空（有抓眼球内容）。
最后，推荐几本书吧，终生受用的那种，产品经理和UI设计师必看的：
如何做app软件引导 第7篇
全局预览往往在引导页阶段来完成，应用第一次安装启动后，或者在用户完成有效账户注册前的每一次启动，都会进入引导页，通过左右滑动来浏览奇数量的引导页。
全局预览通过应用程序逐屏逐功能的最终邀请（左右滑动），完成对应用程序的最终探索。Doozyrama是此模式很好的例子，包含了现阶段流行的引导页的典型设计元素：简洁的文字介绍、生动的扁平化插图、左右滑动切换和一个明确的退出标志：
再比如Google Analytics：
最佳实践：
1. 全局预览应用于强化或突出显示关键或核心功能；
2. 全局预览模式一般从用户目标角度出发，要尽量保持简短，并辅以有力的视觉引导。
如何做app软件引导 第8篇
说到UI引导页，设计师童鞋一定不陌生。
打开百度地图，突然跳出几个页面，简洁的告诉我们这款APP又迭代了哪些功能；
登录一个新网站，第一个页面跳来跳去的箭头告诉你怎么创建文件如何加载视频；
新下载一款APP，精美的5张设计图首先展示在我们眼前，介绍了这款软件有哪些亮点。
没错，这些都是UI引导页。
▲QQ浏览器的引导页设计
引导页是针对第一次启动APP的新用户才能看到的页面，目的是介绍产品的某些功能、流程，让用户能够快速了解。
对于设计师来说，我们希望自己的产品可以给用户提供最好的体验。而第一印象，在用户体验中起到至关重要的作用。
在心理学里有一种现象叫“首因效应”：人与人之间第一次交往时给对方留下的印象，在对方脑海中形成并占据着主导地位。
UI引导页对于用户也是如此。
第一印象产生的时间极短，但是它所带来的影响却要长远的多。
正因为人人都想设计出脱颖而出的引导页，所以插画风格便成为设计师们的首选。