菜单
优设网uisdc.com
优设网 - 学设计上优设
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计宝藏
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
扁平化设计 话题
首页
设计文章
扁平化设计
扁平化设计缺点
收录2篇文章
扁平化设计优点
收录2篇文章
扁平化设计配色
收录1篇文章
图标素材
收录37篇文章
配色工具
收录35篇文章
1 / 3
到第
Go
页
UI
腾讯大咖演讲实录！从3个模块聊聊游戏拟物化UI设计
本文摘抄于腾讯光子设计中心《黎明觉醒》的 UI 负责人在线下的演讲，从三个模块聊聊游戏UI的拟物化设计。
2021/12/31
UI设计
教程
别让这些过时的设计元素，毁了你的好设计
重新审视自己几年前的设计作品，有时候是一件很尴尬的事情。曾经流行过的设计趋势在这些设计作品中，都留下了不可磨灭的痕迹。值得注意的是，设计风格一直在不断发展，我们中绝大多数人都不得不跟着设计趋势的演变，而拉扯着前进。
2017/06/21
弥散阴影
教程
一直进化的扁平化设计，在2017年这么玩儿
平面化 VS 拟物化 的战争已经过去好几年了。扁平化设计彻底占据了如今的主流设计趋势。但是，大局已定的扁平化设计，是否已经固化不变了呢？
2017/06/19
Material Design
平面
今天的扁平化设计中有哪些值得注意的要点？
扁平化设计在过去的几年当中以惊人的速度发展起来，并且随着用户需求的变化而逐步进化。扁平化设计看似简单，但是其中分支多样，涉及到的技术多样，相关规范也都比较系统。到现在，扁平化设计所探讨的核心已经从最初的标准化设计转向如何创造视觉焦点了，所以，目前的扁平化设计当中，值得注意的要点大多是围绕着这一需求来的。
2017/02/09
优秀网页设计
UI
时至今日，我们再来审视一下扁平化设计
编者按：又是一篇关于扁平化设计的文章，与优设之前的诸多文章不同，今天的文章带有阶段性的总结的性质，文章源自著名设计工作室 Tubik Studio，多图预警~著名的艺术家 Edgar Degas 曾经说过，艺术并不是你所看到的东西，而是你让别人看到所看到的东西。平面设计能够通过调整形状、阴影、字体的笔触、字母间距来调整观看者的情绪和感受，在这一点上，它和艺术是共通的。作为目前设计的大趋势，扁平化设计，无疑也具备着同样的特征。
2017/01/14
Material Design
平面
PS教程！从零开始教你绘制清凉的柠檬水扁平插画
炎热的夏天来一杯新鲜的柠檬水清凉一下！ 今天的教程你会学到超多实用的基础操作技巧和图形绘制方法，教程几乎每个步骤都有快捷键提示，新手拿来熟悉PS再合适不过。一起来收！
2016/06/02
ps技巧
教程
扁平化2.0时代！聊聊今年六个全新的扁平化设计风格
编者按：从今年开始，扁平化的设计美学正在发生润物无声的细微变化，微阴影、幽灵按钮、双色调设计、低调渐变等等，今天@飞屋睿UIdesign 带你全面认识这6个前所未有的设计趋势，欢迎来到扁平化2.0时代。「2016年设计趋势」设计篇：《再作印证！2016年网页设计领域11个流行趋势预测》电商网站篇：《不学就落伍咯！
2016/04/10
扁平化
教程
拟物化不死！在这个扁平化当道的年代，我还是爱着拟物化
编者按：「拟物化不是扁平化的对立面，而是作为扁平化的一部分永存。」今天@特赞Tezign 这篇译文，聊了聊拟物化和扁平化的关系，与平常看到的观点不同，文章认为拟物化并没有死亡，依然存在于扁平化之中。至于原因，一起来看看涨姿势。
2016/03/29
扁平化
教程
AI教程！教你绘制扁平化风格的卡通人物肖像（警察护士空姐篇）
@鱼过无声design ：上一篇教程我们教大家绘制了建筑工人卡通头像的方法，今天我们以那篇教程为基础，教你进一步绘制警察、空姐、护士的卡通人物肖像图，已经有很多同学都画出来了，你也来试试。上篇教程：《AI教程！教你绘制扁平化风格的卡通人物肖像（建筑工人篇）》这一次课程是在上一次课程的续集，在第一个头像的基础上来完善第二个第三个以及第四个。
2016/03/25
AI教程
教程
AI教程！教你绘制六个扁平化风格的卡通小动物肖像
编者按：今天@鱼过无声design 的教程教大家来绘制六个卡通小动物头像，操作不难，适合新手熟悉工具，文内还附有同个系列的人物肖像教程，来收！系列教程：《AI教程！教你绘制扁平化风格的卡通人物肖像（建筑工人篇）》《AI教程！
2016/03/09
AI教程
教程
AI教程！教你绘制扁平化风格的卡通人物肖像（建筑工人篇）
@鱼过无声design ：今天的教程，一起来学人物肖像的绘制方法，学会了可以用作头像或者设计素材（描绘不同的职业类型），也可以直接给自己画一个，实用不难，走起练一发！现在开始我们的教程吧。第一步：我们将开始我们第一个任务的头像，我们使用矩形工具（括号内为快捷键，下同。
2016/02/25
AI教程
教程
拥抱未来！2016年最值得关注的移动端APP设计趋势
编者按：对于2016年网页设计的趋势我们已经在《再战明年！2016年最值得关注的16个网页设计趋势》这篇文章中进行了详细的介绍，那么移动端APP设计在未来可能会有怎样的发展趋势呢？今天的文章就帮你简单预测一下~不论移动端网页和APP之间有着怎样的争论，移动端APP的快速发展都是不争的事实，各种客户端的开发和接入已经成为常态。
2015/12/23
App设计
教程
帮你立刻上手！扁平化设计的8个实用小技巧
编者按：「材料设计」方兴未艾，扁平化仍是主流设计风格。今天@正越升 同学总结了扁平化设计的8个小技巧，字体、图标、排版、配色等都有提及，教程深入浅出，非常适合新手，学会可以直接拿来作海报和PPT设计。最近帮一个师兄做一个PPT，用了几乎每个人都听说过的扁平化风格。
2015/12/07
扁平化
酷站推荐
快来学习！25个细致微妙的扁平化2.0风格网页设计
现如今，扁平化设计比起最开始的风格已经没有那么“平”了，更丰富的细节，更清晰的层次，更优秀的视觉体验使得它和初期有了相当大的差别。于是Ryan Allen 在为 Dapper Gentlemen 撰文的时候将现在的扁平化设计称为“Flat Design 2.0”，这篇文章中，他阐述了最初的扁平风和今天的扁平化设计的差别，甚至还简单分析了一下这种演进的原因。扁平化设计依然占据主流，从某种程度上而言，是因为它同响应式设计有着极高的契合度，这也是在过去几年间的逐步变化而造就的结果。
2015/08/05
优秀网页设计
教程
涨姿势！扁平化设计和Material Design有什么不一样？
编者按：今天分享一篇小小的科普文，说说扁平化设计和Material Design有哪些不同的地方，持赞成/反对观点的人都有什么理由，不多说，直接戳 >>>优设三月指南类好文：《老外教你学汉字！超全面的中文字体新手指南》《超实用新手指南！零基础如何自学UI设计？
2015/04/17
扁平化设计优点
教程
超实用新手指南！从零开始教你打造优秀的扁平化PPT
编者按：无论校园还是职场，PPT都是必备技能，想快速提高PPT设计能力，少不了有个系统全面的教程。今天将PPT整个设计流程与方法技巧都分享出来，转给需要的同学吧 >>>本文作者陌君，已经过授权。感谢监督 ：）优设三月指南类好文：《老外教你学汉字！
2015/03/30
PPT设计
酷站推荐
匠人的杰作！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
ICON
教程
年底回顾总结！聊聊扁平化风潮的起与思
编者按：火了一年的扁平化，同学们都了解清楚了吗？今天@网秦UEC 的同学从国外译过来一篇好文，从扁平化的流行缘由聊到对界面设计的影响，附有一些设计技巧和注意事项，值得一读哟。在过去几年中，我们见证了软件和应用界面设计从3D及拟物化向扁平化和极简化的快速转变。
2014/12/16
UI设计
教程
扁平化救星！页面动效能否拯救扁平设计？（附工具推荐）
编者按：动效现在是扁平化身边的大红人，哪里都有它的身影，动效能否为扁平化增光？设计师有什么利器可以绘制动效？昨天发现一篇好文，关于这两方面都有实在的干货分享，建议同学们当机立断，先转后赞，特别要记得看。
2014/09/27
扁平化设计
教程
游戏网页设计：拟物还是扁平？
小日：游戏网页设计的扁平化设计从13年的设计潮流发展到如今的设计趋势，在网页设计中已经应用广泛。相比于曾经成为主流的质感化网页，这两者之间带给用户的体验变化究竟有哪些？以下我们来谈一谈。
2014/07/04
扁平化设计
教程
产品经理有话说：软件产品扁平化设计杂谈
编者按：扁平化风潮浩浩荡荡，连产品经理也不放过，今天@产品经理朝阳陆 从5个方面分别讲述了作为产品人眼里的扁平化究竟是怎样的。文章数据翔实，栗子充足，特别是关于交互扁平化的一段议论非常精彩，推荐设计师童鞋阅读借鉴。在开始这篇杂谈前，想和大家以微信为例，分享在其产品界面风格上比较重要的一个变化，如下图所示微信版本4.5和版本5.3的界面效果对比。
2014/06/16
扁平化设计
教程
再不知道字体图标就落伍啦！字体图标制作详解
上期通过分享《浅谈矢量图形前景》，简单地从设计趋势、技术、以及现有应用环境等角度讲述了矢量技术应用的可行性。这期我们将把阿里妈妈MUX这两年在矢量图标制作上积累的经验也分享给大家；大家可能在网上看过很多关于矢量图标制作的教程，而且大多是技术同学分享的技术贴。整个过程也相对比较简单。
2014/03/24
Icon设计
教程
涨姿势！浅谈矢量图形前景
矢量图形对于从事设计的我们来说并不陌生，大多设计师都不同程度的接触过illustrator、CorelDRAW等矢量绘图软件，但在网页应用中很少被触及，如果非要说有的话应该算Flash的swf矢量动画。我们在过去图形应用中更多接触的是位图格式的图形，但在过去的几年里，随着硬件和技术等外部因素的影响，位图应用给设计师的效率和开发成本带来了挑战，举个例子：一个图标要适配pc端、移动端或retina屏幕的话上就要设计两份或者更多，前端开发的时候也要判断设备再做出决定调用哪张图片。如果图片发生变化对前后者来...
2014/03/24
扁平化设计
UI
找不到灵感？来向这49个天气类App界面学习！
天气类App是手机里不可或缺的软件之一，但是想让你的应用在众多选择中脱颖而出，UI就显得非常重要了。今天我们从Dribbble和Behance上收集了一组界面出众的天气类应用，风格非常丰富，创意也很惊人，绝对值得设计师们一看！也希望它们能给你带来灵感 ：）同类型好文推荐：《超详细：教你创建一个具有美感的天气APP界面》《超赞！
2014/03/14
App设计
信息化视图
经验分享！超赞的静态信息图设计方法
这篇文章给大家分享静态信息图的设计方法。时间仓促难免有疏漏不足，欢迎各位指正.....信息在“设计”之前应有数据的收集、整理等步骤，在完成之后，应进行整体规划。然后才是“设计”的步骤：先选择各个部分的图表基本类型，接着进行装饰，最后再进行整合：信息图推荐：《信息图好帮手！
2014/03/12
扁平化设计
下载
超赞！30款免费的菜单及选项面板PSD下载
今天收集了30+免费的菜单及选项面板PSD，如果刚好有童鞋需要那最好不过咯。欢迎网速不错的童鞋打包下载后分享到评论中，感谢。相关资源：《99个漂亮的注册和登录页设计(附PSD)》《推荐：30款免费的涂鸦字体下载》《设计师福利！
2014/02/02
psd下载
教程
高手之路！浅谈图标字体化
在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题，经过实践发现了一种比较好的解决方案，图标字体化。在微社区项目中，有很多小的Icon（图标），如分享、回复、赞、返回、话题、访问、箭头等，这些Icon（图标）一般都是纯色的。开始制作时考虑用双倍大小的Sprite图，通过CSS样式设置只显示二分之一尺寸，这样在Retina屏上显示的大小是正常的，一旦放大屏幕后图标又变得模糊不清，测试的效果不是很理想，后来又考虑多套图标适配方案、SVG矢量图等，都因为种种原因放弃掉了（如多套图标...
2014/01/28
交互设计
教程
清新唯美：磨砂小清新，女孩纸的最爱！
在沉寂许久之后，磨砂背景突然大受设计师青睐，继而重回大家的视线。在使用过程中，我们不难琢磨出其中的原因：这种方法可以让主要元素着重显示，在背景中突出，能不漏痕迹的强调放置在表层的内容、图标以及图表等。除此之外，模糊背景还有其他优点，比如说你不用再为选哪些颜色搭配而烦恼，因为你可以只选一种基本色，然后调节不同的深浅。
2014/01/27
UI设计
教程
经验分享：高大上的扁平化交互设计
上次Joy同学分享的：《5个经验分享：让扁平化设计也爆发视觉冲击力》人气很高，这次她带来的《做好扁平化设计：交互篇》同样有条理，有干货，实用易学习，值得设计师童鞋们马克阅读。写在前面的话：（看正文请直接跳到分割线处）当写完“做好扁平化设计：视觉篇”给到各位设计师看求指点的时候。大家吐槽了：有人说“只有交互扁平了，视觉才好做扁平⋯⋯”还有人说 “如果一个产品把希望寄托于视觉上，想靠视觉来表现产品的扁平化，显然是不靠谱的⋯⋯”相关文章推荐： 《潮流推荐！
2014/01/25
web前端开发
1/3
1
2
3
下一页
前往
Go
页
大家都在看
设计流程
文章 155
立即查看
PS教程
文章 790
立即查看
职场经验
文章 282
立即查看
设计史
文章 152
立即查看
B端设计
文章 222
立即查看
入门
文章 162
立即查看
设计师职场
文章 889
立即查看
经验分享
文章 5180
立即查看
UI设计
文章 963
立即查看
优设读报
2023年02月06日 星期一
01
上周热门文章：《借势海报必看! 二十四节气之立春海报设计常用意象总结》
02
优设年度策划拜年活动完满收官！累计送出祝福 373 万
03
《深海》票房达 5.88 亿，创国产原创动画电影票房新纪录
04
谷歌将以「搜索伴侣」形式推出类 ChatGPT 服务
05
香港旅游发展推出「你好，香港！」全球宣传活动
查看全部
设计问答
全部问答
年前最后一个周，你会怎么安排日常的设计工作？
邀请你来回答
马上就是年前最后的一周工作了，不少设计师小伙伴在这周之后就会放年假啦，大家在这一周都会怎么安排日常工作呢，是不是都和下图一样，只想回家？
我来回答
设计问答
全部问答
潘虎为凉白开进行包装升级设计，据说设计费高达300万，新版包装你喜欢吗？
7.5k 设计师围观了该问题
文案写作
提高转化率的方法可不止放大加粗
查看专题
专题
已有87.8w位观众
已收录
23
篇持续更新
可能是最污的顶尖创意，杜蕾斯2016年微博文案盘点
53734 人阅读
一篇长文，读懂「10万+」标题的全部套路
20452 人阅读
细节
「支付宝」提醒您：读消息太多，可标为已读
相信大家手机里都会有一堆来不及看也不会打开的广告推送消息，一条条的删除太麻烦但不消除小红点提示看着又很碍眼。继「淘宝」和「微博」等App针对此应用场景推出一键标为已读功能后，「支付宝」也贴心推出了此功能来帮助用户处理没用的推送消息。当未读消息太多时「支付宝」还会在消息列表出现浮窗提示用户「未读消息太多，标为已读」，点击可直接清除所有小红点。
2019/08/17
AmberDu小白
微交互
设计神器
全部神器
在线免费用！将 heic 格式转换成JPG/PNG的在线神器「HEICFile」
神器推荐
设计素材！一月份最值得收藏的线条图案/纹理免费打包下载
酷站推荐
壹周速读：跟着这些顶尖高手学设计
神器推荐
素材模糊不清晰？用这个网站最高放大 16 倍！
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
网站内容运营
武汉
大专及以上
经验不限
4k-6k
交互设计师
北京
本科及以上
3-5年
25k-50k
高级UI设计师
北京
本科及以上
3年以上
25k-50k
查看全部
行业新闻
发布行业新闻
「大春晚季」品牌授权与版权文创暨「百人千创」合作计划：聚焦版权激发文创活力
活动赛事
喜兔迎年！iGame RTX 4070 Ti 开售，新春礼盒同步发布
新品推荐
为玩家和创作者提供超强动力：GeForce RTX 40 系列设计本发布
新品推荐
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
优设9图
优设爆火的干货频道
查看9图
设计问答
高手大咖在线答疑解惑
查看话题
