欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

在线色彩搭配工具Colorfavs和快速生成占位图片器介绍

程序员文章站 2022-07-09 16:20:57
这篇教程是向脚本之家的朋友分享在线色彩搭配工具Colorfavs和快速生成占位图片器,教程真的很不错,推荐到脚本之家,喜欢的朋友快快来学习吧... 16-01-26...

今天为大家介绍设计导航最近收藏的优秀在线配色工具:colorfavs,主要用于上传图像并获取图像颜色,功能和 pictaculous、color hunter 配色工具类似,但小编觉得它的体验还是不错的,比如界面设计简洁,可以浏览优秀颜色搭配、收藏配色方案功能、拖拽上传图像抓取颜色配色等等,都是不错的功能。

colorfavs

在线色彩搭配工具Colorfavs和快速生成占位图片器介绍

上传图像获取配色方案

colorfavs 工具界面简洁,不需要教学就知道怎么用啦,如果要上传图像,直接拖动到窗口 upload 区域不能上传,很方便哦!

在线色彩搭配工具Colorfavs和快速生成占位图片器介绍

众多漂亮配色方案

汇聚众多的漂亮配色方案,看到喜欢的可以点击「add to collection」收藏它。

在线色彩搭配工具Colorfavs和快速生成占位图片器介绍

除了以上,还有很多细节的小功能,大家可以去体验下哦!

快速生成占位图片器

如果你的工作是网站设计或前端开发,那么可能会需要用来填充版型、预览效果的范例图片和文字,文字可以使用假字假文产生器来建立,图片部分则必须寻找占位图片等服务,什么是占位图片(placeholders)呢?简单来说,占位图就是能依照你需要的长度、宽度来快速产生符合尺寸的特定图片,填充目前仍空白的开发环境,为图片占位符。

placemat 是最近在网络上发现的全新占位图片服务,它的网站标语非常简短「pretty nice placeholders(漂亮的占位图片)」。placemat 为你的开发工作提供了漂亮占用图,主要有三大图片类型,包括人物、地点和事物,透过网址来调整变更,可直接插入图片链结,用以产生特定大小和主题的测试图,同时图片上会显示这个区域的尺寸,协助用户辨识,相当方便实用。

placem.atstep 1

开启 placemat 网站后,可以在网站上方看到一些 placemat 产生的占位图片范例,它产生的效果大致看起来就像这些图片,能够*调整要产生的图片尺寸,以及设定中间显示的文字或覆盖颜色(overlays)。

在线色彩搭配工具Colorfavs和快速生成占位图片器介绍

step 2

下方的「here’s how to use it」针对 placemat 产生占位图片链结提供详细使用说明,最简单的用法就是使用以下三个网址:

https://placem.at/people https://placem.at/places https://placem.at/things

将它当作图片链结使用,每次打开都会有不一样的图案。在后面加上 ?w= 设定宽度、?h= 设定高度,例如我要产生一张 640×480 关于「人物」的占位图片,可以把链结改成:

https://placem.at/people?w=640&h=480

不同参数使用 & 符号来链接。

在线色彩搭配工具Colorfavs和快速生成占位图片器介绍

另外,还有每次强制随机图片、自定义图片文字、文字颜色和覆盖颜色等参数,详细说明可以直接前往 placemat 网站浏览,在这里就不多做阐述。

值得一试的三个理由:
    图片来源为 unsplash 图库,经由 imgix 处理后产生 可自定义任何图片大小、随机图片、自定义文字和颜色以及覆盖效果 支持 https,可在 ssl 网站上测试使用
    以上就是在线色彩搭配工具colorfavs和快速生成占位图片器介绍,感兴趣的朋友快快来尝试吧!