APP引导页设计就是这么给力!

2022-08-27    分类: 网站建设

APP引导页设计就是这么给力!不信你随着创新互联APP设计去瞧一瞧,看一看!

随着无线互联网技术与智能手机的发展普及,手机早已从单纯的通讯终端逐步衍变为拥有通讯功能的移动多媒体终端。而在智能手机日新月异的硬件升级中,第三方软件应用的革命则显得更为频繁激烈。APP软件应用市场也在不断涌现出新的创意与活力。

然一款APP要如何在投入市场时,一下子吸引住大众的眼球,保持永久活力,不被淘汰呢?除了不断完善APP的功能及其后续服务外。我想精美的引导页设计也是必不可少的。

一次印象的好坏会极大地影响到后续的产品使用体验,好的引导页从一开始就引人入胜,所以一款成功的APP应用常常可以看到精美的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与特点。因此大家都在努力将这几个页面设计好,接下来就由创新互联人跟大家一起来分享关于APP引导页设计的几大关键元素。

引导页设计关键元素一:引导页的目的区分

根据引导页的目的、出发点不同,可将其分为使用说明类、功能介绍类、问题解决类、推广类,一般引导页不会超过5页。

1、使用说明类

使用说明类引导页主要是对用户在使用产品过程中可能会遇到的困难、误操作行为等进行提前告知。这类引导页大多采用箭头、圆圈进行标识,以手绘风格为主。

2、功能介绍类

功能介绍类引导页主要是对产品的主要功能进行展示,让用户对产品主功能有一个大致的了解。采用的形式大多以文字配合界面、插图的方式来展现。

3、问题解决类

问题解决类主要是对在实际生活中会遇到的问题进行描述,直击痛点,通过最后的解决方案让用户产生情感上的联系,让用户对产品产生好感,增加产品粘度。

4、推广类

推广类引导页除了介绍产品功能外,更多地是想传达产品的一种态度,让用户更能明白地感受到这个产品的情怀,并考虑与整个产品风格、公司形象相一致。这一类的引导页如果做的不够吸引人,用户只会不耐烦地想快速划过。而制作精良、有趣的引导页,用户会驻足观赏。

引导页设计关键元素二:引导页的表现方式

1、文字与界面组合

这是最常见的引导页面,简短的文字+该功能的界面,这种引导页面主要是运用在功能介绍类与使用说明类引导页中。这种方式能较为直接地传达产品的主要功能,缺点在于过于模式化,显得千篇一律,没什么特别之处。

2、文字与插图组合

文字与插图的组合方式也是目前常见的形式之一。插图多具象,以使用场景、照片为主,来表现文字内容。

3、动态效果与音乐

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

4、视频展示

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

引导页设计关键元素三:引导页的设计原则

在引导页设计中除了要区分好引导页的目的差异及其表现方式外,在具体的设计中还需兼顾引导页的设计原则问题,它们将使你的引导页设计更加吸引人,达到更好的信息传达效果。

设计原则一:文案言简意赅,突出核心。

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

精准贴切的文案也十分重要,将专业的术语转换成用户听得懂的语言。尤其对于通过照片来表现主题的引导页设计,文案与照片的吻合度,直接影响到情感传达的效果。

设计原则二:视觉聚焦

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

设计原则三:富于情感化

A、文案具象化

通过具体的元素、场景来表现文案,采用写实、半写实的方式进行表现,有些应用还会配以水彩风格。

B、页面动效、页面间交互方式的差异化

之前对于表现方式的归类已经讲到了动画及页面切换方式,如果增加了页面动效,利用动效,包括放大、缩小、平移、滚动、弹跳,表现形式更加多样化,会让引导页更有趣,注意力更为集中。

而页面间的切换方式除了传统的卡片左右滑动的方式外,可以结合线条、箭头等进行引导,通常会配合动效。

设计原则四:与产品、公司基调相一致

引导页在视觉风格与氛围的营造上要与该产品、公司形象相一致,这样在用户还未使用具体产品前就给产品定下一个对应的基调。产品的特性决定了引导页的风格,产品是消费类、娱乐类、工具类还是其他,根据不同的产品特性决定了引导页是走轻松娱乐、小清新,还是规整、趣味性的风格,在最终的表现形式上也就会有完全不同的展现,是插图、界面、动画还是其他。

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


想做好引导页的设计,在理解用户对引导页需求的基础上,怀揣热爱产品的情怀,依靠精致的布局,巧妙的构思,贴切的氛围渲染,再加一点点特色。

以上是创新互联人分享的几点关于APP引导页设计方面的关键要点,创新互联人还会继续在设计实践中不断地去总结观点及方法,不断地探索出别具一格的引导页设计,如果您对您APP引导页设计还存有疑问,还想了解更多关于APP引导页设计方面的知识,欢迎您随时拨打创新互联的咨询热线13518219792。

本文题目:APP引导页设计就是这么给力!
本文来源:https://www.cdcxhl.com/news4/193404.html

成都网站建设公司_创新互联,为您提供网站收录关键词优化微信公众号做网站全网营销推广网站设计公司

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

小程序开发