social-colors-negative-space-1

编者按:今天两个网站,一个收录了超多的顶尖色板,包括谷歌的MD 配色、微软的Metro 配色等等,分类清晰,使用方便。另外一个是国外的免费图库,可商业哟。

你可能记得 Facebook、Twitter 和 Google+ 各自的深蓝色、淡蓝色和橘红色,但很难精确转换成色码值,我找到一份「Social Colors」记录各种常见的社群网站代表色,而这网站还有收录其他好用的色码表。

Social Colors 是 Material UI 网站旗下的一个项目,就它名称来说你可以知道主要是以表示社群网站的标准色为主,它能精确告诉你 Facebook 蓝色、Twitter 淡蓝色是什么色码,也有一些台湾较多人使用的服务,例如 YouTube、LINE、Instagram。想起我之前介绍过 BrandColors 则是收录世界知名品牌的颜色色码,或者代表日本 250 种颜色的 NIPPON COLORS,都是类似的代表色查询服务。

Material UI 还有各种颜色色码表,例如 Google 的 Material Design 配色、Flat Design 用户接口配色、微软的 Metro 配色、HTML 色彩,除此之外网站还提供 Material Design 图示、选色器和 Unicode 特殊符号(Unicode Characters)检索工具,如果你的工作会时常接触到颜色,那么这个网站对你来说应该会相当有用。

Material UI

STEP 1

开启 Material UI 网站后,从左上角的选单来切换不同的颜色配色表,前面有提到这里收录许多常用的色彩组合,对于网页设计或应用程序开发来说非常有用,例如常见的社群网站颜色、平面设计颜色、Material Design、Metro 颜色等等。

uisdc-web-20170113-1

默认情况下点选色块后会显示、自动复制颜色的 #HEX 值,如果你习惯使用其他的方式来设定颜色,Material UI 还提供 RGB、RGBA 或没有加上 # 字号的 HEX 值。

uisdc-web-20170113-2

STEP 2

前面有提到,我是在找社群网站代表颜色(Social Colors)时意外发现 Material UI,假如你想要自己开发社群分享按钮,或者想要了解这些网站使用的颜色色码,Social Colors 页面收录一些常用常见的社群网站,只要点选颜色就会跳出、自动复制该服务使用的色码。

uisdc-web-20170113-3

STEP 3

之前也介绍过几个 Google Material Design 设计风格相关的免费资源,例如在线产生 Material Design 风格配色建议的 Material Palette

uisdc-web-20170113-4

如果你喜欢微软的 Metro 设计风格配色,Material UI 网站亦有提供,只要点选色块上的颜色就会自动复制色码。另外,注意到左上角的齿轮设定按钮吗?在这里还能将颜色名称切换成显示被点击次数,就能大略知道那些颜色比较流行、较常被使用于设计开发上。

uisdc-web-20170113-5

Negative Space

Negative Space 也是一个国外免费图库网站,收集的相片数量不多,大约只有五百张左右,但类型很全面,例如动植物、建筑、黑白、风景、食物、大自然、人物、运动、科技和运输等等相片应有尽有,使用者可直接在网站里预览、下载,无须注册账号。

根据 Negative Space 授权页面说明,这里提供的相片皆采用 CC0 授权方式,也就是能自由复制或修改,甚至使用于商业目的,不用标注出处或连回原页面。

STEP 1

开启 Negative Space 网站后,首页会显示最近更新的新相片素材,可利用关键词搜寻,或直接点选上方选单的「Photos」来查看所有相片列表。

uisdc-web-20170113-6

STEP 2

Negative Space 的相片分类在左侧选单,依照不同的种类分门别类,其中我蛮喜欢 Black & White 黑白相片类别,这些相片看起来还蛮有质感,而且好像比较不会跟其他人使用的相片「撞图」。

uisdc-web-20170113-7

STEP 3

和其他的免费图库使用方法差不多,点选图片、开启大张图片的预览画面,点选最下方的「Download」就能下载原图。

uisdc-web-20170113-8

在 Negative Space 里有些图片下方显示的按钮为「Download .Jpg」字样,不过其实只有扩展名不同,一样是在点击按钮后可以下载、取得原图。前面有提到 Negative Space 相片采用 Creative Commons Zero 也就是 CC0 授权,因此可以编辑修改或使用于商业用途而没有任何限制。

uisdc-web-20170113-9

「优设近期人气最高的3个神器」

  1. 免费图库丨《超过5万张!免费高清可商用图库ZOOMMY 3.0重磅来袭!》
  2. 日本图库丨《福利两连发!PS快速复制图层插件+日本免费商用图库》
  3. 可商用素材丨《每日更新,展示免费可商用素材的PIKTAB》

原文地址:free.com.tw

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

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

点赞
收藏
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