菜单优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

渐变色阶话题

首页
设计文章
渐变色阶

教程 2.4w

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

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

2017-12-18

陈子木

平面 3.0w

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

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

2017-02-18

程远

教程 4.8w

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

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

2016-08-04

陈子木

教程 4.4w

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

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

2016-07-28

程远

教程 5.2w

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

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

2016-06-06

程远

教程 6.9w

零基础也能学！一份全面系统的渐变色自学指南

编者按：一直学不会渐变色的同学有福了，这篇是我见过最适合零基础也是最实用的渐变色教程！从最简单的灰阶渐变到晋级的类似色/对比色渐变，教学非常详细而且通俗易懂，还插播了大量渐变技巧和实例教程（如何拉渐变才不脏/用渐变绘制锤子时钟图标等等），良心推荐！作者Angela Tsou 的推特：@mini_cu；高玉璁脸书：www.facebook.com讲在前面 → 这篇文章并不是一篇教您如何使用工具的文章，也就是说我不会告诉您Sketch3/ Photoshop/illustrator这些工具应该要如何使用。

2016-06-01

程远

教程 20.0w

有哪些看上去很高大上，但实际很简单的PS技巧？（渐变色篇）

@六虚子：我是昨天开始学习渐变的，摸索出一个很随便的傻瓜方法，适合和我一样对颜色研究不深，又急需应用的朋友。小编良心保证，再零基础的同学也能学会，而且效果还很棒！本文为作者授权优设发布，未经作者本人授权请勿转载，谢谢：）新手即学即用系列：《有哪些看上去很高大上，但实际很简单的PS技巧？

2016-01-13

程远

酷站推荐 4.0w

酷站两连发！渐变色方案全聚合网站+在线代码比较神器

编者按：今天的酷站两连发，一个分享优秀的渐变色方案，配色弱和灵感枯竭的同学可以来收一波。第二个可以在线帮你比较两个文档的差异，常用于程序代码，两个都非常实用，来收。UIgradientsUIgradients 以分享美丽渐变色彩为主的分享站，里面接近上百种渐变配色方案，设计师可根据自己风格来选择搭配，此外我们还能直接获得对应渐变配色的CSS代码，相当方便，但要注意浏览器要兼容CSS3才行：）CSS渐变代码点击网站下面的第三个按钮「Get CSS Code」或者直接按键盘「回车」键就会弹出CSS代码框...

2015-12-20

程远

酷站推荐 3.8w

过渡的艺术！20个精巧微妙的渐变色网页设计

在扁平化刚刚兴起的时候，纯色的运用似乎将纹理和渐变都打入了设计的冷宫。然而在随后的发展中，这种“纯粹的扁平”似乎并不理想，纹理、阴影、渐变正在一点一滴地回归并坚定地占据着属于他们自己的位置。在这些曾经被打上“拟物”标签的设计手法中，渐变是上一个时代中运用的最广泛也最有代表性的一种。

2015-07-21

陈子木

优秀网页设计

教程 9.1w

实用经验：如何去除PS渐变时存在色阶问题

@姚轻平多次在群里讨论色阶问题，我现在说说经验。最近大家对这个问题比较关注也在探讨，我想你也肯定会在以后的设计工作中遇到，推荐收藏，请查看大图！想必大家都遇到过这样的情况，作图会在背景常用一些渐变，这样就很容易出现一个问题，就是传说中的“色带”。

2013-04-30

Yugo

没有更多文章了

大家都在看

用户体验设计

文章 305

ICON

文章 204

交互设计

文章 723

PS教程

文章 772

优设大课堂

文章 131

字体设计

文章 344

设计师职场

文章 688

配色

文章 153

B端设计

文章 144

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：uisdc411

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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