仿Metro UI界面的触摸屏设计

本篇转载自公众号:电气CAD论坛
今天给大家介绍一种触摸屏界面设计风格,大部分内容、图片来源于网络,我在这里做个整理,以供电友们参考!
源自瑞士的设计风格:Metro UI,求本溯源,Metro UI是基于瑞士平面设计原则,其最初在Windows XP的Windows Media Center就中有体现,这有利于以文字为主的界面导航。2006年著名的Zune播放器开始使用类似Metro的设计风格。

仿Metro UI界面的触摸屏设计
微软的设计师计划重新设计现 有用户界面、更清爽的排版和较少的重点以便于用户使用。Zune的桌面客户端程序也使用了不同于以往Portable Media Center用户界面,其清爽排版和设计给用户耳目一新的冲击。
仿Metro UI界面的触摸屏设计

Metro UI界面具有如下特点


1. 干净、轻量、开放、快速
2. 要内容,而不是质感
Metro UI是一种界面展示技术,Metro界面强调的是信息本身,而不是冗余的界面元素。显示元素的主要是提示用户“这儿有更多信息”。

仿Metro UI界面的触摸屏设计
仿Metro UI界面的触摸屏设计

颜色:


Metro UI共提供10种配色方案。它们分别是:

红色:E51400

绿色:339933

蓝色:1BA1E2

橙色:F09609

草绿:8CBF26

湖蓝:00ABA9

洋红:FF0097

粉色:E671B8

棕色:996600

紫色:A200FF

在Metro风格的应用程序中,背景色可以选择以上的任何一种颜色,但是,微软还是推荐最下面三种。也就是灰、黑和白。

至于字体颜色,获得推荐的Metro风格的颜色只有两种,就是黑色(000000)和白色(FFFFFF)。
仿Metro UI界面的触摸屏设计

下面是来自工控人家园中drw_08的所设计的部分界面:
仿Metro UI界面的触摸屏设计
仿Metro UI界面的触摸屏设计
仿Metro UI界面的触摸屏设计
仿Metro UI界面的触摸屏设计
仿Metro UI界面的触摸屏设计
仿Metro UI界面的触摸屏设计
仿Metro UI界面的触摸屏设计
仿Metro UI界面的触摸屏设计
仿Metro UI界面的触摸屏设计

免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。

您必须遵守我们的协议,如果您下载了该资源行为将被视为对《免责声明》全部内容的认可->联系站长投诉资源
电气CAD论坛资源大都来自原创,也有少部分来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:cad-bbs@qq.com
电气CAD论坛-EPLAN教程 ACE教程 » 仿Metro UI界面的触摸屏设计
微信公众号:电气CAD论坛
关注我们,获取更多的优质资源!
这里有2W+多个小伙伴已经关注了哦
分享到:
赞(0)

评论抢沙发

评论前必须登录!