UI设计灵感:优秀的APP启动页

  • 经验类型教程
  • 经验属性好文转载
  • 经验版权不使用原创授权
1724 0 4 2018-09-21

当你下载一款APP应用的时候,首先映入眼帘的是它的启动页面。启动页就像是一场预演,用来介绍它能为用户做什么和怎么用。可是这个东西说时容易做时难。Anastasiia Andriichuk明白,用宇航员和热气球表现快递业务会很有表现力。

Image title

这是Virgil Pana网站中的设计。看看这些流畅的插画和生机勃勃的启动页,你能不能获取点灵感?学院派的风格!

Image title

页面中的这些插画是为一款看似是旅行的APP而设计,它将山放大作为背景,全部圈在同一个大小的圆里。在设计师Anggit Yuniar Pradito的网站中你会找到更多启动页的设计作品和创意。

Image title

下面这款APP由Rosario Sarracino and Ivan Paudice设计。这是一款叫做Bemyspot的APP需要展现的一部分,它像是一个购物应用,提醒你发自拍、发现新点子和资源共享。

Image title

Sasha Gorosh做了一张迷人而有趣的启动页,灵感来源于太空旅行。插画寥寥几笔,但却能时刻让你感觉到“启动”。

Image title

“原力与你同在!”设计师Anton Chandra从《星球大战》中获取灵感,将星球风格做了个大转变。

Image title

Aika用一些线条画向你解释了如何使用这款APP。你可以通过滑动屏幕启动应用,或者点击“X”关掉它。

Image title

布局、坡度、插画和线条在这款APP上的运用简直是神奇。CTA的按钮用橘色突出显示,在深蓝色的背景上显得异类却很好看。

Image title

这里还有一款设计,使用了极其简洁的线条和green-eco的主题。为了方便使用,航标放在了页面底部。这是Martin Strba设计的。

Image title

这些插画提示我们,全世界有很多不同的地方值得我们参观。这看起来像是旅行导航应用。它简要描述了地点概况,从而增加应用的吸引力。又一款伟大的作品,来自Anton Chandra。

Image title

Faiz Al-Qurni设计的这组插画和Ghani Pradita的轨道风格很相似,但是也被广泛接受。

Image title

Ivy Mukherjee的这组插画有趣而富有创造力,然而字小了点,不方便阅读。不过这依然是一个非常棒的案例,告诉我们为什么插画在这类设计中扮演了这么重要的角色。

Image title

我很喜欢这种页面,它使用了插画和色彩组合。简单、分散,却很有意义。设计师Mariusz Onichowski的作品。

Image title

下面是来自Anton Chandra的另一款设计。Anton将太空元素运用到他的设计中,包括这个。

Image title

Wayne Baryshev在设计这个页面时,适当性地用插画描述了APP的三个特点:速度、运动和友善。

Image title

Katya Dihich的目的就是使购物体验更加流畅。

Image title

这个是设计师Anggit Yuniar Pradito的启动页作品。它显示预定已成功,并且不介意使用多种颜色来表达。相当简洁哦!

Image title

说到色彩,Dux Nguyen作品的用色可是相当丰富多彩、色泽艳丽。这些色彩无一不告诉你,你可以和朋友一起用这款APP玩游戏和闲聊。

Image title

像这种有趣的插画设计显然会让启动体验更加舒服。如你所想,这屏幕是为花店APP设计的。设计出自Jocelyn Crankshaw,颜色美美哒~

Image title

这个为锁屏设计的启动页也适用于提供天气或者出行信息的APP。色彩运用得很到位!在设计师Xiu Yuan的个人网站中可以找到更多中式风格的设计哦。

Image title

非常有个性的设计对吗?每一个屏幕都用不同的颜色和以人物为中心的插画来强调。想必设计师Min一定乐在其中!

Image title

George Gao选择灰色作为主色,吉祥物是一种很温暖的存在,它出现在每一个屏幕中,使之看起来有良好的延续性。

Image title

Ray Martin的这套设计用于社交类APP。梯度元素在Vue上的运用迸发出惊人的效果。有时候,我们在用色方面只需要再勇敢一点。

Image title


这是为国际通话业务APP设计的页面,设计师是Ivy Mukherjee。亮丽的绿色主题让我想起了WhatsApp。

Image title

设计师Anandu Sivan承担了下面这个APP绘画和设计的所有工作。插画作品在页面上显得幽默而富有创造力。画面没有说明这是个什么程序,但是绘画艺术是一个亮点。

Image title

看到下面这个你一定会想到吃的。Syafrizal Wardhana的插画以连续的、循序渐进的方式连接两个屏幕,这种方式很不错。

Image title

Jinyi Fu提示我们如何将色彩和插画大胆地结合起来。由于缺少文字说明,它好像还是一件半成品。

Image title

我也热衷于使用Wenhui Yu这种描边设计。尽管运用明亮的色彩和美妙的插图的水平一般,但它还是让人感觉轻盈、简单。

Image title

Wenhui Yu还设计了另外一件作品,作品中用照片代替了插图。它为年轻的时尚达人而作,设计师也很支持这款应用哦。

Image title

一本食谱来了!烹饪方式可不只一种。看到这个设计有没有让你想驱车回家研究它的冲动?

Image title

Melvin Johnson把人物画和不同的背景色运用到他的页面上,同时他自己也提到,当因为最初的构想使设计变得有趣起来时,这将会成为设计的一个理念。

Image title

在Carlos Ramos的设计中,插画变成了配角。尽管图不大,也很细致。

Image title

当在电脑或者手机里发现相同的照片时,应用会自动删除掉重复的。这张欢迎页让我们了解到APP的功能。Tetiana Zahorska设计这页面时,背景用色很大胆,而前景图案则是简单的白色线条。

Image title

感谢您 的阅读
喜欢请分享转发给身边的朋友吧

往期精彩推文:

月薪过万UI设计正确的学习步骤:http://dwz.cn/1vYyOBEU


课程资源分享:

photoshop精品案例课程一学就会:http://www.ui.cn/detail/384613.html

全套photoshop零基础人像修饰教程大汇总:

http://www.ui.cn/detail/384613.html

PS精品素材、21款设计常用字体,共15G免费送:

http://www.ui.cn/detail/384613.html




























全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票