昨天的午饭是糖醋蒜香排骨双拼

参考视频:​​​​​​​【Figma教程】保姆级教程,全网最简单易学的Figma教程03-色彩及团队协作_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1Z5411s7mi?spm_id_from=333.1007.top_right_bar_window_history.content.click

目录

1 个人

1.1 图层模式选择

1.2 吸色

1.3 渐变

2 团队

2.1 Document Colors

2.2 Selection colors

2.3 可复用颜色

2.4 团队颜色

2.4.1 做一个自己常用的色彩库

2.4.2 修改我的色彩库


1 个人

1.1 图层模式选择

通过点击小水滴可以进入图层模式选择

  • Multiply:正片叠底
  • Screen:滤色
  • Overlay:叠加
  • Soft light:柔光
  • Hard light:强光

1.2 吸色

 点击图形,并摁住I,可以进行吸色和对目标图形的填充。

1.3 渐变

  • Liner:线性渐变
  • Radial:径向渐变
  • Angular:角度渐变
  • Diamond:钻石渐变

2 团队

2.1 Document Colors

Document colors里会显示当前画布里的所有颜色。

2.2 Selection colors

Selection colors里会显示当前选中区域里的所有颜色。

2.3 可复用颜色

选中一种颜色后,可以将其创建为可复用颜色。创建为可复用颜色后,再使用该颜色,无法对该颜色进行修改。

如上图。将这组矩形应用可复用颜色中的fuschia后,会发现无法进一步调节该颜色。 

但是,在被应用的可复用颜色的基础上进行颜色更改的话,这组被应用了同种可服用色的矩形会一起更改颜色。

 调低亮度后这组图标的颜色都改动了

不过,选中一组应用了同种可复用色的矩形图标中的其中一个后,可以使用解除键来对其进行单独颜色的修改。

重获自由了

2.4 团队颜色

在单个界面中保存的可复用颜色是无法在其他界面中被使用的。 只有团队颜色才能在任意界面中被使用。

一些系统自带的团队颜色(好美啊)

2.4.1 做一个自己常用的色彩库

  1. 需要先创建一个新的团队。 
  2. 在这里,我给我的团队起名叫救救。 
  3. 然后在这个团队的界面里新建一个项目。
  4. 新建一个页面,并且自定义两个可复用颜色。 
  5. 给这组颜色所在的页面取个这组颜色的名字
  6. 选择要移动到的项目地址
  7. 在资源中把这组颜色public了
  8. 之后再在新建页面中打开这组配方的按钮

 再点开可复用颜色,就可以查看已被保存的颜色了!

2.4.2 修改我的色彩库

  1. 回到我的团队里,点开这个已被保存的色彩库页面。
  2. 在页面里添加新的颜色。
  3. 此时, 配方会出现被更改的提醒。 
  4. 进行确认更改的操作。 
  5. 现在再回到可复用颜色里,就会显示已被更改的版本啦。 

Figma#3:色彩相关推荐

  1. 设计 色彩 构图 创意_我们可以从时尚的创意方向中学到色彩

    设计 色彩 构图 创意 The application of fashion as a form of aesthetic expression is a notion familiar to man ...

  2. 善用工具_如何善用色彩心理学

    善用工具 There's a problem with my movement. Most of us in the profession of trying to change the world ...

  3. figma设计_如何在Figma中构建设计入门套件(第二部分)

    figma设计 Figma教程 (Figma Tutorial) With this short, but informative Tutorial Series I aim to show you ...

  4. figma设计_如何在Figma中构建设计入门套件(第1部分)

    figma设计 Figma教程 (Figma Tutorial) Do you like staring at a blank canvas every time you start a new pr ...

  5. figma下载_通过构建7个通用UI动画来掌握Figma中的动画

    figma下载 Originally published on my personal blog. 最初发布在我的 个人博客上 . Most designers will spend many hou ...

  6. figma设计_设计原型的最简单方法:Figma速成课程

    figma设计 It doesn't matter if you haven't used any prototyping tools before or you're transitioning f ...

  7. sketch钢笔工具_Sketch和Figma,不同的工具等于不同的结果

    sketch钢笔工具 We like to compare the difference between various design programs and debate about which ...

  8. pov-inc_yourself劳自己-懒惰的设计师的POV和一些Figma

    pov-inc Are you ready and lazy enough (you will fully understand with continue reading this)? Coffee ...

  9. 潮流渐变色彩的UI插画素材,吸睛没毛病

    UI插画通常通过大面积的霓虹色渐变结合迷彩渐变的绘制手法,构建不同色彩鲜明的矩形图 案,暗色调的背景烘托与颜色用冷色为主暖色为辅.点缀,画面感极强,极具视觉冲击力. 近年来很受设计师的喜爱,搜UI ( ...

最新文章

  1. 如何在不使用任何图像或跨度标签的情况下通过CSS在UL / LI html列表中设置子弹颜色[复制]
  2. 【VS C++ 2010】查看内存的方法详解
  3. ABP入门系列(20)——使用后台作业和工作者
  4. 获取远程文件内容之浏览器模拟器(BrowserEmulator)
  5. 谷歌技术三宝之MapReduce(转)
  6. 脉冲列输入型脉冲比较数字伺服系统的原理图
  7. python用jieba模块分词实现关键词提取
  8. java中负数_Java中负数以及类型转换问题
  9. 我的理想作文400字计算机,我的理想作文400字5篇
  10. 从0学开发笔记-数据库基础
  11. 爬虫-招聘系列2----boss某直聘
  12. 一种设计软件界面的万能HTML标签
  13. 【C++】关于char * tempbuffer = new char[100];
  14. [ML](HMM、MRF、CRF)
  15. ORACLE WITH与性能优化
  16. react 实现滚动加载_在React中实现平滑滚动
  17. CASIA数据集格式转化代码
  18. 【Python小脚本】1分钟100完成100题,某脚本python根据题库选择答案,准确率100%,真的牛了(超级赞)源码可分享,亲测好用~
  19. postman测试登录后的接口_【使用Postman测试web接口】Postman的安装与入门
  20. 小软件获取QQ好友是否隐身对你可见

热门文章

  1. Pragma section
  2. 硬件建设为学校发展服务器,《学校机房建设工程设计-建议方案》.docx
  3. MAYAPlugin_Mel_顶点法线批处理_V2
  4. springboot+vue+elementui校园运动会场地预约管理系统java
  5. 嵌入式操作系统VxWorks简介
  6. MySQL基础语法大全(尚硅谷)
  7. form-generator扩展原生表格,element-table,子表单等组件
  8. idc服务器维护岗位,IDC运维工程师工作内容
  9. 前端学习资料网址汇总
  10. canvas 实现图片预览和下载