5个Metro风格的网页UI设计浅析
关关 2018-06-07 来源 : 阅读 2965 评论 0

摘要:Metro本意是地铁,Metro风格设计和灵感来源正是来源与机场和地铁系统所使用的视觉语言。希望阅读本篇文章以后大家有所收获,帮助大家对网页UI设计的理解更加深入。

     Metro本意是地铁,Metro风格设计和灵感来源正是来源与机场和地铁系统所使用的视觉语言。

     Metro设计具备以下五点原则: 

      1.干净、轻量、开放、快速

      2.要内容,而不是质感

      3.整合软硬件

      4.世界级的动画

     5.生动,有灵魂

     这些设计原则都基于这样一个原则,就是所有的UI元素都应该实实在在的数字化,并附以和谐的,功能化的,吸引人的视觉元素。应用程序应该用探索精神和激动人心的视觉设计去打动用户。       

      metro UI是由微软公司开发的内部名称为“ typography-based design language”(基于排版的设计语言)。最早出现在微软电子百科全书95,后来的产品如:windows媒体中心、Zune播放器 都有用到这项技术。该技术已于2010年初(美国)获得Metro UI专利批准(USPTO)。metro UI最新的应用是windows phone 7智能手机系统,并将应用于未来的windows 8、office 和 xbox 360产品中。      

  metro UI是一种界面展示技术,和苹果的iOS、谷歌的Android界面最大的区别在于:后两种都是以应用为主要呈现对象,而Metro界面强调的是信息本身,而不是冗余的界面元素。显示下一个界面的部分元素的功能上的作用主要是提示用户“这儿有更多信息”。同时在视觉效果方面,这有助于形成一种身临其境的感觉

     Metro设计不仅仅是用于移动应用和应用程序的设计,越来越多的网站也融入了Metro UI,下面我就推荐几个我收藏的Metro UI 风格的网页设计.这 类的网站也是从微软的网站开始流行的。

1 最先发现的是MSDN了。//msdn.microsoft.com/

 5个Metro风格的网页UI设计浅析

2 www.msn.com 

 5个Metro风格的网页UI设计浅析

3.www.microsoftmag.eu/

 5个Metro风格的网页UI设计浅析

4//www.mdong.org/

 5个Metro风格的网页UI设计浅析

5theie6countdown.cn/educate-others.aspx

 5个Metro风格的网页UI设计浅析

 本文由职坐标整理发布,更多相关知识,请关注职坐标设计创作网页设计频道!


本文由 @关关 发布于职坐标。未经许可,禁止转载。
喜欢 | 3 不喜欢 | 0
看完这篇文章有何感觉?已经有3人表态,100%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程