Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >新潮渐变色logo设计技巧和创意方式

新潮渐变色logo设计技巧和创意方式

原创
作者头像
LOGO设计小能手
修改于 2021-10-22 10:10:11
修改于 2021-10-22 10:10:11
1.2K0
举报
文章被收录于专栏:神器专栏神器专栏

因为渐变色是最难掌控的,运用得不好就会很糟糕,起到负分。

但运用得好就能让logo漂亮又吸睛。

因此依然受在logo设计领域备受追捧。

今天整理了时下最新潮的4种渐变色logo创意方式

最后还有渐变色相关配色网站分享~

苹果发布会动态渐变logo

4种新潮渐变创意方式

*相近色系渐变

近年来科技类企业,都喜欢用蓝绿相近两色制作系渐变,打造轻盈科技感。

相近色渐变是指:一般画面中仅存在一种主要渐变色。

常使用色相值相差15°~60°左右的相近色搭配。

由于两种颜色的明度和饱和度数值基本保持一致

能创造出的单一色系渐变能保持相同的冷暖基调

可以让logo颜色更加有辨识度,同时又保持了整体色彩的简洁、干净和呼吸感。

*轮廓渐变

相对于上面logo的渐变色是面性的

这组渐变则是线性的轮廓描边渐变

色彩流动顺滑的过渡线条,更具有节奏感和空间感

线条与线条之间重合也会产生奇妙的叠加关系

这是轮廓描边渐变的有趣之处。

如陌陌标志,从深色到浅色的过度,

代表温度与生命力,同时也寓意着人与人通过陌陌的连接从陌生走向熟悉的过程。

*渐隐渐变

这种渐变的实现方式为,将渐变色渐变到白色、黑色或者灰色

整体气质将更具迷幻或速度感,

如果是通过透明度来实现,将更透气而且富有活力

小米MIUI12的新标识运用的是渐隐渐变创意

3个模块使用不同渐变色进行填充,加上轻微渐隐效果,

整体轻盈通透,与高占比例的年轻活跃用户青春、时尚性格吻合。

*Yoga渐变

设计师Yoga Perdana创作了一种全新的渐变应用样式

在平面图形的基础上通过光影和渐变色彩的叠加呈现出了别致的视觉效果

Yoga渐变风简易理解就是通过切割

根据物体明暗关系,填充相接缝、或相叠加的渐变所形成的效果。

Yoga 风的logo漂亮又吸睛,超级炫!

渐变色配色神器工具

最后向大家安利3个私藏的网站。

有的汇集了许多好看实用的渐变配色方案,

有的可以在线进行颜色的增减,角度、比例的调整,生成新渐变色等

收藏起来一定用得到。

CoolHue

网址:https://webkul.github.io/coolhue/

CoolHue 是一个托管在 Github 上的颜色代码分享网站

一个非常酷、精心挑选出来的超级颜色素材。

CoolHue 有 60 个最酷渐变色板

你也可以根据自己的爱好个性化 CoolHue 调色板CoolHue 渐变调色板是由 Json 渲染,

所以你可以随时随地自由更新。

webgradients

https://webgradients.com/

Webgradients 大概拥有 200 种渐变配色

在首页点击色块即可全屏显示当前配色方案;

同样,在底部可以复制 16 进制色值以及 CSS 代码

点击色块右上角,即可下载 PNG 格式图片。

uigradients

http://www.uigradients.com/

UIgradients是一个提供免费渐变色效果的站点

以分享美丽渐变色彩为主,里面接近上百种渐变配色方案

设计师可根据自己风格来选择搭配

