开启辅助访问
帐号登录 |立即注册
艾Q网 博客 设计达人 资源分享 查看内容

分享2个网页配色用的神器

865 0
admin | 2023-10-27 11:53
摘要: 本文要介绍的「Color Palette Generator」是一个很简单的调色盘工具,也是很直觉、简单易用的色彩生成器,每次按下空格键会给出五个颜色,实时预览色块,下方也会标示色码,点选个别的颜色可以将色码复制到剪贴簿, ...

本文要介绍的「Color Palette Generator」是一个很简单的调色盘工具,也是很直觉、简单易用的色彩生成器,每次按下空格键会给出五个颜色,实时预览色块,下方也会标示色码,点选个别的颜色可以将色码复制到剪贴簿,如果按下「C」则是一次复制这五个颜色色码。

稍微测试了一下发现 Color Palette Generator 显示的颜色并非随机,而是有共同色系、风格或是可以搭配使用的色彩组合,或许你不是非常满意其中几种颜色,也可以单独点选、取得某几个颜色色码,这个简单的工具可以帮助使用者获得一些配色灵感。


Color Palette Generator


网站链接:https://palettegenerator.colorion.co/

使用教学

打开 Color Palette Generator 网站后会立即显示五个颜色,按下空格键会再产生五个,如果喜欢这五个颜色组合,按下 C 就能将所有色码复制到剪贴簿,看起来会像:

#EAEAEB,#41362C,#A79573,#A2C9C1,#9E8F7A

神器两连发!配色灵感在线找+一键捕获网页所有图片

单独点选某个颜色只会复制单一色码,方便让我们在不同的色彩间进行混搭组合。

神器两连发!配色灵感在线找+一键捕获网页所有图片

值得一试的三个理由:

  • 按下空格键就会随机产生五个颜色
  • 点选 C 可一次复制所有色码,或是单独点选色块复制色码
  • 颜色间有所关连,可以搭配使用或协助找出配色灵感



图片快拖助手


本文介绍的图片快拖助手,可一键提取任意网页上可看见的、不可看见的、各种格式的图片,如webp、svg、jpg、png、gif。还可记录所提取的网址来源、收藏、移除等进行素材管理。

神器两连发!配色灵感在线找+一键捕获网页所有图片

△ 如卸载插件,保存的图片数据则清空哦!

由于疫情影响,导致360应用市场、谷歌应用市场暂时无法提交扩展上架商店,目前仅仅只有Edge浏览器上架了这款插件,如果是其他浏览器的朋友可以直接在官网下载手动安装。

  • Edge商店在线安装版:http://t.cn/A6ylN7VM
  • 官网下载版:http://kt.jiuxihuan.net/zhushou.html
  • 手动安装教程:https://www.yuque.com/fudimo-qr4z8/kt/ablhi5

1. 如何使用?

当安装图片快拖助手插件后,打开任意网站 - 在页面空白处 - 右键点击菜单 - 选择「提取网页所有图片」,即可看见一个弹窗界面把当前网页所看见的和没有看见的各种格式图片,全部展示了出来,任君挑选。

神器两连发!配色灵感在线找+一键捕获网页所有图片

顶部依次提供了「尺寸筛选、显示透明背景、解除防外链限制、展示样式」,接下来解释下用法:

  • 尺寸筛选:如输入数值200,则只展示>=200的图片。
  • 透明背景:将以黑白格子的背景显示,开启这个开关的同时,网页所有图片均会以透明格子显示,让您快速分别哪个图片是PNG。
  • 解除限制:当拖曳图片到PS插件面板,提示限制的时候,则需要开启这个解除限制才能拖曳成功,但无法记录图片来源。
  • 展示样式:默认是整齐的样式,另一种是实际大小形式,不用点击查看大小,可以一眼目睹图片原始大小,方便您挑选。

2. 如何挖「宝藏」?

温馨提示:网页素材仅供学习。

  • 活动页挖宝:如果做网页设计的同学应该知道,你设计的网页将会教给重构,重构会把你的设计稿大卸八块最终成为了网页。那么可以利用这个原理,通过这款插件,批量提取已大卸八块的图片,有PNG的、背景图、gif等等,直接拖进PS使用。
  • 矢量网站挖宝:类似 undraw.co/illustrations 这种矢量插画网站,可以通过右键直接复制矢量图片,粘贴到AI、Stetch、PS。
  • 作品网站挖宝:可通过插件批量提取图片。

3. 完美处理.svg图片

.svg是一种矢量格式的图片,在网页中它会以两者形式出现。一种是类似图片一样,有一个完整的svg图片网址。另一种则是<svg>....</svg>代码的形式出现。那么如果是代码形式的SVG就无法轻易的右键下载。但您安装这款插件后,在SVG矢量图标上,右键复制该SVG,粘贴到AI、Stetch、PS。

神器两连发!配色灵感在线找+一键捕获网页所有图片

4. 改造iconfont.cn网站

iconfont.cn是阿里巴巴旗下的很良心的、免费的图标网站,我身边的几乎都在用这个网站处理图标的需求,于是用着用着就发现一些可以优化的地方,所以安装这款插件后,在搜索图标列表页面,不用点击图标进入详情,可以在列表页直接复制图标,粘贴到AI、Stetch、PS,不只省一步。

神器两连发!配色灵感在线找+一键捕获网页所有图片

*有时候看不到直接复制按钮,需要再次刷新页面,后续会优化这个BUG

  • 支持安装什么系统?Windows、MacOs双系统
  • 支持安装于什么浏览器?Chrome、360、Edge、QQ、2345、UC、猎豹、Sogou等浏览器
  • 在哪里下载「快拖助手」?* 360、谷歌应用商店陆续上架中...
  • Edge商店在线安装版:http://t.cn/A6ylN7VM
  • 官方下载地址:http://kt.jiuxihuan.net/zhushou/

鲜花

握手

雷人

路过

鸡蛋

本文暂时没有评论,来添加一个吧!

您需要登录后才可以评论 登录 or 立即注册