那些好看的渐变色是如何设计出来的_第1页
那些好看的渐变色是如何设计出来的_第2页
那些好看的渐变色是如何设计出来的_第3页
那些好看的渐变色是如何设计出来的_第4页
那些好看的渐变色是如何设计出来的_第5页
已阅读5页，还剩2页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、渐变是无处不的在。设计师们倾向于在现代简约的UI中使用渐变，包括背景、按钮、开关、卡片、甚至是阴影！你所有能够想到的地方都有渐变的存在，这些渐变已经横扫了数码产品和Dribbble/Behance这样的设计平台。所以，什么是渐变呢？渐变是从一种颜色过渡到另一种颜色，是由很多种颜色组成的混合（一个渐变可以有无限多的阴影）。我们可以在很多方面使用渐变。例如在背景和前景的渐变元素，可以做出微妙或者是极端大胆的颜色组合。因为渐变是通用的，我们可以用他们来传达独特的设计或者品牌理念。在这篇文章中，给大家分享一些实用的技巧，让你的渐变设计脱颖而出。一、找到正确的灵感首先，我们需要找到渐变的源头。渐变最好的

2、灵感来源就是大自然。因此，最开始的设计过程就是花时间去观察现实世界。寻找风景、环境或者植物的照片作为你的颜色来源，并且和你的项目建立起联系。二、创造自己的调色板使用“颜色选择器”找到合适的部分。从一张照片/图片中选择2-3种醒目的原色来构建你的调色板。建议一开始只选择少量的几种颜色。因为RNG颜色模型只有三个变量，这意味着你可以混合红（R）、绿（G）、蓝（B）来构建出任何的渐变。RGB的值通常是在0-255之间。此外，为了使得构建出来的渐变看起来比较柔和平滑，在构建调色板的时候考虑值的变化在50-150之间。三、混合调色板的颜色在选好的调色板上创建一个新的图层，并通过添加“背景模糊”的效果来实

3、现平滑的过渡。创建一个新的图层，用获得的模糊的路径重新创建线性渐变。四、在线性渐变中使用径向渐变以增加深度径向渐变用于模拟光照，而光照并不总是线性的。你可以将径向渐变应用到预先设计好的线性渐变上，并配置光源的方向，使它看起来效果更好。五、使用有意义的渐变方向在有需要的地方使用渐变方向。例如，使用发射光源以突出特定的元素，通过将文本放置在彩色区域使其更具可读性，或者通过具有平滑的渐变路径的UI引导用户。六、增加颗粒噪点使其具有冲击力在Figma或Sketch中，可以在渐变上添加一层纹理，使其看起来有复古风。在网页端你可以通过在渐变上放置图片来应用颗粒噪点效果。在这里你可以学到如何用CSS添加噪点。注意：你通常只需要0.1%到0.5%的噪点图像透明度。七、将渐变和抽象形状结合起来为了使你的渐

人人文库> 全部分类> 行业资料 > 信息产业

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论