Ribbon+扁平化

据调查，其实人们可能最多只用到全部 Office 功能的 5%，为此，微软交互式团队推出了Ribbon风格，一时间，很多软件升级后都换成了Ribbon界面；扁平化其实不是新东西，但Windows 8了引领扁平化风潮，又一时间，很多软件也开始扁平。其实，风格的改变一方面是为了审美，另一方面更重要是为了简化，更人性化，让用户来学得更快，用得更好，所以，内容的简化也是一项同样非常重要的工作。

在应用程序开发中，我们经常换用不同的主题，但很少换背景，今天来尝试一下背景的切换，让程序更个性化，如下图为Office的"春天"背景，给人草长莺飞的意境……

实现效果

下面的背景是自定义的图片，基本达到类似Office的效果。

Visual Studio 2012风格：

Metro风格：

Office2016彩色风格：

实现方法

主要在设置BackgroundImage的背景，其大小是500*60，当然，你也可以适当调整宽度。BackgroundImageStock为内置的风格（默认将图片以十六进制直接写在资源文件里），种类比较多，并不是所有主题图片都符合应用程序，所以需要自定义图片。

在自定义图片时，除了注意大小外，还要设置好颜色，颜色拾取的是RGB29,29,29,但还在调整不透明度和填充才能达到即不突兀又能适合多种主题的效果。（仔细看，下面的视图窗口是有图片的）

可以根据实际的主题，定义相应的素材，软件设计也是一种设计！

RibbonControl中的主题设计相关推荐

电子邮件营销中的邮件主题设计
关于电子邮件营销的邮件主题设计,博主主要跟大家分享五个原则,按照这五个原则行事,就能把邮件营销做好. 原则1.电子邮件主题体现出品牌或者产品信息有独特价值的产品.信息或者给人印象深刻的品牌出现在邮件 ...
车联网 TSP 平台场景中的 MQTT 主题设计
本文作者:田桢,前上汽大众平台架构师,现为中科创达汽车云技术负责人前言在车联网生态中,TSP(Telematics Service Provider)平台在产业链中居于核心地位,上接汽车.车载设备 ...
rocketmq中的broker设计与实现
1.broker启动启动逻辑在BrokerStartup和BrokerController中. 监听端口是1091. 默认存储目录是System.getProperty("user.hom ...
linux mint 图标主题_如何在 Linux Mint 中更换主题
一直以来,使用 Cinnamon 桌面环境的 Linux Mint 都是一种卓越的体验.这也是为何我喜爱 Linux Mint的主要原因之一. -- It's Foss(作者) 一直以来,使用 Cin ...
常用中后台交互设计控件使用场景与规范总结
作者: panda (转载已取得作者授权) 此设计规范主要分享了中后台常用设计组件的定义.组成.使用场景及注意事项. 字体概述字体是界面设计中最基本的构成元素之一,用户通过文字来理解内容和完成任 ...
linux mint 主题切换,详解如何在 Linux Mint 中更换主题
一直以来,使用 Cinnamon 桌面环境的 Linux Mint 都是一种卓越的体验.这也是为何我喜爱 Linux Mint的主要原因之一. 自从 Mint 的开发团队开始更为严肃的对待设计, &q ...
设计模式在项目中的应用案例_项目化学习案例（五）：菊花种植的秘密——项目化学习在菊种植课程中的应用设计案例...
△ 戳蓝字,关注我△ 让孩子像科学家一样思考,像工程师一样解决问题. [引言] 今天推荐的是陈素平名师工作室陈芳芳老师分享的案例是基于农村学校拓展课程"一菊一世界"系列课程,以解决 ...
HTML5期末大作业：关于我的家乡主题设计——四川成都(4页) HTML+CSS+JavaScript
HTML5期末大作业:关于我的家乡主题设计--四川成都(4页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品 1.临近期末, 你还 ...
UI设计中的排版设计技巧
不知道大家有没有遇到过这样的情况,在排版的时候咔咔一顿操作,图形字母四处飞,试了一遍又一遍,但最后却发现效果并不咋地!反正我是经常遇到这种情况,其实原因就在于我并没有理清思路,如果我能把排版的思路想清 ...

RibbonControl中的主题设计

Ribbon+扁平化

实现效果

实现方法

RibbonControl中的主题设计相关推荐

最新文章

热门文章