Maison > interface Web > tutoriel HTML > 顶尖灵感库!专门收录世界知名品牌标准色的BrandColor_html/css_WEB-ITnose

顶尖灵感库!专门收录世界知名品牌标准色的BrandColor_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:27:09
original
1301 Les gens l'ont consulté

一般在品牌商标(Logo)使用规范中,都会对颜色、书写字样或留白等细节提供详尽的说明,其中最被使用者熟悉的「标准色」就是设计里相当重要的一环。所有品牌都会有其最常使用的颜色,而这颜色通常会被用户记忆在脑海里,例如 Facebook 的蓝色、Yahoo 的紫色、Spotify 的绿色等等,虽然大略知道这颜色,却很难准确说出它的色码(只有设计师才有这种天赋吧!),如果需要时该去什么地方搜寻呢?

国外有个名为 BrandColors 的网站收集了世界知名品牌、企业公司、网络服务使用的标准色,内建搜寻查找功能,还可以一键显示该颜色色码 HEX 值,并勾选你需要的品牌颜色来把色票文件快速下载到计算机里,支持 ASE(like ACO)、SCSS、LESS 和 CSS 格式。

虽然工作上几乎不会用到这些数据,但也很好奇地在这网站逛了一下,发现很多网络服务都与蓝色脱离不了关系(看起来特别具有科技感?),如果你的工作会需要和颜色长时间相处,那么 BrandColors 也许是个寻找 配色 灵感的好地方。

关于HEX 和RGB 的转换,参见: http://imgk.zol.com

春节酷站系列:

  1. 《春节酷站系列!超过30万个企业公司LOGO矢量图免费下载》
  2. 《春节酷站系列!提供免费商用的高质量图标素材站ICONSTORE》

BrandColors

STEP 1

前面提到的 Dropbox 使用的蓝色为 #007ee5 ,还有三个使用浅灰色、淡灰色和深灰色的颜色代码,这蓝色是不是看起来非常熟悉呢?

STEP 2

Samsung 三星的品牌颜色竟然有十二个这么多,我倒是对于它们 Logo 所使用的宝蓝色较有印象,如果没记错的话应该是第一个颜色。

STEP 3

Facebook 使用的品牌标准颜色为 #3b5998,就是 Facebook 网站上方那条工具栏的颜色啦!大家每天在看应该都非常熟悉,但大概很少人会知道它的 HEX 色码值。

STEP 4

在勾选品牌后,从网站右上角可以选择要下载的色票格式,BrandColors 会将你所选取的颜色代码通通打包让你下载回去。另外,网站还很佛心的提供所有的色票档案,从网站左上角可以一次下载全部。

如果你需要这些颜色的 Photoshop .aco 档案,在 Dribbble 上已经有设计师将它做好释出了,可以至该网页免费下载、获取。

【优设酷站22连发!】

  1. 免费图库+导航收集站: 《酷站两连发!高品质免费图库站+专注WEB/APP导航收集站》
  2. 音乐站+字体搜索: 《酷站两连发!帮你专心工作的音乐站+谷歌字体在线搜索神器》
  3. 渐变色+代码比较: 《酷站两连发!渐变色方案全聚合网站+在线代码比较神器》
  4. 配色 +占位图: 《酷站两连发!在线色彩搭配工具+快速生成占位图片器》
  5. LOGO下载+字体下载: 《酷站两连发!可商用的矢量LOGO下载+平面最爱的27款免费字体》
  6. 压缩图片+在线 配色 : 《酷站两连发!在线图片压缩神器+在线配色工具COLOURCO》
  7. CSS Hover动画+宠物小精灵配色: 《酷站两连发!宠物小精灵专属配色网站+CSS HOVER动画收集站》
  8. 美女图片+游戏配色: 《酷站两连发!游戏配色网站+免费美女素材特供网站》
  9. 在线配色+字体推荐: 《酷站两连发!在线配色神器+英文字体推荐网站》
  10. 追波作品变代码+16进制颜色: 《酷站两连发!用代码呈现DRIBBBLE作品+16进制颜色网站》
  11. 无缝纹理+多边形背景: 《酷站两连发!专注无缝纹理素材站+多边形背景生成器》

原文地址: free.com.tw

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal