易捷网络专注企业网站建设
11年企业网站建设经验、响应式网站建设,兼容PC、手机、平板全
终端,给你更佳的浏览体验...

扁平化的网页设计与色彩趋势

来源:网站建设行业资讯网
添加时间:2022-02-13

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

扁平化设计进修


http://wistia.com/


http://roybarber.com/


http://squidee.co/


http://www.thrivesolo.com/

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

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

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

定义调色板

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

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

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

鲜亮的色彩


http://flatuicolors.com/


http://dribbble.com/shots/540216-Weather-app


http://dribbble.com//shots/894214-Weather-Widget-freebie

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

从哪里开始?

FlatUIColors.com网站上有很多扁平化设计的流行色调,是项目起步的好选择。无论是明亮的蓝色、绿色,还是黄色、橙色,你都能从中找到流行色的缩影。这个网站最重要的一点就是,你可以免费选择和下载色值到本地。(就个人而言,我对灰色调情有独钟。)

Designmodo已将亮色设计大纲进一步地整合到了最近发布的FlatUIFree套件中,包括扁平化设计,流行的图标以及调色板(对配色新手来说,这简直太赞了),而且界面更易用。

在设计中使用严格的原色的情况并不常见,比如纯红、纯蓝、纯黄,一般都混色使用。如果你想自己做配色方案,请注意简洁。记得选择类似的色调和饱和度,当然,也可以采纳我们的建议。

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

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

复古色


http://invoisse.com/


http://dribbble.com//shots/940908-My-drinks


http://www.geckoboard.com/plans-and-pricing/


http://pattern.dk/sun/

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

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

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

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

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

单一色


http://dribbble.com/shots/912418-Flat-List


http://foundation.zurb.com/


http://dribbble.com/shots/780188-Morning

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

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

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

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

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

结论

其实真正使扁平化设计火起来的原因是:这个概念很新,且有趣。你可以在项目中体会这一点。

一个与项目相匹配的色彩方案,能够引导用户更好地使用网站,这是件很酷的事情。现在,超越传统配色的束缚,去创造一个更舒适的扁平化色彩方案吧。

网站建设计最新案例赏析:


深圳信雅文化传播网站制作首页设计效果图
深圳信雅文化传播
广东思远工程技术网站制作首页设计效果图
广东思远工程技术
江苏天兴环保股份网站制作首页设计效果图
江苏天兴环保股份
广州康耐登家居用品网站制作首页设计效果图
广州康耐登家居用品
江苏小太阳机械科技网站制作首页设计效果图
江苏小太阳机械科技
广州捷伦达实验室设备网站制作首页设计效果图
广州捷伦达实验室设备
广州恒星制冷设备集团网站制作首页设计效果图
广州恒星制冷设备集团
佛山红海豚门业网站制作首页设计效果图
佛山红海豚门业
上海傲秀展览展示网站制作首页设计效果图
上海傲秀展览展示
广州庄齐实验室工程网站制作首页设计效果图
广州庄齐实验室工程
 

网站建设行业资讯推荐阅读:


首例P2P网络借贷案:融融网被要求偿还10万余元网站设计,商城网站设计需要注意哪些问题网络物理类故障企业做好网站建设具有哪些重要的作用品牌网站建设的本质深圳网站推广和宣传应该怎么做如何确认网站建设方案及功能介绍网站建设中源码编程是非常重要的网站建设的意义和目的有哪些深圳手机网站设计,手机网站设计的注意事项是什么网站建设不是单纯在做一个网站,关键是要有工匠精神为什么做软件定制项目很难赚钱什么是公安局备案,如果不进行备案会有什么处罚 企业网站设计联系方式 这些美国虚拟主机退款政策你懂了吗网站如何逃脱被“秒杀”的命运易捷网络为你设计一个高分特色的网站网页网站制作经验:有关页面显示与处理的一些技术和经验网络逻辑类故障为什么企业要做网站开发深圳网站建设中*页布局设计经验分享网站域名的必要性及其对网站的影响网站建设安全问题有哪些怎么解决分析企业网站站内优化的细节要素如何为初创企业建设网站服务器决定网站收录速度错了!原来是有技巧的我新注册的域名,怎么提示已备案网站建设中网页设计的重要性应用电商网站模板怎样才可以吸引客户广州网站设计公司教你防止对手用seo技术的攻击 品牌网站设计制作公司哪家不错 网站的设计规范都有哪些如何去分析竞争对手的网站不忘初心!极简风格的过去与现在移动网络网站建设开发所必须注意的四点问题!哪些企业网站设计风格吸引更多用户点击深圳网站建设中*页放置广告注意事项商城网站建设颜色类型值的留意什么事是你应该做的,在你网站建设过程中企业网络营销推广需要高成交力的定制网站这样的网站能够避免你的网站被攻击手机网页应该怎么设计如何实现网站中的简约设计网站建设基础步骤一步步打造出极致网站深圳网站设计:网站设计有哪些细节会影响效果网站设计中弹出窗口设计的4条重要原则分享网站如何从排名100名之外逆袭手机网站建设细节解析,记住这11点你的网站将与众不同!什么是有意义的网站维护服务探访“互联网+”时代的网站建设行业如何写出高流量的内容怎么才能做一个成功的企业网站建设 高端网站设计找哪家 企业有进行网站建设的必要吗不做花瓶!如何通过网站设计提高用户粘度网站优化并非只关心网站权重网站建设中关键字的作用到底有多大深圳网站制作哪家专业,网站优化一直没有排名的原因是什么网站建设的基本流程网站建设,前期做好充分准备
企业网站建设行业信息服务发布平台!
(www.fantodo.com)版权所有
QQ在线咨询