今天看到Panorama Application全景视图感觉很奇特。
CommonUI Elements
全景应用的用户接口由4层类型组成:背景图片、全景标题、全景区域和全景区域标题,它们有各自独立的动作逻辑。
下图表示基于图片的元素
下图表示基于文本的元素
BackgroundImage
(图片背景)
背景图片位于全景应用的最底层,由它来给出类似于杂志的体验。背景图片通常是一张全景图,它可能是应用程序最直观的部分。如何创建一个好的应用体验,我们在设计过程中,必须牢记以下因素:
· 利用单色的背景,或者是跨度为整个全景的图片。如果你决定使用图片,从大小来考虑,你可能会使用JPG图片,但是Silverlight支持的任何UI图片类型都是可以接受的。
· 可以使用多个图片作为背景,但是在任一时刻,只能显示其中一张。
· 为了确保良好的程序性能,最少的加载时间,并且无需剪裁,图片大小应该在800 x 480和800 x 1024像素(高x宽)中选择。
· 对于一个具备4个全景区域的应用,使用16 x 9的屏幕高宽比。
· 为了提高文本的易读性,使用一个透明的黑色或者白色过滤器。
· 在动态UI元素上,避免使用下拉阴影效果(drop-shadow effects)。
· 使用一定比例的与panning手势相关的动作,该panning手势和顶层内容宽度与背景图片的宽度比例有关。
· 只有背景艺术出现在应用中时,才使用动画。
· 当用户的pan手势超出图片的宽度时,关闭并且返回可见区域。