内卷。 在设定调色板时可yi在一个比较宽泛的色值范围内对选定的色调进行测试，并确保其在亮色和暗色下表现dou合适。

漂亮简约：Oak的Blue天气应用那个。

Global Closet：一款由The Workshop为国家地理教育打造的互动游戏，我晕...。

网页题目：重磅干货,必读的扁平化设计技巧

在设计领域没有一成不变的规范。kan到各位设计师如此热忱地投入极简化用户界面的设计令人欢欣鼓舞。dan是探索扁平化设计是否就意味着绝不使用渐变和阴影？当然不是。说实在的， 我近期kan到的几个hen有意思的作品也保证了交互的直观易懂，从而实现了扁平化和尺寸直接的平衡。

什么情况？

这事儿我可太有发言权了。 本文将深入探讨扁平化UI设计的概念、 优势、设计原则以及实用技巧，帮助您geng好地理解和应用这一设计风格。

扁平化UI设计， 顾名思义，是指tong过减少视觉效果、去除阴影、渐变和纹理等装饰效果，使界面geng加平坦、 捡漏。 简洁且易于理解的设计风格。告别复杂繁琐，让我们一起探索扁平化UI设计的魅力吧！

OfficePLUS职场帮你立刻上手， 扁平化设计的8个实用技巧来源，Office办公助手材料设计方兴未艾，扁平化仍是主流设计风格，今天给大家了扁平化设计的8个小技巧，字体，图标，排版，配色等dou有提及，教程深入浅出，fei常适合新手，学会可yi直接拿来作海报和PPT设计。

说起来... yin为页面上叠加内容的增加，我们无法将suo有可交互元素douZuo成按钮的样子。界面应尽量直观。但如guo交互过程比较复杂或有违常规，则应提供方便的错误恢复方法。

yin为智Neng手机和平板快速普及各种用户，业界对其控制方式显见性的顾虑日渐消退。尽管一度曾经担心用户会难以kan见不显眼的按钮，但现在我们却geng愿意探索较为细微的交互内容。Windows 8和Chrome for Android甚至还支持在没有视觉提示的情况下tong过触摸命令点亮屏幕。

平心而论... 衬线体无疑是个办法，但无衬线字体却Neng让人感到geng为简洁。

你也可yi尝试使用具有特定重要意义的元素打破网格来吸引用户的注意力。

使用Wallmob进行实时销售监控：记录suo有带浏览器设备的销售数字。

Zui简化设计广泛的复兴让人眼前一亮。这自然不会是无所不Neng的解决方案， 拉倒吧... 但只要经过深思熟虑和恰当的应用，其Neng够实现既好用，有舒适的数字体验。

成dou网站建设公司_创新互联， 为您提供动态网站、商城网站、软件开发、Google、网站收录、网站设计公司，CPU你。

恳请大家... 色块在扁平化设计中占据着hen重要的地位，几乎我们kan到的suo有扁平化设计dou离不开色块。除了基础的形状之外你可yi由基础形状衍生出geng多的组合形状。有的人在扁平化设计中geng喜欢使用带有圆角的基础形状。

网格在界面设计中扮演着fei常关键的角色，绝无例外。在你拿着一套受限制的视觉元素， 整一个... 努力想确定其各自顺序并让使用方式geng加直观时网格Neng够带来hen大帮助。

实践

在实际生活中也hen容易发现， 扁平化的设计在辨识度上没有拟物化那么直接，从而增加了使用者的学习成本。 我跟你交个底... suo以如guo一个界面的色彩fei常明快、活泼那么也就hen容易吸引受众的目光。

在设计Zui简化界面时 我一般会从PC机出现前的时代寻找灵感，那时的设计师和艺术家往往需要Zuo到“多快好省”。接这个机会你可yi重新探访一下过去的hen多优秀设计，比方说Josef Müller-Brockmann 和 Wim Crouwel。再说一个， 我还会kan向Ellsworth Kelly等极简主义画家，Mies van der Rohe等建筑家和Dieter Rams等工业设计师，你看啊...。

大家怎么就突然从大爱材质、斜面和投射阴影突然转向热衷扁平化颜色和简约字体了？这一转变受到了hen多因素的推波助澜，下面是其中比较显著的几项。

尝试使用一下密度比较高的网格。在大幅简化视觉调色板时你可Neng会发现你的设计Neng够支持geng为复杂的结构，一边kan起来也不会显得凌乱。你也可yi试试kan仅tong过位置调整Neng够传达出哪些额外的讯息，躺赢。。

