菜单优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

扁平化设计话题

首页
设计文章
扁平化设计

腾讯大咖演讲实录！从3个模块聊聊游戏拟物化UI设计

UI

腾讯大咖演讲实录！从3个模块聊聊游戏拟物化UI设计

本文摘抄于腾讯光子设计中心《黎明觉醒》的 UI 负责人在线下的演讲，从三个模块聊聊游戏UI的拟物化设计。

2021/12/31

别让这些过时的设计元素，毁了你的好设计

教程

别让这些过时的设计元素，毁了你的好设计

重新审视自己几年前的设计作品，有时候是一件很尴尬的事情。曾经流行过的设计趋势在这些设计作品中，都留下了不可磨灭的痕迹。值得注意的是，设计风格一直在不断发展，我们中绝大多数人都不得不跟着设计趋势的演变，而拉扯着前进。

2017-06-21

一直进化的扁平化设计，在2017年这么玩儿

教程

一直进化的扁平化设计，在2017年这么玩儿

平面化 VS 拟物化的战争已经过去好几年了。扁平化设计彻底占据了如今的主流设计趋势。但是，大局已定的扁平化设计，是否已经固化不变了呢？

2017-06-19

Material Design

今天的扁平化设计中有哪些值得注意的要点？

平面

今天的扁平化设计中有哪些值得注意的要点？

扁平化设计在过去的几年当中以惊人的速度发展起来，并且随着用户需求的变化而逐步进化。扁平化设计看似简单，但是其中分支多样，涉及到的技术多样，相关规范也都比较系统。到现在，扁平化设计所探讨的核心已经从最初的标准化设计转向如何创造视觉焦点了，所以，目前的扁平化设计当中，值得注意的要点大多是围绕着这一需求来的。

2017-02-09

优秀网页设计

时至今日，我们再来审视一下扁平化设计

UI

时至今日，我们再来审视一下扁平化设计

编者按：又是一篇关于扁平化设计的文章，与优设之前的诸多文章不同，今天的文章带有阶段性的总结的性质，文章源自著名设计工作室 Tubik Studio，多图预警~著名的艺术家 Edgar Degas 曾经说过，艺术并不是你所看到的东西，而是你让别人看到所看到的东西。平面设计能够通过调整形状、阴影、字体的笔触、字母间距来调整观看者的情绪和感受，在这一点上，它和艺术是共通的。作为目前设计的大趋势，扁平化设计，无疑也具备着同样的特征。

2017-01-14

Material Design

PS教程！从零开始教你绘制清凉的柠檬水扁平插画

平面

PS教程！从零开始教你绘制清凉的柠檬水扁平插画

炎热的夏天来一杯新鲜的柠檬水清凉一下！今天的教程你会学到超多实用的基础操作技巧和图形绘制方法，教程几乎每个步骤都有快捷键提示，新手拿来熟悉PS再合适不过。一起来收！

2016-06-02

扁平化2.0时代！聊聊今年六个全新的扁平化设计风格

教程

扁平化2.0时代！聊聊今年六个全新的扁平化设计风格

编者按：从今年开始，扁平化的设计美学正在发生润物无声的细微变化，微阴影、幽灵按钮、双色调设计、低调渐变等等，今天@飞屋睿UIdesign 带你全面认识这6个前所未有的设计趋势，欢迎来到扁平化2.0时代。「2016年设计趋势」设计篇：《再作印证！2016年网页设计领域11个流行趋势预测》电商网站篇：《不学就落伍咯！

2016-04-10

拟物化不死！在这个扁平化当道的年代，我还是爱着拟物化

教程

拟物化不死！在这个扁平化当道的年代，我还是爱着拟物化

编者按：「拟物化不是扁平化的对立面，而是作为扁平化的一部分永存。」今天@特赞Tezign 这篇译文，聊了聊拟物化和扁平化的关系，与平常看到的观点不同，文章认为拟物化并没有死亡，依然存在于扁平化之中。至于原因，一起来看看涨姿势。

2016-03-29

AI教程！教你绘制扁平化风格的卡通人物肖像（警察护士空姐篇）

教程

AI教程！教你绘制扁平化风格的卡通人物肖像（警察护士空姐篇）

