菜单优设网 - UISDC

会员

开通优设VIP星球

尊享12项VIP特权持续新增

主题直播

每年36场重磅嘉宾主题直播

独家优惠

星球会员可享书籍软硬件最低优惠

优设私房课

大咖出品易学易懂高品质小课

法务咨询

免费咨询版权/劳动相关法律问题

开通VIP

领取更多设计师实用特权

投稿

渐变色话题

教程 4.9w

超实用！高手的 Ai 兵器谱之「渐变知识」全方位解析（上）

渐变是设计最常使用的技法之一，它能帮助我们创作出更具视觉冲击力的作品。但大部分设计师对于渐变只有感性的了解，没有理性的认知。今天我将为大家介绍渐变的基本概念，并详细地讲解 Ai 中基础渐变形式的原理和使用方法，最后通过一个实际案例来演示基础渐变的使用。

2019-01-10

程远

教程 3.2w

2018年，网页和APP中背景的8个主要设计趋势

在许多设计当中，背景元素常常是设计师在设计早期就开始考虑或者需要考虑的事情。是使用单一色彩，还是运用时髦的元素，是加入几何图形，还是加入渐变纹理？不同的考量，最终都会反馈到设计当中，影响一切。

2018-06-11

陈子木

2018设计趋势

平面 8.0w

渐变质感技法入门指南：对比用色

@飞屋睿UIdesign ：渐变这一视觉趋势，在最近几年里可谓如日中天。很多平平淡淡的设计，将平涂改为渐变，立刻就能增加醒目感。虽说渐变是一个有效的元素，但为什么我们的渐变，还是和大神们的渐变有区别？

2018-06-07

程远

教程 5.8w

这10个理由告诉你，为什么要在设计中使用渐变

正如同在上一篇文章《这7个技巧，帮你搞定网页中背景纹理的设计》中所说道，在今天，渐变色几乎就是时尚的代名词。从微妙而优雅的渐变，到多彩失真的复古效果，渐变所带来的视觉吸引力，从视觉到交互上都有不错的提升。如果你对于渐变无感，那么今天的文章，会给你10个让你无法拒绝的使用渐变的理由。

2018-04-13

陈子木

2018设计趋势

教程 1.4w

莺飞草长，这个三月将会流行这3种网页设计趋势

CARRIE COUSINS ：进入春季之后，温度的回升，直接影响到情绪的变化，这一点也反映到最新的网页设计作品当中，最终以设计趋势的形态呈现出来。相比于冬季更为大胆的用色，更为轻盈的黑白色调，目的和指向性更为明确的海报式首页设计，所有的这些趋势，将会在这个3月发酵，嬗变。1. 海报式首页全屏式的页面设计已经流行好一阵子了，超大的图片和全屏视频背景是这种网页中最常见的元素之一。

2018-03-06

陈子木

2018设计趋势

教程 2.2w

望天，渐变色彩灵感库就在我们的头顶的天空上

如你所知，渐变已经成为UI和网页设计中相当常见的一种设计元素了。但是，值得注意的是，诸多渐变色彩当中，有的看着还行，而还有很多看着会让人觉得特别奇怪。换句话说，有的看着很「自然」，而另外一部分则「不自然」。

2017-12-18

陈子木

教程 2.5w

2017年过半，设计师们都跟着这些趋势做设计

设计趋势直接反映着网页设计在技术和风格上的演化方向，也是大众在网页和UI设计审美上的风向标。2017年过半，网页和UI设计趋势也日渐明朗，几种不同的设计趋势也已经成为2017年网页和UI中必不可少的元素，这些元素主要体现在导航设计、配色和排版上，你会在今年的优秀的设计作品中看到。当然，和所有的设计手法一样，几乎所有的设计趋势都有其特有的使用场景，用来搭配不同的风格，应对不同的设计语境。

2017-07-13

陈子木

优秀网页设计

酷站推荐 28.8w

有了这两个网站，配色新手也能轻松做出好看的渐变！

