zoukankan      html  css  js  c++  java
  • [转]2013年,移动App设计的13大精髓

           对于刚刚过去的2012年,你最想说什么?2012年的移动开发领域足以用“风起云涌,瞬息万变”来形容,移动应用市场蓬勃发展也让众多的移动应用开发者获利匪浅,也由此涌现出了许多优秀的应用设计,随着用户的品质需求的上升,App界面设计也被提升到了全新的高度。移动应用实现了从互联网到移动设备的成功蜕变,从用户角度出发,对视觉、风格、操作方式、架构、内容呈现等各个方面进行设计挖掘,从而打造出最为精致的应用。为此,国外著名的应用设计师Gannon Burgett结合自身实战经验总结了2013年App设计发展的13大趋势。

    1. 扁平化设计

    \

    在如今的App设计领域,提到扁平化设计自然少不了典型的苹果style之一——Skeumorphism。何谓Skeumorphism?根据维基百科的解释,Skeumorphism指的是一个产品的设计元素模仿了某个原创产品的设计元素,只不过这个设计元素在原创产品那里具有某种功能,而在模仿者这里却只是个装饰摆设而已。尽管就连乔布斯都非常热衷于Skeumorphism设计风格,但即使对物理实体的视觉渲染做得再出色,也只不过是画皮式的视觉自慰。在用户体验至高无上的App设计领域,滥用形式模仿主义势必会对用户造成困惑,这就是为什么主打极简主义的扁平化设计风格会风行的原因之一。

    扁平化设计由来已久,使用扁平化设计的开发者也不在少数,但对于大多数开发者而言,扁平化一定不会是设计首选,在2012年微软Windows 8的推动下,扁平化设计进入了一个全新的境界。

    \

     图:Windows 8

      
    Windows 8是微软围绕扁平化UI设计的一个全新的系统,其中大部分是围绕着Windows UI(即之前的Metro UI)和实时图块(Live Tiles)。通过XBOX控制面板进行启动,然后围绕其扁平化设计进行系统加载,尽管Windows 8并不能说是完美无缺的,但无可否认的是主打扁平化设计界面的Windows UI彻底征服了世界。

    \

     图:Rise

      
    这是扁平化设计在界面设计中的运用,那在应用中呢?利用扁平化设计最为充分的应用是一个名为Rise的闹钟应用。Rise的整个UI设计没有运用任何形式的三维元素,界面从头至尾都非常清爽美观。当你合理运用应用中所设置的梯度进行闹钟设定时,你一定会得到一个最让人期待的完美闹钟。当然,实用的闹钟不会太过深奥,而Rise的导航和UX就很有力地证明了扁平化设计的好处,让一款应用变得更加简单,而在视觉上却非常具有吸引力。

      
    扁平化设计并非适用于所有的应用程序,无论风格如何,界面形式都取决于其实际功能,但无可否认的是,如果想要让应用的UI实现突破,对于设计师及开发者而言,扁平化设计可谓是一个最好的方法。

      
    2. 更少的按钮,更多的手势

      
    对于应用设计来说,如果想要整体界面美观大方,扁平化设计当然是个好法子,但除此之外,不可或缺之一就是必须为按钮做减法,既能减少必要的传统导航元素的数量,也能有助于避免界面紊乱。

    \
      图:更少按钮


     

    这方面谷歌地图就是很好的例子,无论是扁平化设计还是为按钮做减法,都无可挑剔。当然,不是所有人都认为在应用设计中手势是最好的选择,随着扁平化设计的普及,还有什么能比手势更适合你的应用呢?

    \

     图:更多手势

      
    3. 可理解的辅助动画

      
    当你没有按钮或可以进行选择操作的图标时,你可能会对如何才能保证达到某种效果感到不知所措,这时,可理解的辅助动画绝对称得上是战略性的举措。虽然在现在的应用中使用并不多见,但无可否认的是,在帮助用户完成某项任务操作时稍许的动画绝对是最好的法子。

      
    到目前为止我发现的最好的例子就是iOS锁屏上的相机图标。很多不太熟悉iOS的用户可能更多的依赖于屏幕滑动。不用做其他任何事情,只是小小的弹跳滑动动作并可实现某项操作,这也很好地让不了解的用户对于如何正确使用它给予了视觉上的提醒和暗示,通过这种暗示,用户也能够迅速熟悉起来。

    \


    通过提供一些小动画作为辅助,可以围绕UI引导人们不会因为按钮扰乱它,这是权衡之下最小也最为突出的视觉提示之一。

      
    除了辅助,在动画和转场效果方面还有另外一种很有效的方法,即微流动。应用程序的用户体验很多时候成也动画败也动画,如果用户对于应用设计布局等均感到自然舒适,即使存在小瑕疵也会使得用户体验更加良好也更有价值。

      
    4. 左侧导航菜单

      
    回首2012年的App设计,大多数的应用程序在进行菜单设计时都会选择使用左侧导航菜单,但我认为在2013年它势必会更为普遍。无可否认,左侧导航菜单的的确确是显示选项列表操作的一个非常简单而效果却非常惊人的方式。

    \
    图:Myspace的左侧导航菜单


    一个很好的例子就是Marco Arment的杂志应用,如果你按住菜单按钮3秒就会出现菜单,这也是商业化中一个最好的显示方式。因此作为一个可视化的表达方式,左侧导航菜单在未来一定会更为普遍。

    9. 大搜索框

      
    无论是社交网络还是应用领域,搜索正在扮演着越来越重要的角色。这方面,设计师Scott Thomas的The Noun Project和全新的Myspace(点击查看视频演示)就充份利用了大搜索框的优点,而在刚刚过去的一年中,谷歌搜索第一次达到稳定,我相信这是因为在搜索上有了更多的专有形式,而不是一个已经被过度推广的方法。

    \

    图:The Noun Project

      
    尽管这并不是指大型的字段检索,而著名的社交应用Path在为他们的服务量身定制的独一无二的搜索功能上做了很大的付出,在此也期望大搜索框使用越来越多,进而成为一种应用潮流。

    \

     

     图:Path

  • 相关阅读:
    Qt编写数据可视化大屏界面电子看板4-布局另存
    Qt编写数据可视化大屏界面电子看板3-新建布局
    Qt编写数据可视化大屏界面电子看板2-配色方案
    Qt编写数据可视化大屏界面电子看板1-布局方案
    Qt编写自定义控件19-图片背景时钟
    Qt编写自定义控件18-魔法小鱼
    AngularJS概述-3D
    controller与requestmapping
    Maven pom.xml 报 Missing artifact jdk.tools:jdk.tools:jar:1.7
    大数据究竟是什么
  • 原文地址:https://www.cnblogs.com/meizixiong/p/2870437.html
Copyright © 2011-2022 走看看