@鱼过无声design ：上一篇教程我们教大家绘制了建筑工人卡通头像的方法，今天我们以那篇教程为基础，教你进一步绘制警察、空姐、护士的卡通人物肖像图，已经有很多同学都画出来了，你也来试试。上篇教程：《AI教程！教你绘制扁平化风格的卡通人物肖像（建筑工人篇）》这一次课程是在上一次课程的续集，在第一个头像的基础上来完善第二个第三个以及第四个。

2016-03-25

AI教程！教你绘制六个扁平化风格的卡通小动物肖像

教程

AI教程！教你绘制六个扁平化风格的卡通小动物肖像

编者按：今天@鱼过无声design 的教程教大家来绘制六个卡通小动物头像，操作不难，适合新手熟悉工具，文内还附有同个系列的人物肖像教程，来收！系列教程：《AI教程！教你绘制扁平化风格的卡通人物肖像（建筑工人篇）》《AI教程！

2016-03-09

AI教程！教你绘制扁平化风格的卡通人物肖像（建筑工人篇）

教程

AI教程！教你绘制扁平化风格的卡通人物肖像（建筑工人篇）

@鱼过无声design ：今天的教程，一起来学人物肖像的绘制方法，学会了可以用作头像或者设计素材（描绘不同的职业类型），也可以直接给自己画一个，实用不难，走起练一发！现在开始我们的教程吧。第一步：我们将开始我们第一个任务的头像，我们使用矩形工具（括号内为快捷键，下同。

2016-02-25

拥抱未来！2016年最值得关注的移动端APP设计趋势

教程

拥抱未来！2016年最值得关注的移动端APP设计趋势

编者按：对于2016年网页设计的趋势我们已经在《再战明年！2016年最值得关注的16个网页设计趋势》这篇文章中进行了详细的介绍，那么移动端APP设计在未来可能会有怎样的发展趋势呢？今天的文章就帮你简单预测一下~不论移动端网页和APP之间有着怎样的争论，移动端APP的快速发展都是不争的事实，各种客户端的开发和接入已经成为常态。

2015-12-23

帮你立刻上手！扁平化设计的8个实用小技巧

教程

帮你立刻上手！扁平化设计的8个实用小技巧

编者按：「材料设计」方兴未艾，扁平化仍是主流设计风格。今天@正越升同学总结了扁平化设计的8个小技巧，字体、图标、排版、配色等都有提及，教程深入浅出，非常适合新手，学会可以直接拿来作海报和PPT设计。最近帮一个师兄做一个PPT，用了几乎每个人都听说过的扁平化风格。

2015-12-07

快来学习！25个细致微妙的扁平化2.0风格网页设计

酷站推荐

快来学习！25个细致微妙的扁平化2.0风格网页设计

现如今，扁平化设计比起最开始的风格已经没有那么“平”了，更丰富的细节，更清晰的层次，更优秀的视觉体验使得它和初期有了相当大的差别。于是Ryan Allen 在为 Dapper Gentlemen 撰文的时候将现在的扁平化设计称为“Flat Design 2.0”，这篇文章中，他阐述了最初的扁平风和今天的扁平化设计的差别，甚至还简单分析了一下这种演进的原因。扁平化设计依然占据主流，从某种程度上而言，是因为它同响应式设计有着极高的契合度，这也是在过去几年间的逐步变化而造就的结果。

2015-08-05

优秀网页设计

涨姿势！扁平化设计和Material Design有什么不一样？

教程

涨姿势！扁平化设计和Material Design有什么不一样？

编者按：今天分享一篇小小的科普文，说说扁平化设计和Material Design有哪些不同的地方，持赞成/反对观点的人都有什么理由，不多说，直接戳 >>>优设三月指南类好文：《老外教你学汉字！超全面的中文字体新手指南》《超实用新手指南！零基础如何自学UI设计？

2015-04-17

扁平化设计优点

超实用新手指南！从零开始教你打造优秀的扁平化PPT

教程

超实用新手指南！从零开始教你打造优秀的扁平化PPT

编者按：无论校园还是职场，PPT都是必备技能，想快速提高PPT设计能力，少不了有个系统全面的教程。今天将PPT整个设计流程与方法技巧都分享出来，转给需要的同学吧 >>>本文作者陌君，已经过授权。感谢监督：）优设三月指南类好文：《老外教你学汉字！