拯救一下。 不要怕使用大小粗细走极端的字体搭配来构建视觉顺序。尝试使用超大超细的标题字体搭配小号中等粗细的正文字体。

太硬核了。 Live School Rossul Design 开发的iPad应用。

在实际当中， 扁平化设计一词所指的是抛弃那些Yi经流行多年的渐变、阴影、高光等拟真视觉效果，从而打造出一种kan上去geng平的界面。you其在移动设备上， 过于复杂的效果非但hen少Neng为应用吸引用户， 这事儿我得说道说道。 反而时常让用户在视觉上产生疲劳，对产品界面中Zui基本的功Neng产生认知上的障碍。举个例子， 我们通常会为界面当中的按钮添加渐变和投影效果，主要原因是现实当中的按钮就是具有这些视...

太虐了。 你可yi找一个粗细和样式种类比较多的字体类型。虽然不一定全用的上，但比较宽泛的选择范围有助于geng为鲜明地界定层次结构。你也可Neng会发现某个粗细度在某个特定环境下效果geng佳。

开始之前

Siteleaf上清爽易读的文字。

我们每天要不停地接触各种信息流，有的重要，有的无关紧要。我们要不断地评估、过滤bing且创造各种内容，这一切明摆着是hen费神的。还有啊，我们所摄入的内容中有hen多dou转移到了小屏幕设备中，从而geng加剧了这种负荷过度的感觉。suo以说人们现在hen容易对过量的信息感到应接不暇，而减少用户界面中的元素则Neng够带来少许视觉上的宁静，泰酷辣！。

流程

由于物体的相对大小具有着fei常关键的意义， suo以呢你需要尽早开始在不同种类的设备上检视设计理念， 薅羊毛。 以便确定其是否合适。

不管你要采用哪种样式风格，遵循流程dou是fei常重要的。 PUA。 下面的几个建议可yi帮助你实现简约效果。

我懵了。 每当有新设备和技术进入市场之时其功Neng和推动交互发展的程度总会让我们为之着迷。继界面所带来的迷乱之后我们一般dou会将注意力重新集中到内容上去。不论是文字、 音频还是视频，对媒体内容的摄入大概是我们使用设备时的Zui主要活动，而在这种情况下我们需要保证界面不会影响我们的摄入过程。

给力。 颜色不用多说是视觉设计中的一个关键组成部分。dui与Zui简化界面其所具有的意义geng加关键。

tong过掌握一些实用的设计技巧，我们可yi创造出既美观又实用的扁平化UI界面。简洁的界面设计使得用户可yigeng快地学习和使用产品， 我们都曾是... 减少了用户的学习成本。本文将深入探讨扁平化UI设计的魅力所在并提供一些实用的设计技巧。

戳到痛处了。 我们将从基本的扁平化设计入手，逐步添加效果，到头来实现一个既现代又吸引人的按钮样式。

今天@正越升同学了扁平化设计的8个小技巧，字体、图标、排版、配色等dou有提及，教程深入浅出，fei常适合新手，学会可yi直接拿来作海报和PPT设计。除了基础的形状之外你可yi由基础形状衍生出geng多的组合形状。「材料设计」方兴未艾，扁平化仍是主流设计风格，太顶了。。

在扁平化内容驱动网站上，文字是主角。

扁平化风格并不代表着设计师的工作变轻松，ge 基本上... ng不Neng说明界面的可用性Neng被降低。

响应式设计

色彩

yin为各种尺寸可联网设备的普及， UI受大势所趋而务求geng加流畅，而与之相应的，就是响应式设计风潮。尽管响应式设计不需要特bie的美学，但也可yi说扁平化UI相比其他风格来说Neng够geng易于辅助响应式设计的美观。 补救一下。 Zui简化设计的另一优势在于Neng够降低页面重量从而减少加载时间。

将不同版本毗邻比较也hen有用。在将一条输入线上下5个像素来回倒腾了20分钟之后 我会保留下两个不同版本进行比较，这样孰优孰劣马上见分晓。

杂乱不再：Geckoboard的可视化工具可方便你一眼轻松解读关键数据。

交互

技术的影响

换句话说... TriplAgent 的视觉设计采用了绝妙的配色方案。

注意字体是否易于辨认阅读。这一点虽然听起来有点无厘头， 但你对自己所选定字体的依仗将是hen强烈的， 躺平。 suo以一定要保证其在ren何尺寸小均易于辨认。

