Win8/10的UI风格——Metro UI

最新推荐文章于 2024-06-26 09:49:03 发布
最新推荐文章于 2024-06-26 09:49:03 发布
阅读量2.4k 收藏 1
点赞数
分类专栏： windows
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luoyouren/article/details/53216162
版权

博主QQ：1356438802


之前刚接触win8或者win10的时候，感觉眼前一亮，界面很清爽，大块大块的颜色，操作每个控件时的交互动画让人感觉，控件在流动，很舒服。

当时没仔细去了解这种UI风格，因为做开发工作，win8 / win10会导致某些莫名其妙的问题，后面换回win7了。

最近因为投影仪项目，需要做Windows App，于是慢慢的了解了下这种UI风格——Metro UI。


中文名 ：美俏 

外文名 ：Metro UI 

设计主题 ：光滑、快、现代


下面我也是把百度百科的内容挑选，贴出来：

Metro(美俏)是微软在Windows Phone 7中正式引入的一种界面设计语言，也是Windows 8的主要界面显示风格。


在Windows Phone之前，微软已经在Zune Player和XBox 360主机中尝试采用过类似的界面风格。
于是，微软在未得到PC用户认可的情况下在发布的Windows 8、Windows 8.1、Windows 10以及Office 15、Office 16中也采用了Metro设计。

据悉，为避免与德国公司Metro AG可能存在的商标侵权纠纷，微软营销部门已经决定在描述Windows 8及其以上版本或Windows Phone界面时，放弃使用“Metro”一词，而启用“Modern UI”（现代用户界面）作为替代词汇。


而事实上，在微软分发给消费者的宣传资料中，就已经开始使用“Windows 8”这一词汇来代替“Metro”的说法，“Modern UI”设计则主要用于描述微软通用应用。


Metro的设计意念来源于交通局巴士站站牌机场和地铁的指示牌给了微软设计团队灵感，
设计团队说Metro是来源于美国华盛顿州金县都会交通局（King County Metro）的标识设计，
其风格大量采用大字体，能吸引受众之注意力。微软认为Metro设计 主题应该是：“光滑、快、现代”。Metro的图标设计也会不同于Android和iOS。


延伸阅读：

谈谈微软的Metro Design设计风格

Metro风格的前世今生




