实例:如何设计一款好的Metro UI应用

 时尚类应用是一个非常挑剔的领域,它们往往包含大量高质量的图像素材、同时需要拥有脱颖而出的独特风格。开发者 Vangos Pterneas 表示,如何保持应用本身的个性,同时协调 Metro 风格是在设计时需要仔细考量的问题。

这款应用的设计本身很简单,借鉴了 Windows Phone 应用市场的方格图标样式、粗体标题、淡色次标题、字母大写等风格、同时将设计师的作品应用到界面元素中,体现出了应用本身的个性。这款应用有哪些值得借鉴 的设计思路呢?

使用与内容、品牌相关的素材做为应用的设计元素

谈谈Metro UI与Windows Phone应用

在默认情况下,Windows Phone Metro UI 的应用背景被设定为单一纯色。乍看上去,这会使内容本身凸显出来,但一方面采用单调的背景会让用户产生厌倦感,另一方面这也让应用本身失去了自己独特的设计感。

对于 Vassilis Zoulias 这一款应用,其每一个子板块都采用了与内容高度相关的、设计师自己的作品做为背景,这使得应用的背景本身得到了充分的利用,凸显了设计师的个人风格。此 外,在主界面还采用了 T 型台视频作为应用的背景,这带给用户的视觉冲击是非常显著的。与之类似,HTC Hub 采用的动态天气背景也同样让人眼前一亮。

但在进行设计时需要注意的是,设计元素本身不能喧宾夺主。Metro UI 的核心毕竟仍然是文字内容,设计元素如果太过于花哨,很可能分散或影响用户对于内容本身的关注。目前大多数应用在个性化方面都采取了比较隐性的设计风格, 或是淡化的个性化背景、或是应用首尾的品牌设计元素。

谈谈Metro UI与Windows Phone应用

(责任编辑:王鹏飞)