还能直接获得对应渐变配色的css代码使用起来相当方便。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
科研绘图配色
颜色需要有自身的意义。不同的颜色表示不同的分组,相近的颜色表示同一个分组;配色需要展现数据逻辑关系,突出关键数据,比如重要的数据用深色或暖色表示,不重要的数据用浅色或冷色表示。
Twcat_tree
2023/11/30
4K0
科研绘图配色
巧用渐变色打造精致移动端APP
渐变色是指某个物体的颜色从明到暗,或由深转浅,或是从一个色彩缓慢过渡到另一个色彩,充满变幻无穷的神秘浪漫气息的颜色。在扁平化设计刚刚兴起时,渐变是设计师们避之不及的设计手法。然而自从Instagram把经典的宝丽来相机logo更改为色彩鲜亮的扁平化图标以来,渐变色逐渐回归到了人们的视野之中,也逐渐成为了近年来移动APP设计的主要风潮之一。 渐变色兴起的原因在于扁平化风格极其容易造成同质性,设计师如果需要追求视觉丰富度的设计语言,多数会运用插画设计和动效设计让自己的设计脱颖而出,但是这些技巧短时间内难以快
奔跑的小鹿
2018/03/16
2.3K0
巧用渐变色打造精致移动端APP
变化之美!重新回归主流的渐变色设计趋势
在扁平化设计刚刚兴起之时,渐变是设计师们避之不及的设计手法,然而今天它已经正式回归。几乎是在一夜之间,无数的网站开始使用渐变色。
用户5009027
2019/06/02
1K0
「 泛政务设计 」可视化色彩体系的配色方法探索
图表是中后台产品最常见的界面信息元素之一,能够直观地展示数据、支撑观点。因大脑对视觉信息的处理优于对文本的处理,所以把数据进行可视化,可以更容易的解释数据模式、趋势、统计规律和数据相关性,也让视觉上也更丰富、美观。 图表的色板是传达信息、美感和情感的重要元素之一。配色不仅要清晰、准确传达信息,给予用户基本的美感,同时需要在多种颜色中,兼顾品牌感,使图表配色不脱离整体的品牌气质。 那是否有什么方法来指导辅助色的建立呢?本文总结了政务类产品在可视化图表配色上的一些探索思路和实践方法。 设计背景与目标 1. 现状
腾讯云设计中心
2022/05/05
2.3K0
「 泛政务设计 」可视化色彩体系的配色方法探索
想要好看的设计?收下这份网页背景设计指南吧!
网页背景设计看似在整个网站的设计中处于一个不起眼的位置。实则,它对于用户的留存性及促进网站转化率方面都起到非常重要的作用。若是网页背景设计不合理,或者图片、色彩运用不当,对于用户而言都是视觉上的灾难。
奔跑的小鹿
2020/01/13
1.6K0
想要好看的设计?收下这份网页背景设计指南吧!
数据可视化配色指南:三大配色方法,做出咨询报告一样的图表丨附在线工具资源
可是学习色彩设计,又是十分费工夫的一件事,不仅要搞明白RGB、CMYK等各种颜色体系,搞懂各种配色方法,重点是还要看大量的案例,培养良好的审美观,防止自己做出来的东西辣眼睛……
量子位
2019/10/31
8860
数据可视化配色指南:三大配色方法,做出咨询报告一样的图表丨附在线工具资源
2022最新盘点,这些设计趋势今年会怎样?
在2021年,我们看到了很多有关三维与现实结合、emoji、自然元素、视错觉、黄金元素和其他令人惊叹的设计作品与趋势带来的视觉冲击。在新的一年, 这些设计元素可能会发生一些什么样的改变,让我们来看看最新的2022设计趋势吧!
奔跑的小鹿
2022/05/26
6710
2022最新盘点,这些设计趋势今年会怎样?
怎么在没有专业UI的情况下设计出一个美观的工业组态界面?
一般来说,工控项目设计包含软件界面和硬件设备两个大方面。硬件支撑系统功能,软件展示项目功能,二者相互配合,缺一不可。在目前的工控行业里面,软硬件发展的都比较成熟,工程师们能够独立完成功能,然而在现在竞争日益激烈的情况下,无论是触摸屏还是PC机,因为直观的展示了项目的全貌,软件界面显得愈发重要。
剑指工控
2024/06/19
1.9K0
怎么在没有专业UI的情况下设计出一个美观的工业组态界面?
24个最新创意进度条设计,分分钟让你灵感爆表!!!
现今,Web或App 软件设计中,除却常见的加载动画,另一种时常出现在加载、下载,导航以及播放等页面中的组件设计——进度条设计。也能够有效地可视化等待,及时给予用户反馈和提示,缓解用户负面情绪,提升用户体验的同时,降低跳出率。
奔跑的小鹿
2019/01/24
3.4K0
24个最新创意进度条设计,分分钟让你灵感爆表!!!
人工智能Logo设计师Brandmark
里,就介绍过 Brandmark 了,当时 Brandmark 还是 v1 的版本,现在已经是 v2 版本了,也上线了一些子产品,例如 Brand Rank 、 Logo Crunch 。
mixlab
2018/04/12
2.3K5
人工智能Logo设计师Brandmark
遇见大数据可视化:可视化系统搭建
该文总结了技术社区在数据可视化方面的一些实践和思考。通过具体案例,介绍了数据可视化的概念、设计原则、图表类型、颜色和字体等方面的实践,并探讨了数据可视化的极限处理。
腾讯大数据可视化设计团队
2017/06/13
10.6K4
遇见大数据可视化:可视化系统搭建
为啥你的报表越看越丑,而别人的却永远高大上?
*作者:韩谢威,腾讯视觉设计师,2016年加入腾讯游戏平台部,主要负责游戏助手系列的视觉设计工作。 在正式进入话题之前,我们先来看一个例子: 两张图代表的都是同一份零食的成分占比图,那么对于下面的两张
腾讯大讲堂
2018/08/03
5750
数据可视化配色指南:三大配色方法,做出咨询报告一样的图表
可是学习色彩设计,又是十分费工夫的一件事,不仅要搞明白RGB、CMYK等各种颜色体系,搞懂各种配色方法,重点是还要看大量的案例,培养良好的审美观,防止自己做出来的东西辣眼睛……
Python数据科学
2019/10/31
1.8K0
数据可视化配色指南:三大配色方法,做出咨询报告一样的图表
可视化系统搭建--遇见大数据可视化系列文章之四
如何搭建数据可视化系统,用丰富的设计语言清晰表达复杂和庞大数据,并形成鲜明的设计风格?我们把数据可视化的元素进行拆分并建立相应的规范体系。 图表设计 1. 图表基本类型 六种基本图表涵盖了大部分图表使用场景,也是做数据可视化最常用的图表类型: 柱状图   分类照片照片什么照片什么什么项目之间的比较; 饼图   构成即部分占总体的比例; 折线图   随时间变化的趋势; 条形图   分类照片照片什么照片什么什么项目之间的比较; 散点图   相关性或分布关系; 地图   区域之间的分类照片照片什么照片什么什么比较
腾讯ISUX
2018/06/29
1.5K0
不怕不会设计logo拉-本篇教你如何使用AI设计logo-如何快速用AI设计logo-附上AI绘图logo设计的咒语-优雅草央千澈-实战教程
最近有2个产品需要设计logo,一个叫做香蕉视频(banana),一个叫做FF社交(free firend-自由社交),还有个椰枣影院(迪拜影视软件dates),不过客户在logo上有一定的要求,但是又没有太高的预算,问了下设计师大概要800-1500RMB吧,然后去淘宝也问了下最少的也要250RMB,刚好优雅草一直在人工智能方面学习,因此本文就直接记录出来啦。
卓伊凡
2025/01/15
6160
618设计没想法?这波灵感解读拿走不谢!
618作为电商活动一年中力度较大的一次,很多商家、平台、app都会不遗余力做一些活动,争取在下半年的各种大促打好前站、奠定好店铺的销售基础。作为设计师的我们,面对时间紧任务重,想要做出让人眼前一亮、同时能够为店铺和平台实现高销售转化的页面还是有比较大的难度的。不少同学不免抓耳挠腮不知如何下手,趁着马上就要接到运营的设计需求,先给大家分享一批优秀设计稿,希望这篇文章能够帮助大家找到灵感思路!
用户1730674
2019/06/17
1.1K0
618设计没想法?这波灵感解读拿走不谢!
关于AI绘画优雅草央千澈整理的一份咒语(与AI对话提示词-应用于AI绘图和AI生成视频)-本文长期更新-本次更新2025年1月15日更新-长期更新建议点赞收藏
1. 扁平化风格Logo (Flat Style Logo)这种设计以其简单的形状和鲜艳的颜色而引人注目,这使得它在任何尺寸都能很好地工作,无论是在手机屏幕还是在广告牌上。此外,它的简单设计也使得其加载速度更快,对于网站和移动应用的用户体验非常重要。Prompt: “Flat vector logo of a #insert item, #insert color, trending on Dribble.”
卓伊凡
2025/01/15
3270
用好颜色,你就是UI设计师中最亮的仔~
在视觉艺术中,有时被艺术家注入到创作中的颜色能成这个作品的灵魂。其实,颜色就是一种力量。它可以在转息之间改变图片的基调。它可以增强,减轻,突出,说服,呼吁等等。颜色和文字也可以相互辅助,并使他们更有力量。它可以在没有任何文字的情况下传达出自己的感情。成为设计师手里的一大武器。这就是为什么在UI设计领域里,颜色是关键的因素之一。
用户5009027
2019/06/02
4620
Ps|液态渐变效果
相信学习过Ps的人都知道Ps的渐变工具。不同颜色渐变中的过渡效果在UI设计的背景与插画画报中经常见到,给人很强的节奏感和审美情趣。渐变的形式不仅在日常生活中随处可见,许多自然现象也都充满了渐变的形式特点,如彩虹、极光等。将渐变与3d物体结合起来能使画面更加丰富,给人更强的视觉冲击力。那么接下来就为大家介绍如何制作液态渐变效果。
算法与编程之美
2020/09/01
3K0
Ps|液态渐变效果
16个最新创意品牌Logo设计 —— “形神”兼具的设计,方显高级和质感
现今,无论是实体的产品服务市场,还是虚拟的数码平台或应用市场,品牌日益增多,人们对于能够尽快树立和提升企业品牌形象的Logo以及相关设计的需求,也与日俱增。这也是为什么Logo设计会成为平面设计、Web以及移动端设计中不可或缺的重要组成部分。
奔跑的小鹿
2022/01/17
1.4K0
16个最新创意品牌Logo设计 —— “形神”兼具的设计,方显高级和质感
推荐阅读
科研绘图配色
4K0
巧用渐变色打造精致移动端APP
2.3K0
变化之美!重新回归主流的渐变色设计趋势
1K0
「 泛政务设计 」可视化色彩体系的配色方法探索
2.3K0
想要好看的设计?收下这份网页背景设计指南吧!
1.6K0
数据可视化配色指南:三大配色方法,做出咨询报告一样的图表丨附在线工具资源
8860
2022最新盘点,这些设计趋势今年会怎样?
6710
怎么在没有专业UI的情况下设计出一个美观的工业组态界面?
1.9K0
24个最新创意进度条设计,分分钟让你灵感爆表!!!
3.4K0
人工智能Logo设计师Brandmark
2.3K5
遇见大数据可视化:可视化系统搭建
10.6K4
为啥你的报表越看越丑,而别人的却永远高大上?
5750
数据可视化配色指南:三大配色方法,做出咨询报告一样的图表
1.8K0
可视化系统搭建--遇见大数据可视化系列文章之四
1.5K0
不怕不会设计logo拉-本篇教你如何使用AI设计logo-如何快速用AI设计logo-附上AI绘图logo设计的咒语-优雅草央千澈-实战教程
6160
618设计没想法?这波灵感解读拿走不谢!
1.1K0
关于AI绘画优雅草央千澈整理的一份咒语(与AI对话提示词-应用于AI绘图和AI生成视频)-本文长期更新-本次更新2025年1月15日更新-长期更新建议点赞收藏
3270
用好颜色,你就是UI设计师中最亮的仔~
4620
Ps|液态渐变效果
3K0
16个最新创意品牌Logo设计 —— “形神”兼具的设计,方显高级和质感
1.4K0
相关推荐
科研绘图配色
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档