Metro - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

Metro 话题

通过全新的Win 10设计语言，我看到了未来的设计趋势

UI

通过全新的Win 10设计语言，我看到了未来的设计趋势

编者按：据传Win 10会在今年秋季迎来大改版，是一门全新的设计语言。这篇结合Windows 多年的变化和曝光的截图，聊聊未来的设计趋势。注：前两天优设一篇好文被新浪微博产品副总转发，聊的也是设计趋势哟：《2017年流行的UI风格，可能是你从未听过的「无框界面」》欢迎关注作者的微信公众号「折腾先生」，他的好文合集：《PS教程！

2017/01/14

2017设计趋势

仅此一篇，读懂卡片式设计长盛不衰的秘密

UI

仅此一篇，读懂卡片式设计长盛不衰的秘密

编者按：可以说现如今的移动端UI设计中，卡片式设计撑起了半壁江山，它随性自由又充满了逻辑和组织性，它不仅流行着，而且还正在变得更加流行。它长盛不衰的秘密到底何在？读下去~个性化的用户体验是目前网页和APP设计的大趋势。

2016/10/16

Material Design

再见Metro！Windows 10通用应用设计趋势分析

教程

再见Metro！Windows 10通用应用设计趋势分析

编者按：腾讯精品长文流！今天月兔同学将通过Win 10的系统新特性和已公布的通用应用，来简单分析一下Windows 10 的设计趋势，来看看微软有哪些颠覆自身的亮点 >>>众所周知，当初微软在Windows 8上做了非常大胆的变革，除了开创性的Metro设计语言，传统桌面和平板两种模式的融合也是一大特色，可这两种操作模式在使用体验上的不一致也成为Windows 8饱受用户诟病的原因之一，但微软自始至终都朝着平台大融合的目标坚定前行着。经过一路探索，微软终于通过在Windows 10...

2015/05/05

超长图文系列！亲历者告诉你如何做出微软风格的PPT？

教程

超长图文系列！亲历者告诉你如何做出微软风格的PPT？

编者按：今天这篇近万字的长文，不仅是对微软风格的追根溯源，也是一份特别有重量的设计总结。作者@带着佳伟去旅游曾负责过微软的视频，全文都是干货 >>>本汪曾负责过微软的某些视频。Modern UI 的大部分特性是适合用来做 PPT 的。

2015/04/22

推荐：随本索源探讨Metro风格

教程

推荐：随本索源探讨Metro风格

Metro风格的起源自瑞士国际主义平面设计虽然扁平化的设计在metro风格之前已经存在，但真正引起人们注意的，正是它的诞生。Metro风格是从Segoe字体开始的。Segoe是一款西文无衬线体，为微软公司诸多新产品中用户界面的字体。

2013/06/07

35套扁平化风格网页设计UI组件和图标

下载

35套扁平化风格网页设计UI组件和图标

扁平化设计是指舍弃渐变、阴影、高光等拟物化的视觉效果，从而打造出一种看上去更加平面的界面风格。扁平化的网页设计更适合用于需要同时支持多种屏幕尺寸的响应式设计技术中。今天，我给大家带来35套用于扁平化设计的图标和网页元素，记得分享和推荐啊！

2013/04/24

WIN8 GUI分层PSD下载

下载

WIN8 GUI分层PSD下载

菇凉小伙们！福利来啦！最近WIN8这么火，我们SDC肯定不能落伍，那么今夜就去WIN8 Metro层层解密一窥究竟：从字体到icon，从边框到形状图层。

2013/03/13

腾讯QQ酒店返现 APP设计回顾

教程

腾讯QQ酒店返现 APP设计回顾

当你使用弹性社交网络认识了怦然心动的某人，立即需要一个“做案现场”的时候；当你临时出差到一座陌生的城市，一下飞机就为订酒店而烦恼的时候，你可能就要感谢那些“开房 App”了，它们可以根据地理位置显示出离你最近的酒店的实时房源，然后轻松点几下手机屏幕，问题就得到了解决—–这是《创业家》杂志给酒店预定应用描绘的使用场景。我们的“开房 App”已经在Android平台跑了一段时间，相信已经是不少用户的“做案帮凶”了，产品经理又找上我们，谋划着怎么让这个做案工具帮到更多的人这次，我们从ios开始……...

2013/03/07

15个精美Metro UI风格WordPress主题预览下载

下载

15个精美Metro UI风格WordPress主题预览下载

Metro风格的设计在移动应用和 Web 设计领域成为流行趋势，在过去数月被讨论得非常多。Metro UI 的设计带给你的第一印象是彩色方块和简约的设计，这有利于以文字为主的界面导航。Metro UI 是一种界面展示技术，和 iOS、Android 界面最大的区别在于：后两种都是以应用为主要呈现对象，而 Metro 界面强调的是信息本身，而不是冗余的界面元素。

2013/03/05

教程

创意生活节！小清新的方块设计

满大街都是suface广告时，利用色块和图标组成的设计应该也会蛮时尚，尤其是针对城市画报这本小清新杂志。固定的排版很难做出新鲜感，将标题作为色块错落的隐藏在图片中，更能丰富画面。【方块该怎么玩？

2013/03/04

教程

WEB设计中的排版

首先谈一下“Metro”——由微软公司开发内部名称为“ typography-based design language”（基于排版的设计语言）。Metro是基于瑞士平面设计的设计原则（清晰，真实，美观），来源于交通指示牌。生活中人们行色匆匆，更需要提供快速，简洁，直接，明确的设计。

2013/01/17

推荐：关于扁平化界面风格设计的讨论

教程

推荐：关于扁平化界面风格设计的讨论

似乎真的没发生什么，也就是玛雅人过了个年。本周的更新如约和大家见面，视觉方面的一篇悠悠闲闲的小文章，关于扁平化与拟物化风格的讨论。我个人对这方面的话题是蛮关注的，偶尔在微博上弱弱的念叨两句，也会有不少朋友来发表各自的看法，确实是大家都蛮关心的设计问题。

2012/12/27

25个超赞的色块化、模块化网页

酷站推荐

25个超赞的色块化、模块化网页

强烈推荐：25个超赞的色块化、模块化网页！Web 设计的8大趋势中，其中就包含了色块设计、超大号的图片、聚焦简洁、响应式设计、视差滚动、强调字体。辣！

2012/11/17

优设：两分钟完美演示Metro设计

教程

优设：两分钟完美演示Metro设计

【帅气！PS技术帝两分钟完美演示Metro设计】 http://t.cn/zWABSXf

2012/11/14

没有更多文章了

大家都在看

动效设计

文章 206

设计理论

文章 132

版式设计

文章 248

B端设计

文章 206

海报设计

文章 320

求职面试

文章 158

UI

文章 147

配色

文章 204

UI设计

文章 941

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc411

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注

优优教程网

优设大课堂

设计师导航

优设训练营