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



