`
iaiai
  • 浏览: 2203926 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

扁平化设计与色彩趋势

 
阅读更多
这篇文章将展示很多很酷的范例,甚至还提供了一个免费的用户界面工具包供你下载和使用。但如果是你自己的话,你打算怎么做?给点提示,色彩是扁平化趋势中最重要的一部分。

扁平化设计进修





扁平化设计你可以通俗的理解为:使用简单特效,或者无特效来创建的设计方案,它不包含三维属性。诸如投影、斜面、浮雕、渐变等特效都不要在设计中使用。

扁平化设计给人的感觉通常都很简洁,即使它可以做的很复杂。简单、直接、友好的特性也使得它广受移动界面和时尚网站设计的青睐。

想了解更多扁平化设计趋势,可以看之前的这篇文章。

定义调色板
说到色彩,扁平化设计中会用到很多,但设计师们通常会选择大胆的和鲜亮的来使用。怎样使用色彩让设计各有不同?设计师们打开调色板,多数时会选鲜亮的,饱和度高的来用,偶尔也会使用灰色或黑色。而包括彩虹调色板在内的很多传统配色规则都被抛出窗外。

其实归根结底就是色调与饱和度的匹配。虽然在色调上,设计师可以有很多选择,但一般开始会选互为镜像的色深。它要么是一个主色或辅色的组合,要么是色盘的另一部分,包含了更多的黑白色混合。

一提扁平化设计的色彩方案,人们就会想到高饱和、鲜亮、复古或单色块之类的。并不是说这是唯一的选择,只是发展趋势让它们变的流行。

鲜亮的色彩



鲜亮的色彩为扁平化设计创造出一种与众不同的感觉。因为它在亮背景和暗背景下都能获得很好的对比度,以吸引用户的注意。这正是它成为扁平化设计色彩趋势的原因。

从哪里开始?
FlatUIColors.com 网站上有很多扁平化设计的流行色调,是项目起步的好选择。无论是明亮的蓝色、绿色,还是黄色、橙色,你都能从中找到流行色的缩影。这个网站最重要的一点就是,你可以免费选择和下载色值到本地。(就个人而言,我对灰色调情有独钟。)
Designmodo 已将亮色设计大纲进一步地整合到了最近发布的Flat UI Free 套件中,包括扁平化设计,流行的图标以及调色板(对配色新手来说,这简直太赞了),而且界面更易用。
在设计中使用严格的原色的情况并不常见,比如纯红、纯蓝、纯黄,一般都混色使用。如果你想自己做配色方案,请注意简洁。记得选择类似的色调和饱和度,当然,也可以采纳我们的建议。

亮色:可以尝试把这些色彩组合,或混合在一起使用。它们在白色或黑色背景上都有很好表现。

比较流行的有:蓝色,绿色和紫色。

复古色




复古色也是扁平化设计中一种流行的方案。

这些建立在鲜亮颜色基础上的不饱和色彩,加之白色内容的反差,看起来更柔和。是不是有种老校区的感觉。复古色的配色方案往往包含大量的橙色和黄色,偶尔也有红和蓝。

复古色很常见的是用在主色和辅色上,因为它们给人感觉很舒缓。

复古色:这类色彩适合作为主色元素出现,配以图案或柔和的色彩,效果最佳。

比较流行的有:橙色,桃色,梅子色和深蓝色。

单一色




单一色方案正在被日益普及。它依赖于黑色和白色的单一颜色来创造新的色调。

大多单一色彩方案都是一个基本色搭配另外2-3种其他色调。最流行的色调就是蓝色,但也有设计师采用黑色(或灰色)作为基色,用红色代表按钮或动作。另一种做法是利用颜色差异。比如蓝色,你可以添加绿色调进去,来创建一个蓝绿色的方案。

同时,单一色方案在移动和App设计中也极为流行。

单一色:与其他色调方案一样,通过调节对比度,可以在父颜色基础上得到很多不同的色调。比如原始颜色对比度是100%,你可以看看调成50%,20%和8%后分别是什么样子。

比较流行的有:蓝色,灰色和绿色。

结论
其实真正使扁平化设计火起来的原因是:这个概念很新,且有趣。你可以在项目中体会这一点。
一个与项目相匹配的色彩方案,能够引导用户更好地使用网站,这是件很酷的事情。现在,超越传统配色的束缚,去创造一个更舒适的扁平化色彩方案吧。
  • 大小: 25.1 KB
  • 大小: 29.8 KB
  • 大小: 38.6 KB
  • 大小: 20.9 KB
  • 大小: 21 KB
  • 大小: 51.6 KB
  • 大小: 51.4 KB
  • 大小: 23.8 KB
  • 大小: 19.3 KB
  • 大小: 23.7 KB
  • 大小: 35.7 KB
  • 大小: 38.8 KB
  • 大小: 40.4 KB
  • 大小: 30 KB
  • 大小: 73 KB
分享到:
评论

相关推荐

    网页设计培训扁平化设计与色彩趋势.pdf

    网页设计培训扁平化设计与色彩趋势.pdf

    网页设计培训扁平化设计与色彩趋势.doc编程资料

    网页设计培训扁平化设计与色彩趋势.doc

    扁平化设计的色彩选择

    在扁平化设计的色彩应用中,一些在线资源如***提供了一系列受欢迎的扁平化设计色彩,方便设计师下载和使用。这些色彩的流行趋势从宝蓝、草绿到明黄和橘黄,为设计师提供了一个灵感来源,帮助他们在色彩选择上更加...

    扁平化设计ui

    总结,扁平化设计UI是当前数字产品设计的主流趋势,它以其简洁明了的特点,深受用户和设计师喜爱。在Android平台,掌握扁平化设计原理和技巧,结合UI Kit进行实践,将有助于创造出色且易用的用户界面。

    扁平化2015年网站设计精选

    在扁平化设计中,图标、按钮等元素通常采用简单的几何形状,色彩鲜明,没有阴影、渐变和纹理等复杂效果,旨在提高用户体验,让用户快速理解功能,降低学习成本。 【网站设计】 网站设计是将信息和功能通过视觉表现...

    精品-扁平化设计手册.ppt

    本篇文章将深入探讨扁平化设计的核心原则,并提供如何在PPT制作中应用这些原则的建议,以期帮助设计师们更好地掌握这一现代设计趋势,创作出具有吸引力和功能性的设计作品。 **扁平化设计的核心原则** 扁平化设计...

    扁平化网页设计模板下载

    1. **色彩选择**:扁平化设计倾向于使用纯色或简洁的渐变,避免过于复杂的色彩组合,以此达到视觉的和谐统一。 2. **图形设计**:使用简单的几何形状和线条,减少冗余的装饰元素,使设计更加清爽。 3. **图标设计**...

    欧美风格色彩扁平化ppt图表.rar

    【标题】"欧美风格色彩扁平化ppt图表.rar"是一个包含欧美设计趋势的PPT图表资源,主要特点是扁平化设计和丰富的色彩搭配。在现代商业演示和报告中,这样的图表设计能有效提升视觉吸引力,使信息传达更直观、清晰。 ...

    e语言-易语言扁平化设计登录界面

    1. **色彩选择**:扁平化设计倾向于使用简洁、明亮的色彩,通常选择纯色或淡色调,以减少视觉干扰,提高信息的可读性。 2. **图形元素**:扁平化设计中的图形元素没有阴影、渐变或浮雕效果,而是采用简单的线条和...

    扁平化设计的配色方案.doc

    例如,FlatUIColors 提供了一系列扁平化设计中最受欢迎的色彩,包括宝蓝、草绿、明黄和橘黄等,这些颜色反映了当前的色彩趋势,并允许设计师下载使用。 纯色在扁平化设计中占据主导地位,因为它们能带来独特的视觉...

    扁平化设计素材psd

    4. **按钮设计**:扁平化设计中的按钮通常是平面的,没有浮雕或阴影效果,而是通过色彩和边框来区分状态和功能。这使得按钮更加突出,且与整体设计保持一致。 5. **PSD文件格式**:PSD是Adobe Photoshop的默认文件...

    扁平化风格设计在APP图标设计中的体现.pdf

    随着智能手机的普及,人们对APP图标的需求日益增长,扁平化设计因其简明的设计风格、较低的制作成本和高效的传播能力,逐渐替代了繁琐的拟物化设计,成为主流。 扁平化设计的APP图标具有许多显著优势。它通过简化...

    扁平化设计流行配色方案

    2. **彩虹色配色**:彩虹色是指使用多种颜色的组合,这在扁平化设计中成为一种流行趋势。彩虹色可以为设计增添多样性,同时保持清晰的视觉识别性。设计师可以通过混合不同的颜色,创造出既独特又和谐的配色方案。 3...

    扁平化小图标搜集

    4. 色彩选择:扁平化设计通常采用鲜明、对比强烈的颜色,但避免过于饱和,以免造成视觉疲劳。色彩的选取也需考虑品牌调性和用户的审美习惯。 5. 可缩放性:扁平化图标通常需要适应各种屏幕尺寸,因此设计时应考虑其...

    简约扁平化设计论文答辩ppt模板.rar

    在制作PPT时,注意色彩搭配要和谐,字体要清晰易读,版面布局要有逻辑性,这样可以确保你的简约扁平化设计论文答辩PPT既专业又吸引人。同时,别忘了在每个部分之间加入适当的过渡页,帮助观众跟随你的思路。

    扁平化设计SWOT分析图.ppt

    在当前的数字时代,设计趋势不断演变,其中扁平化设计(Flat Design)以其简洁、清晰的视觉风格在UI/UX设计领域占据了一席之地。SWOT分析是一种常用的战略规划工具,用于评估一个项目、产品或理念的优势(Strengths...

    扁平化设计初探.ppt

    扁平化设计的普及和流行,展现了设计与技术、用户体验和美学趋势之间相互影响和促进的关系。设计师在追求视觉美感的同时,必须不忘回归设计的初衷——即为用户创造更加直观、易于操作且愉悦的使用体验。扁平化设计的...

Global site tag (gtag.js) - Google Analytics