Win8/10的UI风格——Metro UI

博主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风格的前世今生




已标记关键词 清除标记
代码介绍 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, MessageBo
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页