企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

建站知识

Website development

上海网站建设云智案列分析丨如何做好App的引导页?

发布时间:2015-11-20 09:47:41

TAGS:wap网站建设,网站建设模板下载

案列分析丨如何做好App的引导页?1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

当你第一次打开一款应用的时候常常会看到精美的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与优点,第一次印象的好坏会极大地影响到后续的产品使用体验。因此各个公司都在努力将这几个页面设计好,从一开始就引人入胜。那接下来我跟各位一起来探讨关于引导页的设计。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

一、目的区分1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

根据引导页的目的、出发点不同,可以将其分为功能介绍类、使用说明类、推广类、难题解决类,一般引导页不会超过5页。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1.功能介绍类1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

功能介绍类引导页主要是对产品的主要功能进行展示,让客户对产品主功能有一个大致的知晓。采用的形式大多以文字配合界面、插图的方式来展现。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

以易信为例,采用文字与水彩插图结合的方式,文字分为2个层次,大标题与小标题,大标题是对主功能的概括,小文字是对其功能模块的详细描述或进一步补充说明。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

案列分析丨如何做好App的引导页?1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2、使用说明类1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

使用说明类引导页是对客户在使用产品过程中或许会遇到的困难、不清楚的操作、误解的操作行为进行提前告知。这类引导页大多采用箭头、圆圈进行标识,以手绘风格为主。以虾米音乐的引导页为例,对于较难发现的播放队列、歌词的操作方式进行的箭头引导来说明。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

案列分析丨如何做好App的引导页?1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3、推广类1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

推广类引导页除了有一些产品功能的介绍外,更多是想传达产品的态度,让客户更明白这个产品的情怀,并考虑与整个产品风格、公司形象相一致。这一类的引导页假如做的不够吸引人,客户只会不耐烦地想快速划过。而制作精良、有趣的引导页,客户会驻足观赏。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

以淘宝旅行为例,淘宝旅行通过清新、生活化场景的插图营造产品是一款乐享生活、跟着感觉走的出行应用,在你出行前就帮你计划好所有的行程安排,只要一个行李箱,说走就走,与产品的理念相契合。而另外一款应用,选用恬静、安逸的照片配以简洁的文字来渲染产品的基调。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

案列分析丨如何做好App的引导页?1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

4、难题解决类1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

难题解决类通过描述在实际生活中会遇到的难题,直击痛点,通过后的解决方案让客户产生情感上的联系,让客户对产品产生好感,增加产品粘度。例如QQ浏览器的引导页设计,通过形象的插图直接明了地说明了QQ浏览器解决了其他浏览器所遇到的难题(搜不到小说、看小说花钱、小说更新必需等)。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

案列分析丨如何做好App的引导页?1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

二、表现方式1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1、文字与界面组合1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

这是常见的引导页面,简短的文字+该功能的界面,主要是运用在功能介绍类与使用说明类引导页。这种方式能较为直接地传达产品的主要功能,缺点在与过于模式化,显得千篇一律。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

案列分析丨如何做好App的引导页?1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2、文字与插图组合1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

文字与插图的组合方式也是当前常见的形式之一。插图多具象,以使用场景、照片为主,来表现文字内容。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

案列分析丨如何做好App的引导页?1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3、动态效果与音乐1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

除了静态页面外,开始流行具有动态效果的页面。在单个页面采用动画的形式,考虑好各个组件的先后快慢,打破原有的沉寂,让页面动起来。同时结合动效可以考虑页面间切换的方式,将默认的左右滑动改为上下滑动或过几秒自动切换到下一页。在浏览引导页的时候,可以试着加入一些与动效节奏相适合的音乐,会是一种更加新颖的方式。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

案列分析丨如何做好App的引导页?1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

4、视频展示1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

在打开后通过播放视频的方式来介绍产品或传递一种理念,这种方式多见于偏生活记录类的应用,如拍照、运动类应用,给人传达青春活力、积极乐观的生活态度。优点:直观,动感,生活化。缺点:应用较大,视频播放会出现卡顿的情况。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

案列分析丨如何做好App的引导页?1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

三、总结1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

以上已经针对引导页的目的差异以及表现方式进行了相关归类,在具体的设计中还得留意一些原则,它们会让你的设计更加吸引人,信息传达的效果更好。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1、文案言简意赅,突出核心。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

根据爱尔兰哲学家汉密尔顿观察发现的7±2效应,一个人的短时记忆至少能回忆出5个字,多回忆9个,即7±2个。因此展示的文案要控制在9个字以内,超过后客户容易遗忘、出现记忆偏差。假如表达起来困难,可以辅助一小段文字进行解释或补充。因此在终文案的确定上,要突出要点,多余的文字尽或许地进行删减。假如文案删减后字数还是过多,因考虑对文字进行分层,通过空格或逗号或换行的方式进行视觉优化。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

