网站建设知识 您当前的位置:首页 > 回声智库 > 网站建设知识 >上海网站建设APP引导页有哪些设计技巧

上海网站建设APP引导页有哪些设计技巧


发布时间:2018-01-11 10:50:46      作者:上海网站制作回声网络

  回声网络,上海网站建设公司,对于app引导页的设计还是比较专业的。如果你是用户,当你打开一款APP的时候,看到了你很喜欢的引导页,即使这款产品不是你所需要的,那么你也会花点时间去看看,而当日后用到的时候你会第一时间想到这个APP,可见引导页设计的重要性。引导页如何设计才能更好的吸引客户呢?什么样的引导页设计才是好的呢?让我们跟着回声小编一起来探讨一下。
  一、 目的区分
  上海网站建设小编认为,APP引导页设计目的要区分,根据引导页的目的、出发点不同,可以将其分为功能介绍类、使用说明类、推广类、问题解决类,一般引导页不会超过5页。

  APP引导页目的区分这块是一定要注意了,因为只有这样整个网站目的性才会更强,用户体验度自然也就越高了,这点是很关键的。
  1.功能介绍类
  功能介绍类引导页主要是对产品的主要功能进行展示,让用户对产品主功能有一个大致的了解。采用的形式大多以文字配合界面、插图的方式来展现。

  产品的功能介绍页是很关键的,你写好了能够让用户对你的产品更加了解,而且通过极少的文字将自己产品优势淋漓尽致表现出来,吸引客户。
  2、使用说明类
  使用说明类引导页是对用户在使用产品过程中可能会遇到的困难、不清楚的操作、误解的操作行为进行提前告知。这类引导页大多采用箭头、圆圈进行标识,以手绘风格为主。以虾米音乐的引导页为例,对于较难发现的播放队列、歌词的操作方式进行的箭头引导来说明。
  3、推广类
  推广类引导页除了有一些产品功能的介绍外,更多是想传达产品的态度,让用户更明白这个产品的情怀,并考虑与整个产品风格、公司形象相一致。这一类的引导页如果做的不够吸引人,用户只会不耐烦地想快速划过。而制作精良、有趣的引导页,用户会驻足观赏。

  4、问题解决类
  问题解决类通过描述在实际生活中会遇到的问题,直击痛点,通过最后的解决方案让用户产生情感上的联系,让用户对产品产生好感,增加产品粘度。例如QQ浏览器的引导页设计,通过形象的插图直接明了地说明了QQ浏览器解决了其他浏览器所遇到的问题(搜不到小说、看小说花钱、小说更新需要等)。

  解决问题,不管是什么类型的网站都应该有这样的问题,帮助客户去解决问题,或者根据客户想问的问题去给客户解答。


