班级网站开发,wordpress根据喜好显示,网页设计实训心得体会500字,化工企业网站建设一直就很期待#xff0c;引入了Metro设计理念的wp7的真实操作体验#xff0c;现在终于如愿了。拿到测试机#xff0c;首先迅速的过了一遍#xff0c;第一印象就是界面简单明了#xff0c;没有华丽的高光、没有跌宕的质感#xff0c;真的感觉就像在公共场所看到的信息指示… 一直就很期待引入了Metro设计理念的wp7的真实操作体验现在终于如愿了。拿到测试机首先迅速的过了一遍第一印象就是界面简单明了没有华丽的高光、没有跌宕的质感真的感觉就像在公共场所看到的信息指示牌一样简洁清晰、快速、内容为主。 下面让我们从手机的第一个界面开始看起 与众不同的解锁界面 Wp7的解锁界面是非常与众不同的。位于中间偏下位置上的时间信息是最吸引人眼球的即利用了英文在排版设计中的优势又贯彻了一下返璞归真的视觉设计理念将信息以一种毫无负担的展现方式给用户呈现出来。在时间信息的下面会有短信、闹钟等推送信息。最顶部自然少不了设备电量、信号等系统信息。 整个界面中没有我们已经习以为常的解锁提示或者“锁”的提示整个界面看起来更像是一幅画。但是在使用手机的时候用户一点都不用担心不知道怎么进入待机界面。当用户手指触碰到屏幕上任何地方的时候手机画面就会有一个模拟重物落地再弹起的拟物动画。 通过这样一个动画提示相信绝大多数用户都会尝试着往上滑动界面那么恭喜你你已经知道如何来进入待机画面了。显然这样的动画提示比任何形式的文字提示都生动、直接的多。界面简洁、干净操作提示生动、形象且没有任何视觉负担这就是wp7给我们带来的第一个惊喜。 当用户往上滑动画面待机界面徐徐展现给到用户的眼前整个过程犹如大幕拉开一般。这期间有个小细节值得我们注意那就是解锁界面上的时间信息会随着整个画面的上升而逐渐消失。 在防止误操作造成的解锁问题上wp7也考虑的非常周到。如果对解锁界面的上滑动作快速有力即被系统识别为有效操作会立即进入待机界面。反之上滑动作缓慢则需要将锁屏界面上滑至屏幕1/3处才会完成解锁。 简洁清晰的待机界面 完成解锁之后就能看到Wp7的待机界面了。待机界面采用了全新的内容展现和布局形式不是千篇一律的图标也不是厚重的widget与质感的图标组合而是采用更为抽象化的界面大块的方块、超大的字体让用户一目了然。 在应用图标的内容表现上也根据应用属性的不同所涵盖的内容也不同。功能类应用如电话、邮件等会以单×××标来展现功能当有新消息或未接来电等会在图标边上显示相应的数字 信息类应用如联系人、图片等就会以联系人照片、部分图片内容来展现。 从应用的图标的信息构成上来看我们可以把每个图标分成三层来看待最底层是背景图也可以是系统的色块中间一层是应用的名称最上面是推送的信息。 对各应用入口的编辑可以通过长按然后激活应用入口的编辑状态来进行位置的调整和删除操作。位置的调整可以通过手指的拖拽来完成删除操作则是通过点击当前激活应用的右上角图标来完成。完成操作之后点击任意空白区域就可以退出编辑状态。 在待机界面向左滑屏或者点击右上角有个向右的箭头就进入了应用程序列表。同理在程序列表页点击左上角向右的箭头或者向右滑屏就能回到待机界面。程序列表中图标大小都为62*62px,在保证不易误点的情况下可以尽可能多的展现列表内容。 在应用程序列表用户可以通过长按某个应用然后激活对其的编辑菜单从而进行卸载、添加到待机界面以及查看热度和进行评论的操作。 画卷般的全景视图 要说wp7中的应用就不得不先介绍一下Panorama即全景视图。它是由Metro的引入而带来手机界面上的重大变革它不同于以往的任何一个手机系统的用户界面。不再是让你的内容去适应狭小的手机屏幕也不再是在不同的窗体之间来回切换。它提供了一种全新的视图在水平方向上扩展内容到屏幕之外来展现/集成不同的控件、数据和服务就好像把它们排布在一张横轴的画卷上。当前可视区域所停留的部分只是手机屏幕的大小部分就好像画卷上的一个滑动窗口。用户所需要做的只是轻轻地在界面上横向滑动手指这张画卷就会随之而动将你想要看的内容带到你眼前的焦点区域。 wp7中的所有应用都是采用这种架构来实现的。不论在视觉还是在交互上都是区别于以往其他任何手机中的程序的。这点相信会给用户带来更多的新鲜感 新颖的动画效果 如果说wp7的特点就这些的话那它也不足以引发这么大的影响。除了新创的Metro理念以及panorama的全景视图外在视觉特效上也是相当给力的。比较有代表性的是流畅的滑屏效果、层级进出之间的翻页效果以及动态的载入动画。 滑屏效果流畅的横向滑屏是与全景视图紧密相关的衍生品。 由于采用了全景视图所以在当前屏是可以在右侧看到横向的下一屏的一部分内容的这也给横向滑屏的动画做好了铺垫使得实际在滑屏操作时真的有再看画卷一样的体验。 翻页动画在不同类型的页面中它的具体表现形式也是有所不同的。 待机画面的翻页动画当用户在点击一个应用之后被点击的应用本身暂时不动其他应用一起向外翻向左翻走类似翻书然后被点击的应用也跟着单独向外翻出。给人感觉就像打开了一扇神奇的门似地不论是语义还是动画都传达了一种开启的感觉很符合打开应用这样操作。 内容列表的翻页动画有三种一种是进入文字列表项时——向外翻向左翻、一种是退出文字列表项时——列表项逐条向里翻向右翻还有一种是退出整个页面内容——整个页面一起向里翻向右翻。感觉上就像迎面打开和随风消逝的感觉。 Wp7是一个款非常有突破性的系统它带给我们的不仅仅是视觉上的冲击更多的是设计理念上的开阔。相信伴随着wp7上的应用的丰富它会带给我们更多惊喜。 【本文首发于百度用户体验部】http://mux.baidu.com/?p928 【关注百度技术沙龙】 转载于:https://blog.51cto.com/baidutech/747647