![新印象:解构UI界面设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/507/24982507/b_24982507.jpg)
上QQ阅读APP看书,第一时间看更新
1.2 引导页
一个好的App引导页能够迅速抓住使用者的眼球,让他们快速了解App的价值和功能,起到很好的引导作用。有一句话是这么说的:“优秀的UI可以造就App的点击率”。在做引导页之前,我们首先要学会定位,了解App的目标用户群。简单来说,引导页分为功能介绍型、情感带入型和搞笑型3种类型。
1.2.1 功能介绍型(基础型)
功能介绍型引导页是最基础的一种引导页。这种引导页要保证信息展示一针见血,切忌啰唆、表达不清。在这样一个网络化、碎片化的时代,用户停留在引导页上的时间越来越短,浏览时间通常不会超过3秒。在这宝贵的3秒钟内,设计师需要把简洁明了、通俗易懂的文案和界面呈现给用户,如图1-5所示。请记住这句话:“用户需求就是你的文案,功能介绍型的例子比比皆是。”
![](https://epubservercos.yuewen.com/5F2A5C/13311758105194206/epubprivate/OEBPS/Images/16-1.jpg?sign=1739296154-HFcU4XTvEWU6xJ0v9LI1VpTfkPKBQFfu-0-272e68b0699bc38c45c99e291b5e7a65)
图1-5 功能介绍型引导页
功能介绍型引导页分为带按钮的引导页和不带按钮的引导页两种类型。一般社交类的产品会强制引导用户去登录,所以会在引导页面中加入登录的入口,如图1-6所示。
![](https://epubservercos.yuewen.com/5F2A5C/13311758105194206/epubprivate/OEBPS/Images/17-1.jpg?sign=1739296154-jvjYXDcFPkHzTz1TD0tTxAKLM1fA9EZD-0-c2061aa12df3153033d9059d8f178d16)
图1-6 引导页登录入口
1.2.2 情感带入型(中级型)
情感带入型的引导页能通过文案和配图,把用户需求通过某种形式表现出来,引导用户去思考这个App的价值,如图1-7所示。这种类型的引导页要求设计形象化、生动化、立体化,能够增强产品的预热效果,同时给用户带来某种惊喜。.
![](https://epubservercos.yuewen.com/5F2A5C/13311758105194206/epubprivate/OEBPS/Images/17-2.jpg?sign=1739296154-5rmBoTPX3k2qH8IfOy6Q5DHmtfqF7FPf-0-456f51cd25fac21b91bb96f50761f5b2)
图1-7 情感带入型引导页
1.2.3 搞笑型(高级型)
搞笑型引导页的阅读量一般都比较高,拼的是设计效果或动画效果,如图1-8所示。在一般情况下,这种类型的引导页对设计师的要求比较高,需要设计师学会扮角色和讲故事,综合运用拟人化和交互化的表达方式,根据目标用户的特点来进行设计,最终让用户身临其境,在页面上停留更长的时间。
![](https://epubservercos.yuewen.com/5F2A5C/13311758105194206/epubprivate/OEBPS/Images/18-1.jpg?sign=1739296154-odQ35efmlGHyUQVVvf1kOmSvT0ALQnjU-0-89ce9f73ac105dbc08630ecbcf4c0eff)
图1-8 搞笑型引导页