对比度 - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

对比度话题

颜色对比度怎么选？来看这份大厂公认的标准规范！

UI

颜色对比度怎么选？来看这份大厂公认的标准规范！

为什么会有「对比度标准」、颜色对比度如何计算、有哪些对比度工具值得收藏，本文全都有了！

2020/09/10

想要让对比度更明显，可以从这6方面入手

网页

想要让对比度更明显，可以从这6方面入手

对比其实是不同元素和个体之间的差异的外化表现，差异越大，对比就越明显。在几乎所有的设计项目当中，设计师总会出于各种目的来营造对比，通常而言，对比可以用来：强调重点提高可读性创建层次增加视觉吸引力很多时候对比度能够让设计显得更加时尚，今天的文章我们将会分享一些实用的方法，帮你提升设计中的对比度。1、调整元素的尺寸大小构成对比如果你所设计的UI界面或者插画当中，绝大多数的元素都是尺寸相似的，位置对称的，色彩相似，那么它们在一起是很难创造出视觉焦点的。

2018/11/01

让设计细节更高级的10个实用小技巧

产品

让设计细节更高级的10个实用小技巧

我猜想我们大多数人都是从了解一点 UI，或者根本不了解的情况下开始从事设计的。但即使开始时我们并没什么优势，我们仍然想方设法的通过众多设计书籍和文章来了解颜色，排版，布局等方面的知识。因此，在本文中，我将分享我从不同设计师那里学到的和在设计用户界面时学到的东西，还包括我自己的一些新发现。

2018/03/21

UI设计当中的3C要素：色彩，对比和内容

UI

UI设计当中的3C要素：色彩，对比和内容

在以往的商业模式当中，常常讲究“3C”，分别是公司（company）、客户（customers）和竞争对手（competitors）。在如今的UI设计领域也同样有着类似的三要素，它们也是3C，不过和商业模式中的3C不同，它们分别是色彩（Color）、对比度（Contrast）和内容（Content）。虽然它们的基本概念并不复杂，但是在实际的UI设计项目当中，它们比看起来要复杂得多。

2018/02/08

如何善用对比度来提升网页内容的可读性

产品

如何善用对比度来提升网页内容的可读性

当我们聊设计的时候，可读性是我们最常提及的话题。良好的设计应该都是可读的设计，如果信息都无法正常而清晰的传达，那么设计就失去了意义。设计的可读性和排版设计息息相关，与此同时，对比度的控制也是其中的核心。

2017/03/11

实例教学！利用「对比原则」做出抢眼设计的20个方法

平面

实例教学！利用「对比原则」做出抢眼设计的20个方法

编者按：可能是「对比」技法的最全面学习指南！对比是设计四大原则之一，可以增强吸引力，起强调作用，学会运用这个技巧非常重要。今天@喪心病狂十六夜貓这篇好文总结了20个利用「对比」做出亮点设计的方法，每一个都有实例演示，好学易上手。

2016/08/07

配色黑名单！有哪些配色方案是一定要小心规避的？

教程

配色黑名单！有哪些配色方案是一定要小心规避的？

编者按：当我们讨论配色的时候，通常聊的是配色趋势、配色规则和配色方法，但是与此同时，我也应当合理的规避一些比较典型的错误配色方式。这个配色黑名单并不长，但是覆盖了多属的配色问题，不妨仔细看看~网络是一个多彩的世界，而色彩也是网络吸引用户注意力的主要手段之一，它令人产生兴趣，给人带来影响，并且通过对比、衬托带来愉悦的浏览体验。与此同时，色彩还是设计趋势中无法忽略的一个重要组成部分，无论是扁平化设计还是Material Design，色彩的运用都是重中之重。

2016/04/12

客户说没惊喜？5个帮你瞬间提高网页对比度的小技巧！

教程

客户说没惊喜？5个帮你瞬间提高网页对比度的小技巧！

缺乏对比度是一个非常常见的问题，而且往往易于补救。当你听到客户对你咆哮着“不够完美！”的时候，他们真正想说的是，他们希望看到的是更多对比的设计元素。

2016/03/18

优秀网页设计

豪斯先生平面课堂！背景与主体之如何让背景突显主体？

教程

豪斯先生平面课堂！背景与主体之如何让背景突显主体？

@豪斯K先生：在平面设计中主体与背景就像是主角与配角的关系，可以说一部好的电影一定是主角与配角相互搭配共同完成的，同样道理，设计中的主体与背景就是这样的关系，背景烘托主体，主体映衬背景，那么怎样利用背景让主体明显，就是我们这篇文章所要阐述的内容。第一部分：背景的大致分类设计中的背景大致可以分为纯颜色、场景、渐变、肌理、图形五大类别，下面我就针对这五大类分别举例说明。纯颜色背景不是指纯度高的颜色，而是单纯的以颜色为背景，和纯度高低无关,当然也可以是两种不同颜色的拼贴，或者同一色系的颜色拼贴。

2015/12/14

让你不一样！20个技巧帮你提升设计的对比度

教程

让你不一样！20个技巧帮你提升设计的对比度

说道对比，你会想到什么？也许是黑白对比，大小对比，但是对比所存在的形式还有很多，远不止于此。事实上，对比度是最重要的设计原则之一，它也是每个设计项目中必不可少的设计要求。

2015/11/04

没有更多内容了

大家都在看

职场经验

文章 279

动效设计

文章 208

App设计

文章 266

产品设计

文章 544

干货大合集

文章 166

入门

文章 162

职场

文章 137

用户研究

文章 146

设计规范

文章 216

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：扫码添加

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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

优优教程网

优设大课堂

设计师导航

优设训练营