精准贴切的文案也非常重要,将专业的术语转换成客户听得懂的语言。尤其对于通过照片来表现主题的引导页设计,文案与照片的吻合度,直接影响到情感传达的效果。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

案列分析丨如何做好App的引导页?1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2、视觉聚焦1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

在单个引导页中,信息不宜过多,只阐述一个目的,所有元素都围绕这个目的进行展开。视觉聚焦包括两部分,一是文案的处理,要留意层次,主标题与副标题要形成对比;二是引导页中的界面、场景、文案具象化元素,要有一个视觉聚焦点,多个视觉元素的排布采用中心扩散的方式,聚焦点的视觉面积大,同时与扩散的元素拉开对比。这样客户能清晰地看到核心文案信息与文案对应的视觉表现元素。同时结合视线流动的规律,从上到下,从左到右,从大到小。因此可以根据这个视线流的规律来进行引导页的设计。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如下图为天猫客户端的引导页,分析其视觉流发现,浏览的顺序从插图到主文案,再到辅助文案,缺点在首次看到的是插图而不是文案,插图相对文字理解相对困难,因此未能快速地获取该页的主要信息,可以考虑将文案与插图的位置进行互换,这样会好一些。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

案列分析丨如何做好App的引导页?1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3、富于情感化1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

A、文案具象化1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

通过具体的元素、场景来表现文案,采用写实、半写实的方式进行表现,有些应用还会配以水彩风格。以天猫为例,天猫是一款购物应用,在设计上通过商场、店铺的实际场景的具体描绘,渲染轻松、欢快的购物过程。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

案列分析丨如何做好App的引导页?1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

B、页面动效、页面间交互方式的差异化1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

之前对于表现方式的归类已经讲到了动画及页面切换方式,假如增加了页面动效,利用动效,包括放大、缩小、平移、滚动、弹跳,表现形式更加多样化,会让引导页更有趣,留意力更为集中。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

而页面间的切换方式除了传统的卡片左右滑动的方式外,可以结合线条、箭头等进行引导,通常会配合动效。例如网易新闻客户端、印象笔记·食记,它们在引导页的设计上采用了线条作为主线贯穿整个引导页面,小圆点显示当前的浏览进度,滑动的过程中有滚动视差的效果。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

案列分析丨如何做好App的引导页?1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

4、与产品、公司基调相一致1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

引导页在视觉风格与氛围的营造上要与该产品、公司形象相一致,这样在客户还未使用具体产品前就给产品定下一个对应的基调。产品的特性决定了引导页的风格,产品是消费类、娱乐类、工具类还是其他,根据不同的产品特性决定了引导页是走轻松娱乐、小清新,还是规整、趣味性的风格,在终的表现形式上也就会有完全不同的展现,是插图、界面、动画还是其他。如淘宝的娱乐、豆瓣的清新文艺、百度的工具、蝉游记的休闲等等,通过对比就能发现他们在引导页设计上的差异。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

这样一方面有利于产品一脉相承,与产品使用体验相一致;另一方面也会进一步强化公司形象。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

以来往为例,来往是一款针对个人客户的及时通讯应用,主打扎堆、阅后即焚、敲门等与微信不一样有趣的功能,也是想给客户创造不一样的IM沟通方式。因此在引导页的设计上通过趣味性、甚至有点搞怪的动作与表情来表现来往是这样一款有趣、欢乐多的产品。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

案列分析丨如何做好App的引导页?1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

又如网易彩票,引导页的主色选用了与网易自身的红色相一致的红色,在公司产品系统性上保持高度的一致性。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

案列分析丨如何做好App的引导页?1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

总之:想做好引导页的设计,在理解客户对引导页需求的基础上,怀揣热爱产品的情怀,依靠精致的布局,巧妙的构思,贴切的氛围渲染,再加一点点特色。当然光讲是枯燥的,还是必需设计师在具体的设计中不断实践,总结出新的观点与办法,探索出别具一格的引导页设计。1ks上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

原创不易,未经授权,严禁转载

原文地址:/i,72,6230,0.html

客户评价

更多+
  • 感谢特马资料qq群,系统提前完成,在整个项目周期内,特马资料qq群对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的特马资料qq群团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。假如想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的特马资料qq群(上海)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,要点是响应速度蛮快,有什么难题都会马上给你解决,公司很满意,因为他们全是针对每个项目建了相应的讨论组,有难题可以再里面提出,人员分工到位,解决难题很及时。

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

服务领域

  • 网站定制开发
  • PC网站设计
  • 域名邮箱
  • 网站维护
  • 网站二次开发
  • 响应式网站设计
  • 虚拟主机
  • 网站优化
  • 网站设计开发
  • 创意设计
  • 云主机
  • 项目合作

合作伙伴

All Rights Reserved.©2010-2016 特马QQ群|资料网站京公网安备 110105019435 京ICP备123124426号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:上海市辉瑞律师事务所。
嘿,我来帮您!