一直就很期待,引入了Metro设计理念的wp7的真实操作体验,现在终于如愿了。拿到测试机,首先迅速的过了一遍,第一印象就是界面简单明了,没有华丽的高光、没有跌宕的质感,真的感觉就像在公共场所看到的信息指示牌一样简洁清晰、快速、内容为主。

下面让我们从手机的第一个界面开始看起:

与众不同的解锁界面

Wp7的解锁界面是非常与众不同的。位于中间偏下位置上的时间信息是最吸引人眼球的,即利用了英文在排版设计中的优势又贯彻了一下返璞归真的视觉设计理念,将信息以一种毫无负担的展现方式给用户呈现出来。在时间信息的下面会有短信、闹钟等推送信息。最顶部自然少不了设备电量、信号等系统信息。

整个界面中没有我们已经习以为常的解锁提示,或者“锁”的提示,整个界面看起来更像是一幅画。但是在使用手机的时候,用户一点都不用担心不知道怎么进入待机界面。当用户手指触碰到屏幕上任何地方的时候,手机画面就会有一个模拟重物落地再弹起的拟物动画。

通过这样一个动画提示,相信绝大多数用户都会,尝试着往上滑动界面,那么恭喜你,你已经知道如何来进入待机画面了。显然,这样的动画提示,比任何形式的文字提示都生动、直接的多。界面简洁、干净,操作提示生动、形象且没有任何视觉负担,这就是wp7给我们带来的第一个惊喜。
当用户往上滑动画面,待机界面徐徐展现给到用户的眼前,整个过程犹如大幕拉开一般。这期间有个小细节值得我们注意,那就是解锁界面上的时间信息会随着整个画面的上升而逐渐消失。

在防止误操作造成的解锁问题上,wp7也考虑的非常周到。如果对解锁界面的上滑动作快速有力,即被系统识别为有效操作,会立即进入待机界面。反之,上滑动作缓慢,则需要将锁屏界面上滑至屏幕1/3处才会完成解锁。

简洁清晰的待机界面

完成解锁之后就能看到Wp7的待机界面了。待机界面采用了全新的内容展现和布局形式,不是千篇一律的图标也不是厚重的widget与质感的图标组合,而是采用更为抽象化的界面,大块的方块、超大的字体,让用户一目了然。

在应用图标的内容表现上也根据应用属性的不同,所涵盖的内容也不同。功能类应用,如电话、邮件等会以单×××标来展现功能,当有新消息或未接来电等,会在图标边上显示相应的数字;

信息类应用,如联系人、图片等就会以联系人照片、部分图片内容来展现。

从应用的图标的信息构成上来看,我们可以把每个图标分成三层来看待:最底层是背景图也可以是系统的色块,中间一层是应用的名称,最上面是推送的信息。

对各应用入口的编辑可以通过长按,然后激活应用入口的编辑状态,来进行位置的调整和删除操作。位置的调整可以通过手指的拖拽来完成,删除操作则是通过点击当前激活应用的右上角图标来完成。完成操作之后点击任意空白区域就可以退出编辑状态。

在待机界面向左滑屏或者点击右上角有个向右的箭头,就进入了应用程序列表。同理,在程序列表页点击左上角向右的箭头或者向右滑屏就能回到待机界面。程序列表中图标大小都为62*62px,在保证不易误点的情况下,可以尽可能多的展现列表内容。

在应用程序列表,用户可以通过长按某个应用,然后激活对其的编辑菜单从而进行卸载、添加到待机界面,以及查看热度和进行评论的操作。

画卷般的全景视图

要说wp7中的应用,就不得不先介绍一下Panorama,即全景视图。它是由Metro的引入而带来手机界面上的重大变革,它不同于以往的任何一个手机系统的用户界面。不再是让你的内容去适应狭小的手机屏幕,也不再是在不同的窗体之间来回切换。它提供了一种全新的视图,在水平方向上扩展内容到屏幕之外,来展现/集成不同的控件、数据和服务,就好像把它们排布在一张横轴的画卷上。当前可视区域所停留的部分,只是手机屏幕的大小部分,就好像画卷上的一个滑动窗口。用户所需要做的只是轻轻地在界面上横向滑动手指,这张画卷就会随之而动将你想要看的内容带到你眼前的焦点区域。

wp7中的所有应用都是采用这种架构来实现的。不论在视觉还是在交互上都是区别于以往其他任何手机中的程序的。这点相信会给用户带来更多的新鲜感

新颖的动画效果

如果说wp7的特点就这些的话,那它也不足以引发这么大的影响。除了新创的Metro理念以及panorama的全景视图外,在视觉特效上也是相当给力的。比较有代表性的是流畅的滑屏效果、层级进出之间的翻页效果以及动态的载入动画。
滑屏效果,流畅的横向滑屏是与全景视图紧密相关的衍生品。

由于采用了全景视图,所以在当前屏是可以在右侧看到横向的下一屏的一部分内容的,这也给横向滑屏的动画做好了铺垫,使得实际在滑屏操作时真的有再看画卷一样的体验。
翻页动画,在不同类型的页面中,它的具体表现形式也是有所不同的。
待机画面的翻页动画,当用户在点击一个应用之后,被点击的应用本身暂时不动,其他应用一起向外翻(向左翻)走,类似翻书,然后被点击的应用也跟着单独向外翻出。给人感觉就像打开了一扇神奇的门似地,不论是语义还是动画都传达了一种开启的感觉,很符合打开应用这样操作。

