广州网站建造集团官网 老直营威尼斯网址开户
老品牌威尼斯网址开户 吾们 效劳 网站建造 移动应用 案例 报道 联系
咨询热线:13711534025

期待聆听您的声音

13711534025

不忽悠,不作恶,不欺诈;敬天理,存良知,思利他。
QQ咨询 QQ咨询 QQ咨询
广州总部 深圳 佛山 广西

与吾们一起分享美好

2015年最优秀的20款网站配色Plan

发布时间:2015-10-10 发布作者:老直营威尼斯网址开户 查阅次数:2155次 标签:配色

几周以上,供职于 Jam 3 的图像开发者 Matt DesLauriers (@mattdesl)向吾们找子 玖薃wwwards 平台上的一个有趣的发展趋势。正如同您所看到的,Awwwards 从 2009 年开始就专注于搜集网络上最有修的网站,而这些网站就是网页策划趋势归纳的要紧素材和来源。

“这个porject始于一个实验:当时我刚刚开始进修Node,正打算在Awwwards上挖掘一些数据可视化的案例。”

Matt 开发了一个工具,它可以抓取每一个Awwwards的获奖网站的圆数据,譬喻站点名称、开发者、日期、URL、缩略图,等等等等。这个工具还会归纳每个网站缩略图的配色,生成一套相对粗略、包含三个主色的配色Plan。

网站配色Plan 网站配色 颜色配色Plan

如果将其按照日期和亮度来进行排序的话,会得到下面的图:

网站配色Plan 网站配色 颜色配色Plan

获取配色Plan的数据之下,工具将每个网站的三色配色Plan用饼状图呈现出来,在Canvas2D的渲染下生成上方的图片。在这个过程中,Matt灰子 褂昧薔ode.js、d3.js、Cheerio,Browserfy 等开源工具。

由于采样巨大,信息量惊人,想一眼洞见规律并不匆子 侄茫亲邢腹鄄炷峥吹脚渖玃lan演进灰子 且隐遵循着某种趋势和规律的。

1、20个配色最佳的“每日一站”

Awwwards 每天推荐的网站都是策划 技术实现 俱佳的优质案例,由于评选过程中网站的不同属性都会被打分,易于 配色优劣在这里也是被量化的。以是,文章这一部分是从最近几个月的每日一站中精选的20个配色顶尖的优质网站。如果您需要现成的配色Plan,直接借鉴下面的Plan吧。

Créations Namale By Phoenix The Creative Studio

网站配色Plan 网站配色 颜色配色Plan

LEVEL By Vide Infra

网站配色Plan 网站配色 颜色配色Plan

Brdr. Krüger By Relax, we are the good guys

网站配色Plan 网站配色 颜色配色Plan

Dream Team Katarzyna Konkowska By BrightMedia

网站配色Plan 网站配色 颜色配色Plan

L’Avenir, Dental Clinic By Phoenix The Creative Studio

网站配色Plan 网站配色 颜色配色Plan

QED Group By madeo

网站配色Plan 网站配色 颜色配色Plan

Quay Restaurant By Pollen

网站配色Plan 网站配色 颜色配色Plan

Teye By denkwerk

网站配色Plan 网站配色 颜色配色Plan

Weber – BBQ Cultures By UncleGrey & MediaMonks

网站配色Plan 网站配色 颜色配色Plan

Tens Sunglasses By Elegant Seagulls

网站配色Plan 网站配色 颜色配色Plan

Helbak Ceramics By Anders Bergh

网站配色Plan 网站配色 颜色配色Plan

Crea Carte By Dataveyes

网站配色Plan 网站配色 颜色配色Plan

Suspended Animations 2015 By Baptiste Briel & Flavinsky

网站配色Plan 网站配色 颜色配色Plan

Pablo The Flamingo By Pascal van der Haar & Nathan Gordon

网站配色Plan 网站配色 颜色配色Plan