简单但一点到位：OnSite

ren何项目dou一样，第一步是先确保自己选定的样式合理。在开始进行扁平化设计之前，要先保证自己的设计符合目标用户的感觉以及目标平台、设备和应用类型。如guo不适合你的项目情况，那紧跟潮流也没有意义，地道。。

图啥呢？ 简介:此文档是guan与用扁平化的界面设计吸引用户的doc文档， 编号为101434719，其中主题是guan与专业资料、行业资料的内容展示

对比如guo布局内容中大部分为白色，那可yi给交互元素添加一定其他色彩。如guo你的设计以文字为主，可yi使用简单的图标表示交互。 我们一起... 如guo标题比较大而且quan部为小写字母，那么链接部分可yiZuo小一点并使用大写字母。你懂的。

简约是金

在扁平化UI中，要表现出哪些元素可交互是个有学问的活。下面是我常用的一些方法。

文字

建议分别试验一下同系配色及鲜明对比。早期对调色板进行试验将保证你在接下来Neng够掌握微妙和强对比元素所需的quan部配色范围，拭目以待。。

考虑geng为宽泛的调色板。个人我觉得范围比较窄小的调色板通常Neng创造出比较功Neng化的界面。想创造出让人眼花缭乱的缤纷色彩fei常简单。 往白了说... 但tong过下面这种方法， 你可yi大大拓展一下选择范围；而且，考虑到待设计元素的数量hen少， 调色板还Neng给你带来hen良好的感觉。

内卷... 大部分软件dou会调色板的范围，也就意味着界面上的每个元素dou要具有自己的表现力。文字规模和字体大小将在hen大程度上决定扁平化设计的美感和可用性。

所呈现的设计要素布局简单， 对比度优秀：Taasky.

在工作的一边，经常自问：“我是否真的需要这个？”人总是hen容易对自己钟意的东西念念不舍，但我们还必须老是找出要砍掉huo者简化的内容。抛弃自己费尽心思Zuo出来的东西不容易，但编辑取舍也是必须的，别怕...。

从头再来。 好了理论就说到这。下面我们来kankan一下实际操作上的注意事项。打造有效的Zui简化设计难度hen高。在层层剥离常规的一些UI元素的一边，你就会发现所剩下的为数不多的这些元素多么重要。下面的小提示尽管在hen大程度上是通用的，但you其适用于扁平化UI。

啊这... 网格所确定的，不仅仅是视觉顺序。你还可yi用它来界定内容和功Neng组。有时候要将一组物体分组不一定非要用到线条huo者方框。简单的对其和空间调整往往Neng帮助用户理解界面的结构。

信息负荷过度

内容为王

下拉菜单、 模拟窗口、弹出式窗口及其他层叠元素dui与扁平化设计来说操作起来比较麻烦。你可yi采用鲜明的对比、边框或着色区分不同的交互层级。

暂时脱离工作也hen有帮助。扁平化和Zui简化设计的核心就在于细微之处。suo 我不敢苟同... 以短暂休息后带着新的眼光重新回到工作中有时反而比一味苦心琢磨要geng有效用。

在过去几年中，我们见证了软件和应用界面设计从3D及拟物化向扁平化和极简化的快速转变。尽管这一趋势现在Yi经无所不在 但我们不妨拿出一点时间来思考今天的后来啊是如何形成的，以及其对界面设计整体有着何种影响。再说一个，我还会和大家分享一些有关设计扁平化界面的小技巧和注意事项。

精辟。 Windows Phone 及 Apple iOS 界面。

与上述趋势类似，hen多具有颠覆意义的Web应用和服务可提供功Neng高度集中的工具。虽然传统的软件开发商比较喜欢在产品中加入大量功Neng作为高售价的借口， 梳理梳理。 dan是朝着集中化微应用转变的风潮却geng倾向于使用简单代替多样化的功Neng组合。应用越简单，界面也就越简单。

技术精通

常规的位置安放方法也Neng起到作用。比方说你的后退箭头使用细V形表示，可yi将其放置到左上角，主要原因是用户一般会到这个位置找后退按钮，到位。。

如guo你的目标设备无法体现出细微到这种程度的差别，那算你运气好。yin为移动设备的屏幕尺寸和像素密度不断提高，以后geng薄geng小的设备将Neng实现geng高的清晰度。当然对@font-face的支持也大大地提升了极简化文字核心设计的吸引力。

Fitbit的控制面板界面在视觉上表现明亮、大胆而且简单好用。