朴PUXIN DESIGN
L05 · 产品设计 · 设计构成 · 色彩采集

采色、色彩关系与三种搭配

采一张产品图 → 记录原色彩关系 → 同一个主色做三种感受的搭配 → 写心得 → 一页 A4 版面导出

本机自动保存
00 / PICK

采一张产品图片,在产品上自由取色

取 3–6 个颜色

找一张能看清产品本身颜色的图片(商品主图、官网图或自己拍的都行)。在图上点哪里就取哪里的颜色,拖动圆点可以微调;也可以先按「色彩情绪」自动取一组,再自己挪。只取产品上的颜色,背景色如果取到了,把它标成「背景」,就不计入面积。

点这里上传产品图片也可以把图片拖进来,或直接粘贴(Ctrl/⌘ + V)可以拍照,也可以从相册或截图里选
图片只存在这台设备的浏览器里,会自动压缩
采到的颜色 点一行选中,再到图上点位置

上传图片后,这里会列出每个取色点。

面积对照 按图上与每个色点相近的像素估算,不计「背景」

我的色标 选填:想用的颜色,输入色号或拾色,后面每个部位都能直接选
01 / RELATION

记录原色彩的关系

工具先判读,你来确认

色相环用的是色彩构成课上的红—黄—蓝美术色相环(红对绿、黄对紫、蓝对橙)。圆点离中心越远越鲜艳。看看这些颜色在环上隔多远、明暗差多大、鲜灰怎样、冷暖各占多少,再确认它属于哪种色彩关系。

编号与 00 的取色点一致;背景色不画进来

先在 00 取色。

原色彩给人的感受 选 1–3 个
02 / HARMONY

同一个主色,做三种不同感受的搭配

主色不变,换色彩关系

先从采到的颜色里定一个主色,三个搭配都从它出发。每个搭配先定想要的感受,再选色彩关系规则,用滑杆调间隔、明度和纯度;色块可以单点微调,色相环上的圆点也能拖。右边会把产品图按新配色改一遍,方便对比。

搭配用的主色必选 默认是面积最大的主色

先在 00 取色。

03 / REFLECT

写心得:原色彩和三种搭配分别给人什么感受

每段 30 字以上

对着左边的图写。可以从这几方面说:色相关系(隔多远)、明暗(亮还是沉、对比强不强)、鲜灰、冷暖、主色和点缀的面积;最后说说同一个主色,换了色彩关系后感受为什么会变。

04 / SHEET

排成一页 A4 版面导出

PDF / 300dpi JPG,同一个版面

版面会把原图与取色点、原色彩关系、三种搭配的改色图与色条、心得排满一页。导出用页面上方「同步与导出」栏的「导出作业版面 PDF / JPG」,出的就是这一页。

点「刷新版面预览」看看排出来的样子。

    导出时会带上「同步与导出」栏里填的姓名、学号;登录工卡的同学会自动带上工卡信息。