2015-03-30

匠人的杰作！21个以细节精致取胜的扁平化网站

酷站推荐

匠人的杰作！21个以细节精致取胜的扁平化网站

编者按：扁平化网站蜂拥而来，想脱颖而出，就得在细枝末节上下功夫。今天搜集的这组网站，将扁平化的细微之处打磨得非常漂亮，感受下 >>>Mountainview AgencyApparatus StudioDickson FongTrippeoKevin Tresor PortfolioGogoroGenn.org VIHart Island ProjectOnline Photo Mosaic MakerPart Design. Part Code. Completely Creat...

2015-02-26

扁平化网页设计

教程

PS进阶教程！手把手教你绘制扁平风行星与雷达图标

编者按：今天是天空图标教程系列的第2、3集，自从上一次我们的小火箭发射后，今天终于来到了外太空，找到了它的小伙伴——行星和雷达，今天的教程是搞定这两个，过程重绘制思路，挑操作重点，简洁明了，适合有基础的同学练手 >>>行星图标第1步首先绘制一个淡黄色的圆形作为行星的轮廓。使用矩形工具，星球上方绘制很多不同颜色的方框，让它们的颜色和宽度都不尽相同。你可以将这些方框编组并进行旋转，这样会显得更真实。

2015-02-15

年底回顾总结！聊聊扁平化风潮的起与思

教程

年底回顾总结！聊聊扁平化风潮的起与思

编者按：火了一年的扁平化，同学们都了解清楚了吗？今天@网秦UEC 的同学从国外译过来一篇好文，从扁平化的流行缘由聊到对界面设计的影响，附有一些设计技巧和注意事项，值得一读哟。在过去几年中，我们见证了软件和应用界面设计从3D及拟物化向扁平化和极简化的快速转变。

2014-12-16

扁平化救星！页面动效能否拯救扁平设计？（附工具推荐）

教程

扁平化救星！页面动效能否拯救扁平设计？（附工具推荐）

编者按：动效现在是扁平化身边的大红人，哪里都有它的身影，动效能否为扁平化增光？设计师有什么利器可以绘制动效？昨天发现一篇好文，关于这两方面都有实在的干货分享，建议同学们当机立断，先转后赞，特别要记得看。

2014-09-27

扁平化设计

教程

游戏网页设计：拟物还是扁平？

小日：游戏网页设计的扁平化设计从13年的设计潮流发展到如今的设计趋势，在网页设计中已经应用广泛。相比于曾经成为主流的质感化网页，这两者之间带给用户的体验变化究竟有哪些？以下我们来谈一谈。

2014-07-04

扁平化设计

产品经理有话说：软件产品扁平化设计杂谈

教程

产品经理有话说：软件产品扁平化设计杂谈

编者按：扁平化风潮浩浩荡荡，连产品经理也不放过，今天@产品经理朝阳陆从5个方面分别讲述了作为产品人眼里的扁平化究竟是怎样的。文章数据翔实，栗子充足，特别是关于交互扁平化的一段议论非常精彩，推荐设计师童鞋阅读借鉴。在开始这篇杂谈前，想和大家以微信为例，分享在其产品界面风格上比较重要的一个变化，如下图所示微信版本4.5和版本5.3的界面效果对比。

2014-06-16

扁平化设计

教程

再不知道字体图标就落伍啦！字体图标制作详解

上期通过分享《浅谈矢量图形前景》，简单地从设计趋势、技术、以及现有应用环境等角度讲述了矢量技术应用的可行性。这期我们将把阿里妈妈MUX这两年在矢量图标制作上积累的经验也分享给大家；大家可能在网上看过很多关于矢量图标制作的教程，而且大多是技术同学分享的技术贴。整个过程也相对比较简单。

2014-03-24

教程

涨姿势！浅谈矢量图形前景