上海APP开发
  二、表现方式
  1、文字与界面组合
  上海网站建设公司认为,这应该是最常见的引导页面,简短的文字+该功能的界面,主要是运用在功能介绍类与使用说明类引导页。这种方式能较为直接地传达产品的主要功能,缺点在与过于模式化,显得千篇一律。
  2、文字与插图组合
  文字与插图的组合方式也是目前常见的形式之一。插图多具象,以使用场景、照片为主,来表现文字内容。
  3、动态效果与音乐
  除了静态页面外,开始流行具有动态效果的页面。在单个页面采用动画的形式,考虑好各个组件的先后快慢,打破原有的沉寂,让页面动起来。同时结合动效可以考虑页面间切换的方式,将默认的左右滑动改为上下滑动或过几秒自动切换到下一页。在浏览引导页的时候,可以试着加入一些与动效节奏相符合的音乐,会是一种更加新颖的方式。
  4、视频展示
  在打开后通过播放视频的方式来介绍产品或传递一种理念,这种方式多见于偏生活记录类的应用,如拍照、运动类应用,给人传达青春活力、积极乐观的生活态度。优点:直观,动感,生活化。缺点:应用较大,视频播放会出现卡顿的情况。
  三、 总结
  以上已经针对引导页的目的差异以及表现方式进行了相关归类,在具体的设计中还得注意一些原则,它们会让你的设计更加吸引人,信息传达的效果更好。
  1、文案言简意赅,突出核心。
  根据爱尔兰哲学家汉密尔顿观察发现的7±2效应,一个人的短时记忆至少能回忆出5个字,最多回忆9个,即7±2个。因此展示的文案要控制在9个字以内,超过后用户容易遗忘、出现记忆偏差。如果表达起来困难,可以辅助一小段文字进行解释或补充。因此在最终文案的确定上,要突出重点,多余的文字尽可能地进行删减。如果文案删减后字数还是过多,因考虑对文字进行分层,通过空格或逗号或换行的方式进行视觉优化。
  上海网站建设公司回声网络小编看来,精准贴切的文案也十分重要,将专业的术语转换成用户听得懂的语言。尤其对于通过照片来表现主题的引导页设计,文案与照片的吻合度,直接影响到情感传达的效果。
  2、视觉聚焦
  在单个引导页中,信息不宜过多,只阐述一个目的,所有元素都围绕这个目的进行展开。视觉聚焦包括两部分,一是文案的处理,要注意层次,主标题与副标题要形成对比;二是引导页中的界面、场景、文案具象化元素,要有一个视觉聚焦点,多个视觉元素的排布采用中心扩散的方式,聚焦点的视觉面积最大,同时与扩散的元素拉开对比。这样用户能清晰地看到核心文案信息与文案对应的视觉表现元素。同时结合视线流动的规律,从上到下,从左到右,从大到小。因此可以根据这个视线流的规律来进行引导页的设计。
  3、富于情感化
  A、文案具象化
  APP引导设计,通过具体的元素、场景来表现文案,采用写实、半写实的方式进行表现,有些应用还会配以水彩风格。以天猫为例,天猫是一款购物应用,在设计上通过商场、店铺的实际场景的具体描绘,渲染轻松、欢快的购物过程。
  B、页面动效、页面间交互方式的差异化
  之前对于表现方式的归类已经讲到了动画及页面切换方式,如果增加了页面动效,利用动效,包括放大、缩小、平移、滚动、弹跳,表现形式更加多样化,会让引导页更有趣,注意力更为集中。
  而页面间的切换方式除了传统的卡片左右滑动的方式外,可以结合线条、箭头等进行引导,通常会配合动效。例如网易新闻客户端、印象笔记·食记,它们在引导页的设计上采用了线条作为主线贯穿整个引导页面,小圆点显示当前的浏览进度,滑动的过程中有滚动视差的效果。
  4、与产品、公司基调相一致
  上海网站建设公司对于APP引导页设计是很丰富的,所以在他们看来引导页在视觉风格与氛围的营造上要与该产品、公司形象相一致,这样在用户还未使用具体产品前就给产品定下一个对应的基调。产品的特性决定了引导页的风格,产品是消费类、娱乐类、工具类还是其他,根据不同的产品特性决定了引导页是走轻松娱乐、小清新,还是规整、趣味性的风格,在最终的表现形式上也就会有完全不同的展现,是插图、界面、动画还是其他。如淘宝的娱乐、豆瓣的清新文艺、百度的工具、蝉游记的休闲等等,通过对比就能发现他们在引导页设计上的差异。

  这样一方面有利于产品一脉相承,与产品使用体验相一致;另一方面也会进一步强化公司形象。


  APP引导页设计,以来往为例,来往是一款针对个人用户的及时通讯应用,主打扎堆、阅后即焚、敲门等与微信不一样有趣的功能,也是想给用户创造不一样的IM沟通方式。因此在引导页的设计上通过趣味性、甚至有点搞怪的动作与表情来表现来往是这样一款有趣、欢乐多的产品。
  又如网易彩票,引导页的主色选用了与网易自身的红色相一致的红色,在公司产品系统性上保持高度的一致性。
  上海网站建设公司提醒:想做好引导页的设计,在理解用户对引导页需求的基础上,怀揣热爱产品的情怀,依靠精致的布局,巧妙的构思,贴切的氛围渲染,再加一点点特色。当然光讲是枯燥的,还是需要设计师在具体的设计中不断实践,总结出新的观点与方法,探索出别具一格的引导页设计。


  APP开发,当引导页设计好了,那么吸引的客户也就多了,自然而然网站流量就多了,所以说上海网站建设APP开发引导页是很关键的。
  APP引导页设计还是比较关键的,企业如果自己去做APP,要对自己的产品和用户足够了解,知道他们喜欢什么,还有要参考一些行业内比较好的APP引导页。如果是找外包公司,那么就要将产品的一些优势特点传达给第三方,这样第三方才能做出好的APP引导页。上海APP开发,欢迎来回声网络科技有限公司。

回声科技,网站建设 | 网络推广 多元化一站式服务!免费咨询热线:021-52835722 如需转载,请注明文章出处和来源
网址:http://www.huisheng.com 网站建设回声科技发布,否则视为侵权,谢谢合作!
关于我们

我们专注于为客户提供高端网站策划、网站建设、网站设计、品牌网络营销、小程序开发、电商平台策划开发、APP开发、软件开发、腾讯企业邮箱...

查看更多
最新案例
管道工程公司响应式网站模板案例
箱包配件厂响应式网站模板案例
联系我们

地 址:上海市谈家渡路28号盛泉大厦7楼
邮 箱:info@huisheng.com

微信订阅号 个人微信号
沪公网安备 31010702001726号ICP备案12038328号-1   ©Copyright 上海回声网络科技有限公司 .All Rights Reserved. 网站地图