引导页就该这样设计！细数那些精彩纷呈的引导页面-Excel教程.DOC

引导页就该这样设计！细数那些精彩纷呈的引导页面 　　随着苹果ios8的发布，可以看到App store货架上，众多主流App迫不及待地向人们展示产品视频预览，接下去会是被设计师、市场宣传相继关注的焦点，产品宣传的下一轮引爆点。作为能在App store上先发触达地形成前期推广的视频预览，又会否影响到App安装完毕后的引导页呈现?我们不得而知。鉴于两者形式的展现，间隔于安装App前后，多少会规避重复性。不管怎样，趁着手机App和扁平风热潮，一起来细数归纳下对手机引导页的所见所想。 早期我们会见到比较多成熟的PC软件或者网页产品的产品安装包或新特性指引页。近几年在移动端平台上兴起了各种门类，形式精彩纷呈的引导页。 　　功能决定属性 　　引导页在视觉表现上呈现繁多，归纳起来可以从以下几个功能来分类： 　　1 新特性新功能 　　最常见的属这类，当一个产品持续稳定迭代，每推出一些新功能，便跟随版本包装发布。 　　2 推广运营 　　包含类似市场专题推广、情感化内容运营两类。前者多为电商投资收益等产品，后者类似内容的片段剪辑，比如轻博客Lofter，引导页随机呈现博客用户的心路历程;或是”食色”，一壶茶、一段心情志，感受人生五味，预览的同时还能加以喜爱分享。 　　3 品牌展现 　　整体铺开去展现产品的核心亮点和品牌思想，这一类应用产品基调偏功能长期稳定、内容维护居多，甚至内嵌视频打包品牌概念和软件界面功能展示。 　　Yummly开屏传达给用户，这里可以浏览收集食谱和清单，温暖色调直击内心，尽情享受美食烹饪。 　　4 说明指引 　　多适用于操作较复杂的工具类应用，当用户首次打开App，会进入半透明黑屏蒙版模式，开启新手指引环节。这种方式一定程度上也存在弊端，用户会厌恶一上来就强制被教育。因此也有不少App换作白底，稍作轻量去展示教程。除了前面提到的传统说明教程，还存在另外两种改良方式：一种是在用户触发功能行为的时候跟随出现指引，匹配合适的场景模式，强化临场感。另一种，弱化初始化引导，固定收拢在界面的一角，让用户自主去触发。 　　500px，典型的全屏蒙版引导，避免去采用细节的界面说明，可在实际应用中出现操作引导。 　　也有类似Sketches Help, 将产品的核心功能以手势的方式简要呈现。 　　Oggl 引导页由繁至简，如今的版本更多介绍放在次一层级。 　　Cycloramic 是比较特殊的一类表现方式，通过前期的短小视频，让你对产品有直观的大致印象并产生好奇，再转换到界面说明页，使过程显得更为自然不突兀。 　　E 信息定位 　　目前多见的应用，在情感品牌化的层面设计引导页，也有不乏一些直击重点的App，把了解用户信息作为首要任务。 　　Elevate Brain Training是一款借用游戏提高大脑的应用，引导页抛出提问定制你的训练目标，针对理解力、注意力、处事能力等不同层面能力进行提升。 　　载体随时代的演进 　　随着技术演进和大环境提升，确实看到了引导页以不同的载体，从静过渡到动甚至流媒体。 这里主要划分为大背景位图和矢量图形，后者表现多样化，国内外已有许多层出不穷的设计，不在此处赘述。 位图分为静、动、动静结合： 　　1 大背景 　　通常运用高质量的位图作为背景，前后页的切换会伴随淡入浅出的效果，这类应用对外营造一种高端的产品气质，图片传达出向上、美好、静谧的正能量气息。多见于互动社交类或生活记录应用，例如 Path在这方面表现得淋漓尽致，后续也有更多App类似的呈现，但它的画面感仍然让人怦然心动，没有乏味感，选图和前后图片过渡衔接很重要。 　　2 视频动态影像 　　随着跨界趋同，移动端与PC网页端的用户体验和视觉呈现未来将会更多地齐平。视频流媒体也被越来越多地用于网站MiniSite，是一种效果直接信息量丰富的品牌推广方式。当然考虑到安装包数据限制的问题，移动端引导页视频相对少。除了前面提到的品牌宣传、也有诸如Camu这类以拍照视频为主要的应用，会首选视频流媒体。用于拍延时摄影的Hyperlase在引导页呈现独特视角的延时作品，富有冲击力。 　　3 动静皆宜 　　这里指静态位图拟动态流畅地位移，模拟自然界的节奏，回归仰望白云海滩拾贝的宜人轻松情绪。微动的影像就像一段催眠序曲，让用户快速切入沉浸式状态。例如Flipboard，从早期创新式的局部微动简化至现在的镜头位移。LinkedIn、Pinterest也是较有代表性的应用。这样细想来，镜头感的位移在渲染氛围的同时，也是萌发了读者想要挖掘发现更多，却又嘎然而止到下一个画面，多少有点半饱的意味。是否觉得恰与这些信息采集类的应用气质相符呢。 　　其次，我们会发现位图的使用多展现于国外或主流App，相对于位图传达的高端大气沉稳，矢量图形的发挥自由度更大，在多语意传达和目标对齐上，处于