矢量图形对于从事设计的我们来说并不陌生，大多设计师都不同程度的接触过illustrator、CorelDRAW等矢量绘图软件，但在网页应用中很少被触及，如果非要说有的话应该算Flash的swf矢量动画。我们在过去图形应用中更多接触的是位图格式的图形，但在过去的几年里，随着硬件和技术等外部因素的影响，位图应用给设计师的效率和开发成本带来了挑战，举个例子：一个图标要适配pc端、移动端或retina屏幕的话上就要设计两份或者更多，前端开发的时候也要判断设备再做出决定调用哪张图片。如果图片发生变化对前后者来...

2014-03-24

扁平化设计

找不到灵感？来向这49个天气类App界面学习！

UI

找不到灵感？来向这49个天气类App界面学习！

天气类App是手机里不可或缺的软件之一，但是想让你的应用在众多选择中脱颖而出，UI就显得非常重要了。今天我们从Dribbble和Behance上收集了一组界面出众的天气类应用，风格非常丰富，创意也很惊人，绝对值得设计师们一看！也希望它们能给你带来灵感：）同类型好文推荐：《超详细：教你创建一个具有美感的天气APP界面》《超赞！

2014-03-14

经验分享！超赞的静态信息图设计方法

信息化视图

经验分享！超赞的静态信息图设计方法

这篇文章给大家分享静态信息图的设计方法。时间仓促难免有疏漏不足，欢迎各位指正…..信息在“设计”之前应有数据的收集、整理等步骤，在完成之后，应进行整体规划。然后才是“设计”的步骤：先选择各个部分的图表基本类型，接着进行装饰，最后再进行整合：信息图推荐：《信息图好帮手！

2014-03-12

扁平化设计

超赞！30款免费的菜单及选项面板PSD下载

下载

超赞！30款免费的菜单及选项面板PSD下载

今天收集了30+免费的菜单及选项面板PSD，如果刚好有童鞋需要那最好不过咯。欢迎网速不错的童鞋打包下载后分享到评论中，感谢。相关资源：《99个漂亮的注册和登录页设计(附PSD)》《推荐：30款免费的涂鸦字体下载》《设计师福利！

2014-02-02

教程

高手之路！浅谈图标字体化

在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题，经过实践发现了一种比较好的解决方案，图标字体化。在微社区项目中，有很多小的Icon（图标），如分享、回复、赞、返回、话题、访问、箭头等，这些Icon（图标）一般都是纯色的。开始制作时考虑用双倍大小的Sprite图，通过CSS样式设置只显示二分之一尺寸，这样在Retina屏上显示的大小是正常的，一旦放大屏幕后图标又变得模糊不清，测试的效果不是很理想，后来又考虑多套图标适配方案、SVG矢量图等，都因为种种原因放弃掉了（如多套图标...

2014-01-28

清新唯美：磨砂小清新，女孩纸的最爱！

教程

清新唯美：磨砂小清新，女孩纸的最爱！

在沉寂许久之后，磨砂背景突然大受设计师青睐，继而重回大家的视线。在使用过程中，我们不难琢磨出其中的原因：这种方法可以让主要元素着重显示，在背景中突出，能不漏痕迹的强调放置在表层的内容、图标以及图表等。除此之外，模糊背景还有其他优点，比如说你不用再为选哪些颜色搭配而烦恼，因为你可以只选一种基本色，然后调节不同的深浅。

2014-01-27

经验分享：高大上的扁平化交互设计

教程

经验分享：高大上的扁平化交互设计

上次Joy同学分享的：《5个经验分享：让扁平化设计也爆发视觉冲击力》人气很高，这次她带来的《做好扁平化设计：交互篇》同样有条理，有干货，实用易学习，值得设计师童鞋们马克阅读。写在前面的话：（看正文请直接跳到分割线处）当写完“做好扁平化设计：视觉篇”给到各位设计师看求指点的时候。大家吐槽了：有人说“只有交互扁平了，视觉才好做扁平⋯⋯”还有人说 “如果一个产品把希望寄托于视觉上，想靠视觉来表现产品的扁平化，显然是不靠谱的⋯⋯”相关文章推荐：《潮流推荐！

2014-01-25

web前端开发

1/3

1
2
3
下一页
前往页

大家都在看

设计流程

文章 148

设计师职场

文章 753

用户体验

文章 879

干货合集

文章 185

职场规划

文章 380

酷站推荐

文章 333

设计圈干货

文章 188

App设计

文章 264

干货大合集

文章 166

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：uisdc411

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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