3秒即灭,APP引导页如何闪亮

作者:@Micu设计

大家原谅我健忘的大脑,一直想写App总结,却不知道从何说起,真是对不起群众,对不起组织,对不起俺的一个好肾。这也不能完全怪俺,小学的时候语文就没考过100分,害怕写的浅了不疼不痒,浪费看官们 陪女朋友的时间;写的太深了吧,咱又不是大老粗搞学术研究。 看官不要着急,咸淡结束,这就进入正题。

简单的说,引导页无外乎三种:

1.功能介绍型

2.情感带入型

3.搞笑耍宝卖萌型

1.功能介绍型(基初期)

是最基础的,就是有啥说啥。误区是,说话罗嗦,表达不清。 用户需要的一针见血,在这样一个网络化、碎片化的时代,人们停留的时间越来越短,浏览你app界面的时间不会超过3秒,在这宝贵的3秒里,你要用简要明白、通俗易懂的文案和界面来呈现,突出重点就可以了。 记住这句话:用户需求就是你的文案。 功能型的例子比比皆是。

2.情感带入型(上升期)

走肾还是走心是个问题,得要用户顺着你走。 通过文案和配图,引导用于去思考这个App的价值,把用户需求透过某种情感表现出来,更加形象化、生动化、立体化,加强产品的预热,让用户有种惊喜感,我在这套设计主题色为黑色,凸显产品的稳重和安全性,直接用图标来表达我想阐述的情景,用更为纤细的线来体现产品推出的内容的精致性。 说的有点理论化哈,下面看个例子,体会体会。

3.搞笑耍宝卖萌型

化腐朽为神奇,综合运用拟人化、交互化表达方式,要学会扮角色、讲故事,根据目标用户特点来选择。让用户身临其境,最后使用户心情愉悦,这种类型的阅读量最高,拼的是设计效果(或动画效果),属于高级阶段。

第二部分怎么设计一个能让用户停留3秒的引导页?

我就以最近做的这套内涵段子引导为列吧,属于有趣点加暴走点的设计。这样看着可能轻松点。创作背景:这次任务是在内涵段子3.1版基础之上的升级,要求在3.12新版中呈现出三个新增功能。 最开始,我会努力体会目标用户的需求,把需求引导点列出来,根据产品定位想出不同的文案,到设计这边已经是定下来的文案了。 预计整个设计的周期为一天半,属于正常加急的需求。时间不多,拿到文案后,我们怎么去理解和定位呢? 在设计过程中首先考虑风格,本身就是娱乐性的产品,所以我选择了讲故事。在之前3.1版本的引导中也是用的比较夸张的表现但缺乏娱乐性,这次希望把故事的场景做的更浓重些,更有趣,大叔萝莉都来吧!

具体设计过程:

1.找素材这是最为重要的一步,时间紧急,想清楚了再做。 找对是关键,做一个设计的搬运工,融到自己的故事中。你也可以说这是抄,但我只想毫无保留的把我做图的过程告诉大家,怎么做一个灵活的设计师。

2.构图+排版

在设计中我采用了描线的表现方法,这样感觉漫画感脚更强,人物表情能更夸张。

第一步构好图,保证这套引导的统一,文字的大小。重点文字的区分形式等。 初学者我建议建立三个psd,把需要突出的点讲出来。这样好一起打开进行对比,保证风格的统一性。3.后期处理首先是处理色彩关系,整体颜色选择了比较鲜明的颜色,每张的颜色饱和度一直,切换的时候对比强。

原文作者:Micu

文章来源:UI中国

(0)

相关推荐

  • APP引导页怎样才能设计的高大上?

    一个优秀的App引导页,能够最迅速地抓住app用户的眼球,让他们快速了解App的价值和功能,起到很好地润滑和引导作用.俗话说的好,好的ui视觉界面可以造就App的点击率.点击率是啥--是钱呀!   请 ...

  • APP引导页设计经验分享

    小编:今天带来的是由fanfanfan9分享的APP引导页设计的那些事.详细了讲解了一个App引导页如何设计,归纳了一些常见的App引导页的分类,让刚刚接触UI设计或者刚好要做引导页 都可以看看或许能 ...

  • APP引导页文案集锦

    小编:好的引导页直击用户内心,感同身受. 每次产品更新都要苦思冥想APP欢迎页的文案,好的欢迎页文案看后让人留恋.下面是从网上收集到的欢迎页的文案: 记得微信6.1更新的欢迎页的文案就觉得特别有意思 ...

  • 掌握5个技巧设计出眼前一亮的APP引导页

    现在新手引导已经成手机客户端标配,但是通用的做法不见得是最有效的.这篇文章中我们将会看到为什么新手引导经常无效,以及如何借鉴游戏设计的原理来提高用户的参与度. 通过跟各种行业的移动团队沟通,发现这些添 ...

  • APP引导页动画临摹【做作业】

    PS也可以弹弹弹,弹走鱼尾纹! 原图没有时间的话大家可以自由发挥,换成简单的图案,重点的打帧. 注意点: 1.首尾帧要一致,循环起来才不会别扭,可以复制第一"关键帧"到最后一&qu ...

  • 细数那些精彩纷呈的引导页

    UI设计中的引导页就是一个APP的门面.而一个好的引导页不仅会让新用户很快能够上手你的APP,还能带来良好的用户体验,给用户留下深刻的印象,从而留住用户.但是怎么给自己的APP做一个好的引导页呢,今天 ...

  • 2017年春节的那些APP启动页

    小编:一晃就到上班日,过年仿佛就在昨天.身体还沉浸在浓浓的春节气氛,饭桌上满满爱意的饭菜,酒足饭饱后的娱乐时间.一起去回顾下春节期间那些浓烈节日气氛的APP引导页吧- 映客直播 虾米 QQ浏览器 蚂蜂 ...

  • 新人小白快速学习引导页插画设计技巧

    你有没有过这样的困惑?UI设计的门槛越来越高,手绘(包括插画)的重要性也被日益重视起来.我只是个刚入行的新手,我不会手绘怎么办?我熟悉PS.AI软件操作但我就是不知道怎么去下手设计插画? 画好插画难不 ...

  • 优秀引导页设计案例解析!

    小编:这篇文章对引导页的解析非常透彻,对于引导页的表现方式从产品功能.设计载体.屏间交互方式以及扁平风四方面各自挑选了一组顶尖的案例来分析.如果你对引导页还不知如何下手,跟着这四个方面的步伐,绝对错不 ...