Baku 2015 – Follow the flame By Steven Delcourt

网站配色Plan 网站配色 颜色配色Plan

Bonhomme By Bonhomme

网站配色Plan 网站配色 颜色配色Plan

Austrian Summer Moments By Loop

网站配色Plan 网站配色 颜色配色Plan

Reebok: Be More Human Experience By Venables Bell & Partners, welikesmall

网站配色Plan 网站配色 颜色配色Plan

BRANDTS – Museum For Art & Visual Culture By Stupid Studios

网站配色Plan 网站配色 颜色配色Plan

Anton & Irene By Anton & Irene, Oleg Chulakov Studio

网站配色Plan 网站配色 颜色配色Plan

     

 

 2、Material Design 的理论与工具

随着Material Design的流行,基于Material Design 性状style的配色工具也逐渐多起来了。

完美配色: Material Design 如何让配色更轻松

这是一个视频教程,被发布在Youtube上,以是毫无疑问您得自备梯子翻越伟大的墙来观看视频……

Material Design 用色准则 : 色彩应该充满活力而意想不到

网站配色Plan 网站配色 颜色配色Plan

这篇用色相关的文章是Material Design官方文档的配色部分的始末,易于 这般,它在Google的效劳器上,您知道该怎么做了……

Material Colors

网站配色Plan 网站配色 颜色配色Plan

Material Palette

网站配色Plan 网站配色 颜色配色Plan

Material UP: Colors

网站配色Plan 网站配色 颜色配色Plan

       

 

3、创建配色Plan的常用工具

创建配色Plan的常用工具绝对是策划师的日常必备工具之一。

Coolors

网站配色Plan 网站配色 颜色配色Plan

Coolors 是一款直观的配色工具,您可以以更好easy的方式创建色彩组合,还可以生成不同的格式,譬喻SVG、PDF或者SCSS。

Stylify me

网站配色Plan 网站配色 颜色配色Plan

Stylify me 是一个帮您制造策划性状style指南的网站,包括颜色、字体、大小和间距等基本圆素。

Adobe Color CC

网站配色Plan 网站配色 颜色配色Plan

经典配色工具Color CC,它的上身一直是以Kulor而存在。Now的Color CC 已经覆盖了各大系统平台,云端同步,还有支持社区。

Paletine

网站配色Plan 网站配色 颜色配色Plan

Paletine 是一个用来协同制作配色Plan的工具。

Color-Hex

网站配色Plan 网站配色 颜色配色Plan

Color-Hex 是一个有趣的工具,不论是要配单色、近似色灰子 侨呐渖玃lan,它都能帮您搞定。Color Hex可以按照需求生成不同色彩模式的Plan,RGB、HSL和HSV和公分YK都不在话下。为了方便网页策划师,Color Hex 还可以生成CSS代码。

        结语

厚重的色卡、海量的网站、大把的工具,即使您拥有良好的品味,制作优秀的配色Plan依然是个体力活儿。这些优秀的工具和素材使得配色Plan的来源丰富用法多多,用好它们,好配色Plan肯定是可以搞出来的……


外贸网站如何推广

集团官网全套VI策划包括哪些?

吾们的地位

广州 广州市天河区岗顶百脑汇高技术大厦B塔27楼 020-6235 2949

深圳 深圳市南山区汉京万国大厦18A 159 8916 9178

广西 茂名市茂南区油城三路广西创业创新孵化基地B110 159 8916 9178

吾们的效劳

网站及移动应用 牛逼直营网站 APP开发 小程序开发 WeChat运营

系统应用开发 OA/ERP/CRM/HR系统开发 教学管理系统 电商系统 应用型软件系统定制开发

了解吾们

集团官网简介 联系吾们 吾们的案例 讯息报道

使用条款 隐私声明 Cookies

© 2009-2020 老直营威尼斯网址开户 版权一切 广ICP备16051058号

XML 地图 | Sitemap 地图