安卓APP设计规范·UI·UE-2015年(部分)

移动应用在人们的生活中越来越重要,人们可以通过APP进行上网、聊天、购物等等。而且随着移动互联网的发展,APP的设计的变更也变得更快了。BESD设计实验室结合今年流行的设计趋势和一些实验调研后,在新的一年即将来到之际为大家带来2015年的移动应用设计趋势建议。

1.特效的平滑

68317

移动应用的页面切换、放大、缩小、滑动等等的特效都应该更加平滑,这样可以带来平滑无缝的用户体验。

2.更多的滑动

移动应用上的点击交互会逐渐被滑动所代替,滑动可以带来更愉悦的使用体验。

3.更强的自适应

layout-principles-responsive-responsive-01_large_mdpi

随着越来越多的智能设备,各大厂商是否有考虑在不同的设备上具有统一的视觉标准?在谷歌的Material Design中我们可以看到一个强大的自适应能力,也许未来一个APP可以同时用在手机、平板、电脑、手表、眼镜等等。

4.数据的可视化

igraphicsexplainedpanthersclaw1

在今年的移动应用中,我们可以看到越来越多的APP上显示的数据更加的可视化和直观。数据的表现也越来越丰富,有饼状、柱状、曲线、图案等等。数据的可视化可以使用户更快和更轻松的获取数据。

5.更多的图片

20141229150949

2014在网页和APP上都开始流行大图背景、幽灵按钮。既提升了视觉表现力度,又丰富了APP情感化元素。而且随着移动网速的不断提升和wifi的普及,移动应用上将会出现更多的图片。

6.更快的直达

移动应用在结构上将会更加扁平,从深到广,从多到简。在设计上将会减少入口来帮助用户更快的找到自己所需的功能,功能上也将会从不断增加变化到不断专精。

7.更少的底部

20141229151720

底部的操作栏上的图标和选项将会更少,我们建议从5或4个降低到3个。图标的减少可以使操作更加简单、选择时的思考更加短暂。我们应该只将最重要最常用的图标放置在底部。

8.更好的引导

随着入口的减少,一个刚使用应用的用户需要一个更好的引导来帮助自己熟悉这个应用。

9.更美的字体

u=558728967,4002803937&fm=23&gp=0

随着各移动系统的设计规范逐渐统一和技术的愈发成熟,移动应用将会有更美观的字体。比如在2014年Adobe就与Google宣布推出一款新的开源字体-思源黑体,思源黑体比微软雅黑等中文字体更适合在移动设备及高分辨率屏幕上呈现。

10.更多的卡片

55464

卡片化的设计非常适合自适应,通过将内容模块化从而获得更强大的自适应能力和更强的排版能力。

11.隐藏的导航

导航将会从横向的导航逐渐转变为隐藏式、抽屉式的导航,如汉堡按钮等等。

12.更多的颜色

在将来的移动设计中将会有更多的颜色搭配和更鲜艳有趣的主色调,不再是稳重和单一统一整个移动设计。而利用颜色的深浅来作为搭配色的设计也将会越来越多。

google

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

(0)
Smiler李想Smiler李想
上一篇 2015-01-08 12:41
下一篇 2015-01-08

相关推荐

  • 在网页设计中运用柔和色调

    小编推荐:看一些让人舒服的设计的时候 总是会发现,人家的用色大部分都很柔和,一些温暖人心的设计总是有一些共同特点,网页设计中也有一些使用柔和色调的方式~

    2015-01-08
  • 苹果也中枪!拿什么拯救尴尬的UI界面?(一)

    你是否体验过死气沉沉的交互界面?或者你又是否曾感到自己设计的UI界面总是缺了点什么?如果你经历过上述的情况,那么你应该就体验过“尴尬”的UI界面。收下这篇全是干货的文章,拯救你的尴尬症! “尴尬”的UI界面就好…

    UI设计 2015-09-17
  • 如何使用Sketch3创建APP原型

    自从Fireworks逐渐衰落之后, 我一直在找其他好用的app和网站设计工具。后来我发现,只需用Sketch再加上其他一些简单的工具,就能构成一条非常不错的设计生产线。 在这篇文章中,我将谈谈我是如何利用Sketch搭配Flin…

    2015-06-29
  • Affinity Photo 最新破解版–PS真的遇到对手了,这里是 for Mac1.3.4免费下载!

    应网友要求更新。Affinity Photo已公布其在Mac App Store的最终版本。最终版本拥有众多专业高端功能,如Raw处理、PSD导入和导出、16位通道的编辑和ICC色彩管理以及兼容大量图片格式。Affinity Photo充分利用了Mac O…

    2015-08-12
  • 人机交互 (HCI) 交互设计 (交互设计) 的区别是什么?

    作为一个PM当然非常需要注重产品在使用过程中的一些交互体验,可是广义的人机交互和交互设计又有什么区别呢?让我们来看看知乎里别人都是怎么回答的吧。

    2014-12-30
  • 淘宝2017设计升级

    这是手淘首次以设计为主导的版本升级,我们一步步地将公司的设计战略分解成产品体验方向,从设计概念落地到界面设计语言,在执行过程中又不断地平衡各种设计细节,才有最终的设计产出。所有的改变都是为了给用户营造更加良好体验的购物体验。

    UI设计 2017-03-14
  • 使用 Sketch 搭建动态布局

    如果你在设计交互,你可能会经常遇到一些重复性的元素,比如列表中的行,或者网格化元素。尽管Sketch提供了一些方法,通过使用Symbols将一些样式应用到元素中,但如果你想让布局更有适应性或者动态变化,它恐怕就很…

    2017-12-28
  • 微信网页设计样式库发布

    微信网页设计样式库发布 为帮助网页开发者实现与微信客户端一致的视觉体验,并降低设计和开发成本,微信团队推出了网页设计样式库:WeUI。 该样式库目前包含 button (按钮)、cell (单元格)、toast (浮层提示)、dial…

    2016-01-24
  • 『真实』两个女设计师:一个互联网新手,一个30岁面临艰难选择

    编辑:我是UE网-@Tina爱学习  责任校对:@Tina爱学习 两个真实的经验送给互联网从业的设计师。 NANA 女 产品设计师  今年三十岁 传统软件企业 图片来自:unsplash 前几天Tina问我:好久不见,最近在忙什么?我说:…

    2015-06-02
  • 静电的SKETCH教室,全套教学视频免费分享下载。

    “静电的sketch设计教室”教学视频,对于新手自学来讲非常的合适,感谢静电,讲解的非常的清晰明了,视频就在这儿,剩下的就需要你付出时间去学习咯,祝大家学有所成!链接: https://pan.baidu.com/s/1iIbE-DI_yHLayj7wue49yQ 密码: mw25·—END—·

    2018-04-18