内容列表的翻页动画有三种,一种是进入文字列表项时——向外翻(向左翻)、一种是退出文字列表项时——列表项逐条向里翻(向右翻),还有一种是退出整个页面内容——整个页面一起向里翻(向右翻)。感觉上就像迎面打开,和随风消逝的感觉。

Wp7是一个款非常有突破性的系统,它带给我们的不仅仅是视觉上的冲击,更多的是设计理念上的开阔。相信伴随着wp7上的应用的丰富,它会带给我们更多惊喜。

【本文首发于:百度用户体验部】http://mux.baidu.com/?p=928

【关注百度技术沙龙】

转载于:https://blog.51cto.com/baidutech/747647

简单而不简陋﹣wp7视觉点滴相关推荐

  1. Google SketchUp 7——简单而不简单

    自从在VeryCD下了个Google SketchUp 7后,这两天就一直在研究这个. 话说我在3D领域是一个骨灰级菜鸟,3Ds MAX摸了无数次也没入过门,而在SketchUp中却瞬间找到了感觉,很 ...

  2. Flash打造简单的飘雪动画视觉特效

    好看而常见的动画特效,下雪动画的制作过程,适合Flash初学者的一个教程,教程中仅仅用一个最简单的AS代码!其实Flash很简单啊!先看下效果:(教程中用的背景图片有点大,请您耐心等待,在线欣赏效果) ...

  3. arm64的mov指令,简单而不简单

    小明同学正在学习笨叔的<arm64体系结构与编程>,发现简单的mov指令还真不简单.下面两条mov指令,为啥一条可以,另外一条不行呢? 下面这条指令,可以编译通过. mov x0, 0xf ...

  4. C语言:简单而不易懂的声明(二)

    2019独角兽企业重金招聘Python工程师标准>>> 今天编了个程序,把C语言的声明翻译成普通的语言,就能让大家明白C语言声明的含义.虽然这个程序有无数个版本,也被编写过无数次,通 ...

  5. 【Python】简单而不简约:一份Python小抄奉上

    公众号:尤而小屋 作者:Peter 编辑:Peter 大家好,我是Peter~ 本文主要是对Python中常见的6种数据类型操作进行了汇总: Numbers(数字) String(字符串) List( ...

  6. 简单而不平凡的杨辉三角

    杨辉三角,又叫做贾宪三角形,帕斯卡三角形.它在中国最早由贾宪在<释锁算术>中提出,后来南宋数学家杨辉在所著的<详解九章算法>中进行了详细说明. 杨辉三角中的三角形数表,是自然界 ...

  7. 简单而不平凡-登陆验证

    近来闲来无聊,随手写了一下登陆验证,挑选了两种比较方便的方式,奉献给大家 第一种 vue+localStorage router.beforeEach((to, from, next) => { ...

  8. 帝国CMS资讯自适应HTML5响应式源码,简单而不简约自适应HTML5响应式文章新闻帝国CMS网站模板整站手机...

    版本更新 模板已经适配到最新帝国CMS7.5(部分早期源码模板没有适配到最新)!截止2019-持续追踪更新针对机房黑产利用,和帝国CMS一个XS漏洞利用方法的堵截!正式版已补,请已运营的小伙伴找我查看 ...

  9. 第三次作业-介绍一款原型设计工具

    课程:软件工程综合实践专题  学号:1759214 介绍一款原型设计工具:Mockplus http://www.mockplus.cn 如今是一个快节奏的社会,每一天都会有无数的软件发布,每一款软件 ...

最新文章

  1. java file_Java IO: File
  2. Could not decode a text frame as UTF-8 的解决
  3. C++ 虚函数成员和纯虚函数
  4. jvm oracle sun,JVM - 常见的JVM种类
  5. Bootstrap Glyphicons图标
  6. mysql数据库版本常用_推荐:经典版本常用MySQL的命令集锦_MySQL
  7. 免费的开源软件那么“香”,为何他们宁愿花钱去买软件?
  8. jQuery LigerUI 插件介绍及使用之ligerTree
  9. 如何在微博侧栏中加入自己的微博[js]
  10. Linux运维的黑客之路
  11. 内核抢占机制(preempt)
  12. 2017华为笔试题3
  13. 动软代码生成器生成数据库文档 (转载)
  14. 北京邮电计算机学院保研概率,北京邮电大学计算机学院(专业学位)计算机技术保研细则...
  15. java8 时间加一秒_都9012了,Java8中的日期时间API你还没有掌握?
  16. c语言编程三角形面积计算,c语言计算三角形面积代码
  17. CenOS7 搭建无人值守安装服务器
  18. unity操作详细教程
  19. [译] 海量视频时代下的内容发现之旅
  20. 如何一键制作DTS Audio DVD、AC3 Audio DVD、WAV Audio DVD纯音乐碟片

热门文章

  1. FineReport单行与数据库交互的方法
  2. 2015华为校招机试面试
  3. Elementary OS 系统Java8环境的配置
  4. Node.js Undocumented(2)
  5. 伍迷随想冷饭集 之 瞻前顾后之随想
  6. linux多线程求和_linux 多线程信号处理总结
  7. python用for循环求10的因数_python for循环练习(初级)
  8. 关于epoll,select,poll的理解
  9. Java多线程之静态代理
  10. linux进阶命令2