技术开发 频道

Windows 8.1响应式应用程序设计参考

  【IT168 现场直播】2013年12月5日消息,作为IT业界的顶尖技术年度盛会,以“创新、开放、社区”为主题的TechEd 2013微软技术大会于12月5日-6日在北京国家会议中心举行,预计有162名国内外技术专家登台演讲,140余场讲座、50余场动手实验室,以及数千位微软专业技术人员、合作伙伴、行业权威、专业人士共同打造国内优异技术分享盛宴。

微软贺乐斌:技术人员是时代的引领者
▲更多精彩请点击IT168直播专题

  Windows8.1在交互体验上提供了更多的触控可能性,更多的活动磁帖,更多的多屏幕尺寸响应,使得新的Windows商店应用具有更佳的可用性。本课程从理论到实际案例进行充分讲解,帮助设计师和开发者为沉浸式的Windows应用设计更丰富的体验场景,充分发挥Windows8.1和触屏PC的独特优势。

Windows 8.1响应式应用程序设计参考
▲Teched现场

  现场微软专家表示:在设计和开发的时候确定最小500像素的时候布局和功能是完整的,768是最小高度,必须要沾满这个高度。应该用自适应的控件安排内容;不要采用绝对定位,已满大屏幕时图标显示过小;横屏左右滑动,竖屏或者Snap View上下滑动;注意输入框不要被软键盘遮挡。

Windows 8.1响应式应用程序设计参考
▲Windows 8.1启动界面

  采用矢量元素,比如SVG,对于存储在App里的位图元素应该提供不同的尺寸(100%、140%、180%),在命名和开发是要符合要求。

  Windows 8.1相比Windows 8增加了动态磁帖,目前应用商店中很少有非常大的动态磁帖应用,如果大家能够使用上的话效果会非常好。

  Windows 8.1全面更新了应用商店,在windows 8时非常的简单,开发者应该严格的遵守设计规范,使用任何的形状都可以并不是严格的方块,但是必须是可以横向移动的。应用也可以做成竖屏,比如针对Surface做的阅读类的应用,但是必须兼顾横屏。

  可以使用大面积的图片,将一些图标隐藏,在进行交互的时候出现。使用一些直接的形状,整体的结构展现出的信息比较清晰。

  如何根据Windows 8.1的不同设备设计更好的应用

  什么事响应式的应用设计?

  现在是一个多屏的时代,用户拥有对各种设备的选择权,我们很难控制用户的需求。整个网页随着终端的大小变化,而响应式的应用设计主要针对不同的设备进行适配。采用Media Query调用不同的CSS;内容和设计紧密结合,不同的设备功能的差异化。

  Windows平台的用户可以有多重选择,各式各样的设备和屏幕尺寸,横屏和竖屏,因此创建Windows应用有更高的挑战。因此要有自适应的要求。

  Windows 8.1对多任务窗口的操作更加灵活。更大的屏幕上可以看更多的应用,可以同时查看视频、邮箱等等,在这种情况下要保证应用的稳定使用。

  Windows 8.1的排版非常丰富,还可以有大图,增加效果。自适应的好处在于,比如在分辨率比较低的屏幕上显示两行内容,但是在分辨率高的大屏幕上可以自适应的展现三行内容,做到了将内容最大的呈现给用户。

  关于Windows 8.1平台应用程序设计有如下的建议:

  1、以内容为中心的设计:做到内容就是设计,做到把图片拿掉之后什么也不是,呈现的内容都是最好的,保证了设计是最好的;

  2、网格化的布局和边到边的设计:不要被规则牵着走,还可以用更丰富的交互;

  3、运用motion来丰富体验:扁平化的设计不意味着扁平化的体验,实现三维立体的感觉;

  4、利用好顶部的App Bar:小小的地方承载了很多。不一定是做导航,也可以放搜索;

  Windows 8.1自适应应用设计的两个方向:

  1、等比放大:比如游戏类的应用,在内容排版非常丰富的情况下。

  2、内容布局变化:比如传统的电影海报,大小是不变的,但是屏幕更大的情况下可以展现更多的海报内容。

  尽管从WIndows 8到Windows 8.1仅仅有0.1的升级,但是SDK中提供了很多很棒的体验和一些feature。开发工具中提供了很多的开发快捷方式,很容易的发现和解决问题,比如一个所见即所得的窗口。

0
相关文章