个性的移动应用引导页设计欣赏

现在的用户下载app时最先看到的东西就是引导页。一个引导页就像一个导游,它会快速的向用户介绍app本身对用户有什么用处已经该如何操作。这是描述应用本身最简单的方式,但是它的设计却不是那么容易。

一个引导页最基本的功能包括以一种最简单,热情和友好的方式来呈现给用户,这也是设计师必须考虑的重中之重。引导页面就像创造告知和教育用户空状态栏。虽然并不是每一个app都需要建立引导页面,但是我认为通过这个可以节省用户摸索应用流程的时间,这样就会减少一定由于不会使用而引起的沮丧情绪,提升用户体验。

接下来让我们看一些例子吧,以下的这些经典案例是我们从世界各地的广告素材中精选出来的移动应用的引导页面设计,看完他们你可能会有一些灵感,或者你也可以谈谈你对引导界面设计的看法。

看看这些来自Virgil Pana灵感的作品。光滑的插图和动画的表现形式,所有设计都是基于一定的教育理念。

01135626H9t

这个旅游app的引导界面设计在相同的圆形中插入了不同的山体,或者其他风景,一切相映成趣。设计师Anggit Yuniar Pradito映在他的引导页面设计中加入了多个不同的元素进行组合。

02135627NGP

这是一款名叫Bemyspot的app的一部分的引导界面,这款app主要业务是购物应用,鼓励用户在平台上发布自拍,发现的有趣的事和分享身边的故事。由Rosario Sarracino and Ivan Paudice.设计

031356285bZ

这些界面上的每一个图像都在向用户传达这样一个信息:它提供邮票服务。设计师 Anastasiia Andriichuk认为,传达一个有趣的观念就像分娩一样,需要很长的时间。

05135629uOo

设计师Sasha Gorosh 通过太空船得到灵感,设计了这款耐看且有趣的引导界面。每个插图都相当简单,一看到你就知道它想要表达什么。

06135630T87

“愿原力与你同在!”一款行星改造的引导界面设计,灵感来自星球大战,设计师Anton Chandra

07135631fxV

通过几张插图, Aika告诉了你可以通过使用这个旅行app做什么,你同样可以选择滑动页面跳过或者点击“X”关闭它们。

081402433VJ (1)

本设计中的布局,梯度,插图和色彩的运用都是相当惊人的。底部橙色CTA按钮在蓝色的背景中看起来有点奇怪,但是却相当独特,引人注目。一个不错的设计来自 Murat Gursoy

09140244B8l

这些可爱的小人形象向你展示了这个app的功能,并吸引了你的注意力。它们看起来相当可爱,虽然可爱,却十分严谨。

10140245b93

对于界面中图标的使用相当巧妙,在灰色的部分设置绿色的插画相当好看,由Nitesh Chandora.设计

11140246U07

这是多一个多页面界面设计,采用了绿色环保的主题和简约醒目的插图。导航按钮被放置在屏幕的底部,相当方面。Martin Strba.设计。

1240249EAy

这些插图显示了世界各地的风景名胜。看起来就像一个简约的旅游指南,位置的简要说明增加了诱惑力。来自Anton Chandra.的又一著作。

13140253MEj

聊天气泡和插图中的圆球绘制相当细致。我可以想象这在app中动态的表现将多么令人惊叹。不错的作品,来自Ghani Pradita.。

140343Zd1

这些插画同Ghani Pradita的轨道系列相似,但是在所有引导界面中被使用,这些设计来自Faiz Al-Qurni.

15034434z

这些来自的 Ivy Mukherjee插画十分有趣并且富有创意,但是画面中的文本有点小所以阅读困难。然而说明正确的插图在设计中的重大作用是,这简直堪称完美典范。

1603465wf

这些界面设计是我的最爱。我喜欢这里用插图和配色的方案。每个元素看起来简约,独立,却不失意义。设计师Mariusz Onichowski

160358qSs

又一个由Anton Chandra设计的引导界面。Anton对于空间有一种特殊的把握,从这个中也可以看出。

170359SJ3

这个界面通过适合的插图传达了app这样的信息:快速,激动和用户友好。来自Wayne Baryshev.的设计。

18140400b9u

谈到色彩,这些由Dux Nguyen设计的引导界面的色彩设计可以说相当令人惊艳,它们明确的向你传达了这样的信息:在这里,你可以和你的朋友们一起聊天或者玩游戏。

190509NrY