somebot
关注
专栏目录
win8风格界面metro界面
06-08
仿win8系统面板风格，模块化web界面，可以灵活配置模块，布局自动适应电脑端和移动端
微软Metro UI风格网页模板
10-29
微软Metro UI风格网页模板。Windows Phone7,Windows8 界面
Windows UI风格的设计(10)
胡耀文
11-08 2366
六个常见的UI风格，你见过，未必能叫上名字。
最新发布
2401_82616673的博客
06-26 442
每种UI设计风格都有其独特的特征和适用场景，设计师可以根据产品的定位和用户需求选择合适的风格来呈现界面。- 特征：基于扁平化设计，强调材料的真实感，使用阴影和动画效果，注重层次感和深度。- 特征：注重细节和精致的设计，使用优雅的字体和色彩搭配，呈现高质感的界面。- 特征：模仿手绘效果，线条粗细不均、颜色鲜艳，营造出个性化和独特的感觉。- 特征：使用深色背景和浅色文本，减少屏幕亮度，提供更加舒适的阅读体验。- 特征：简洁、平面化、去除阴影和纹理，使用鲜艳的颜色和简单的图标。
Metro UI风格配色方案
dawuafang
01-16 439
Metro UI共提供10种配色方案。它们分别是： 红色：E51400 绿色：339933 蓝色：1BA1E2 橙色：F09609 草绿：8CBF26 湖蓝：00ABA9 洋红：FF0097 粉色：E671B8 棕色：996600 紫色：A200FF 话说，以上10种颜色才是真正的Metro UI的主题颜色. 那些...
C#--MetroFramework框架调用metroModernUI库，并在工具栏使用
weixin_41883890的博客
07-24 5882
在平时我们做winform程序的时候，自带的windows界面并不能满足我们的需求，这个时候就需要借助第三方的一些主题或者控件来解决一下我们的问题，但是大部分的第三方都会收费，一个免费的好用的UI推荐给大家。...
Android源码——仿Win8的metro的UI界面源码.rar
10-08
【标题】"Android源码——仿Win8的metro的UI界面源码" 是一个针对Android平台的项目，其目标是实现类似Windows 8操作系统中特色的“Modern UI”或“Metro UI”界面。这个源码提供了在Android设备上构建具有Windows 8...
Android源码——仿Win8的metro的UI界面源码.7z
10-08
"Android源码——仿Win8的metro的UI界面源码.7z"这个标题表明，这是一个关于Android开发的项目，其特色在于模仿了Windows 8（Win8）操作系统中的“Metro”风格用户界面。"Metro" UI是微软在Windows 8系统中引入的一...
Android源码——仿Win8的metro的UI界面源码.zip
10-08
"Android源码——仿Win8的metro的UI界面源码"是一个专为Android应用设计的项目，其灵感来源于微软Windows 8的现代UI（也称为Metro UI）。这个源码库可以帮助开发者学习如何在Android上实现类似Windows 8的动态磁贴...
安卓Android源码——仿Win8的metro的UI界面源码.zip
10-14
Windows 8的metro UI，又称Modern UI或Windows 8风格界面，强调的是大块颜色、简洁的图标和信息的直接展示。这种设计语言鼓励使用平铺（Tiles），每个平铺代表一个应用或功能，并可以动态更新内容，如天气、新闻等...
modern ui html,非常漂亮的WPF界面框架(Modern UI for WPF)
weixin_36089077的博客
06-21 3766
ModernUI(http://mui.codeplex.com/)是一个开源的WPF界面库，利用该界面库，我们可以创建很酷的应用程序。下面是ModernUI官方示例，你可以从官方网站直接下载源码运行，如果是.NET 4.0的话，记得要声明“NET4”预编译变量，否则无法编译通过。这个界面框架是基于ModernUI来实现的，在该文我将分享所有的源码，并详细描述如何基于ModernUI来构造一个非常...
Win CE 上的WIN8主题 导航用一机多图
03-25
Win CE 上的WIN8主题 导航用一机多图
window10皮肤主题包
01-31
window10皮肤主题包.。。。。。。。。。。。。。。。。。
漂亮大气的win8风格+bootstrap后台全套模板下载
05-03
非常强大的win8风格的全套后台模板，功能丰富，界面简洁现代大气，快速实现后台界面的一个不错的选择。
Windows 8 Metro GUI全套完整界面（PSD）
01-11
Windows 8 Metro GUI全套完整界面（PSD） 有价值的UI设计参考
Win10风格 MetroForWinForm
09-30
代码介绍 MetroForWinForm(win8风格模版) using System; using System.Drawing; using System.Globalization; using System.Windows.Forms; using MetroFramework.Forms; namespace MetroFramework.Demo { public partial class MainForm : MetroForm { public MainForm() { InitializeComponent(); metroStyleManager.Theme = MetroThemeStyle.Default; metroStyleManager.Style = MetroColorStyle.Teal; } private void metroTileSwitch_Click(object sender, EventArgs e) { var m = new Random(); int next = m.Next(0, 13); metroStyleManager.Style = (MetroColorStyle)next; } private void metroTile1_Click(object sender, EventArgs e) { metroStyleManager.Theme = metroStyleManager.Theme == MetroThemeStyle.Light ? MetroThemeStyle.Dark : MetroThemeStyle.Light; } private void metroButton1_Click(object sender, EventArgs e) { MetroTaskWindow.ShowTaskWindow(this, "SubControl in TaskWindow", new TaskWindowControl(), 10); } private void metroButton2_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "Do you like this metro message box?", "Metro Title", MessageBoxButtons.YesNoCancel, MessageBoxIcon.Asterisk); } private void metroButton5_Click(object sender, EventArgs e) { metroContextMenu1.Show(metroButton5, new Point(0, metroButton5.Height)); } private void metroButton6_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "This is a sample MetroMessagebox `OK` only button", "MetroMessagebox", MessageBoxButtons.OK, MessageBoxIcon.Information); } private void metroButton10_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "This is a sample MetroMessagebox `OK` and `Cancel` button", "MetroMessagebox", MessageBoxButtons.OKCancel, MessageBoxIcon.Information); } private void metroButton7_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "This is a sample MetroMessagebox `Yes` and `No` button", "MetroMessagebox", MessageBoxButtons.YesNo, MessageBoxIcon.Question); } private void metroButton8_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "This is a sample MetroMessagebox `Yes`, `No` and `Cancel` button", "MetroMessagebox", MessageBoxButtons.YesNoCancel, MessageBoxIcon.Question); } private void metroButton11_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "This is a sample MetroMessagebox `Retry` and `Cancel` button. With warning style.", "MetroMessagebox", MessageBoxButtons.RetryCancel, MessageBoxIcon.Warning); } private void metroButton9_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "This is a sample MetroMessagebox `Abort`, `Retry` and `Ignore` button. With Error style.", "MetroMessagebox", MessageBoxButtons.AbortRetryIgnore, MessageBoxIcon.Error); } private void metroButton12_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "This is a sample `default` MetroMessagebox ", "MetroMessagebox"); } private void metroButton4_Click(object sender, EventArgs e) { var testform = new TestForm1(); testform.ShowDialog(); } private void metroButton4_Click_1(object sender, EventArgs e) { metroTextBox2.Focus(); } } }
ModernUI教程
hbspring007的专栏
07-15 1650
入门 My first Modern UI app (manually)                         第一个ModernUI应用（手动编写）(已完成) My first Modern UI app using templat...
HteOS - Win10 Metro UI 风格的Web桌面
热门推荐
洗尽铅华
06-07 1万+
HteOS是一款Win8 Metro UI风格的Web桌面应用开发框架 现代的、简约的界面，丰富的组件、功能，全新的Web桌面
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值