编者按：这两年很流行用渐变色，不过新手想做出好看的渐变确实有难度，来看看今天这两个神器，绝对能帮你轻松搞定。CoolHue这几年大家都喜欢使用渐变色作为背景图，有一些则会选用高画质、高分辨率免费图库相片，相较于单色背景来说，渐层色看起来更有活力，且目前技术只要通过 CSS3 语法就能将渐层运用到网页中，不会拖慢网页载入速度，语法撰写方式也很简单，几乎可以说一段语法就能快速套用背景。本文要推荐的「CoolHue」是一个相当实用的渐层背景网站，提供大约 30 种不同配色的渐层背景，可以免费下载为图片格式...

2017-06-24

程远

平面 6.6w

PS教程！教你打造2017年最受欢迎的渐变幻彩风格

编者按：在淘宝新版本用上渐变色后，这类活泼的渐变幻彩色就成了设计师的新宠。今天跟一发趋势，带大家一起做个渐变色的波尔卡圆点风格海报。「作者的好文合集」《超实用！

2017-03-22

程远

平面 2.8w

超人气教程！3分钟教你学会渐变新玩法(2)

这类渐变效果看着酷炫，但做起来很简单，来看@安全蛋如何带你用网格工具和自由变换工具轻松搞定它！第一期回顾：《超人气教程！3分钟教你学会渐变新玩法》原图作者：Vasjen Katro教程作者：@安全蛋详细视频教程地址：http://www.bilibili.com/video/av8665203效果图：AI 操作部分：步骤一：新建一个矩形，利用网格工具在矩形中创建网格。

2017-02-18

程远

平面 6.2w

超人气教程！3分钟教你学会渐变新玩法

@安全蛋：这类渐变一直很受欢迎，不过这可能是第一个手把手教你怎么做出来的教程。效果图：练习重点：这次主要运用到Photoshop中的渐变工具以及图层样式中的渐变叠加，还有液化，那么这里主要就是用来变形的，效果很棒，方法很简单，感兴趣的小伙伴可以做起来。接下来我们就开始学习这种方法吧。

2017-01-25

程远

教程 4.6w

变化之美！重新回归主流的渐变色设计趋势

在扁平化设计刚刚兴起之时，渐变是设计师们避之不及的设计手法，然而今天它已经正式回归。几乎是在一夜之间，无数的网站开始使用渐变色。从背景到图片上的色彩叠加，包括UI元素上所遮盖的色彩，所有的这一切都表明渐变以一种微妙的方式回归了。

2016-08-04

陈子木

教程 4.1w

人气教程最终版！写给非科班设计师的渐变色学习指南

Samuel：本渐变系列教程包括上中下篇，上篇介绍了见渐变的基础概念和线性渐变的运用，中篇通过实战巩固上篇的知识，同时学习放射性渐变。今天下篇是渐变色的进阶教程，除了复习前两篇的基础外，还会学习角度渐变和金属渐变，整个教程循序渐进，零基础也可以轻松学会。由于本教程是一个系列，没看上中篇的同学阅读时可能会吃力，所以建议先阅读以下两篇：上篇：《一份全面系统的渐变色自学指南》中篇：《如何用渐变色绘制高格调的背景+球体》（下）篇主要会介绍以下三个主题：基础复习/练习角度渐层变化（ Angular Gra...

2016-07-28

程远

教程 5.0w

人气教程第二弹！如何用渐变色绘制高格调的背景+球体

编者按：人气超高的渐变色系列教程终于更新啦！这个系列文章的厉害在于，把大多数新手认为的色彩搭配靠灵感，全部用科学系统的方法归纳阐述，让你的配色不再是随便挑选，而且案例丰富，浅显易懂。今天的主题是教你用渐变色绘制高格调的背景+球体，强烈推荐！

2016-06-06

程远

教程 7.2w

实用教程！教你巧妙运用渐变色快速提升设计格调！

渐变是设计师最简单的手法之一，也是移动端APP背景设计常用的设计技巧。所以今天我来教大家如何巧妙运用渐变，迅速提升界面的格调。我们都知道iOS7以后，界面设计已经趋于扁平化。

2016-05-16

程远

没有更多文章了

大家都在看

界面设计

文章 142

酷站推荐

文章 330

视觉设计

文章 160

设计规范

文章 188

PS教程

文章 771

神器下载

文章 129

设计干货

文章 143

设计流程

文章 141

干货大合集

文章 164

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc123

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注