这种俏皮的插图绝对会让用户的引导体验更加愉快。正如你可能已经猜到的,这些页面来自一个花店app。一个超棒的配色方案和设计来自 Jocelyn Crankshaw

200703mhz

这些ModMom应用中多彩的界面是所有设计中最受欢迎的设计风格,有趣的背景插图也增添了界面的美感,这一组令人惊叹的作品由Staci Carpenter创作。

21140904bpZ

 

 

来源地址:blog.enqoo

 

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/14412/

(0)
Smiler李想Smiler李想
上一篇 2016-04-26
下一篇 2016-04-27

相关推荐

  • 【UI技能】磨刀不误砍柴工!打开PS软件前应该执行的四个方面

    编者按:有经验的设计师在拿到需求后,往往不会急着开Photoshop,而会自问该做的事都做好了吗?要知道,如果能提前执行好这四个步骤,能大大减少改稿推翻重做以及和PM“吵架”的几率,没错,四个步骤说的就是今天这篇…

    2015-11-29
  • 其实,设计LOGO并不难!用对工具,你也可以成为设计师!

    Logo是一个企业丶团体丶组织或独立个体的视觉识别形象代表。通常是人们一眼看见所产生的第一印象,因此如何创造出一个令人印象深刻的logo,来帮助您建立您心目中所期望塑造的品牌形象是一门大学问。一个好的logo对于一个品牌打入市场的成功与否,扮演着举足轻重的脚色。因此投入足够的时间来绞尽脑汁,设计出一个独一无二的logo是不可避免的过程。

    2016-09-18
  • 『UI设计尺寸标准汇总』iPhone界面尺寸标准|Android界面尺寸标准|网页界面尺寸标准

    iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus设计版 1242×2208 px 401PPI 60px 132px 147px iPhone6 plus放大版 1125×2001 px 401PPI 54px 132px 147px iPhone6 plus物理版 1080…

    2015-06-16
  • 手腕上的交互,谈谈安卓与苹果可穿戴系统初体验

      作者简介:Luke Wroblewski是一个界面设计师、战略家及作家(Site-seeing: A Visual Approach to Web Usability 一书的作者 )。现在他的工作是 Yahoo! 的首席设计师(Principal Designer),以及 LukeW Interfac…

    2015-07-12
  • 相当便利的UI交互演示工具

    做为一个移动端的互联网产品设计师,天天心心念的就是如何做出一款款能让用户爱不释手的应用,想来轻松,做起来点点滴滴都是功能、美观和用户体验的契合难题,在一个个经典创意最终拍板前,产品原型及其演示体验,…

    UI设计 2016-06-08
  • 2017年的Logo,这样设计才会火!

    设计是变换无穷的,而且不断地演变,与新的潮流和品味融合。此种特性不论是在时尚界、平面设计或是其他业界中都相当普遍可见。 Logaster特地做了2016年Logo总评比,预测有哪些热门趋势将主导2017年的Logo设计风格。…

    2017-03-03
  • Apple Watch应用设计案例-QQ空间

    一、初期方案 设计初期,我们希望能够挖掘一些用户在手机端常用的点进行延伸,如:访客、礼物、动态。包括配色和图形设计也延伸了手机端的设计风格。 二、竞品分析 我们对Instagram和Twitter进行了研究,整体上是手…

    2015-07-15
  • 昨晚,微软发布了一款设计师神器!业界一片哭声!

    #交互学堂#昨晚,微软又硬了。 发布了一部怪兽,把毒少毒死了。。。 这就是我要的桌面电脑啊!!! 一体机—— surface studio (这是配置:Core i7处理器,GeForce 980M显卡,32GB内存+2TB混合硬盘,3:2 TrueColor…

    2016-10-27
  • UI界面中搜索入口的设计

    写在前面: 我以前是学空间设计的,所以对引导性的感知比其他学设计的要更早。其实,设计总就还是一个“万法归宗”的东西。“吸引”——“引导”——“持续”——“欲罢不能”用用户的这种思维去检验自己的作品(交互/UI)是比较客…

    2016-11-07
  • 清晰、高效、一致、美观 – 关于设计原则的优先级排序

    我们在Salesforce的产品设计团队当中有个不成文的规矩: 无论谁拿出一份什么清单 – 功能列表、研究报告,或者哪怕只是体恤衫名录 – 无论什么,只要是清单的形式,肯定会有人出来问一句:“按优先级排过序吗?” 有时…

    UI设计 2016-04-26