菜单优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

网页配色话题

首页
设计文章
网页配色

教程 2.4w

实用技巧！教你从层次/色调/创意3个方面设计出酷炫网页

大家在浏览网页时经常可以看优秀的海报设计，这些设计往往可以通过其优秀的颜色处理、场景打造、氛围渲染、排版布局、文字处理以及巧妙的创意等方面来抓住浏览者的眼球。那么今天我们就跟大家分享一下一些优秀的海报设计在网页中的应用。大家在浏览网页时经常可以看优秀的海报设计，这些设计往往可以通过其优秀的颜色处理、场景打造、氛围渲染、排版布局、文字处理以及巧妙的创意等方面来抓住浏览者的眼球。

2016-05-31

程远

优秀网页设计

教程 3.9w

高手怎么配色？一个优秀配色方案的探索过程全揭秘！

@可乐橙_ColaChan ：选择配色方案往往是个难题，尽管网上有各种各样的色彩库，配色仍然至关重要，有时候最好还是亲自动手。而且这个过程也非常有意思。今天这篇好文来自一位配色高手，来看看人家是怎么做出一个优秀配色方案的。

2016-05-15

程远

教程 15.3w

深入浅出学配色！带你重新全面认识色彩系列之绿色篇

@飞屋睿UIdesign ：上次说了色彩系列的黄色，今天继续聊聊绿色。这篇文章是在看了李正贤的《WOW！不一样的配色设计》一书的部分摘录和读书笔记，除了色彩基础知识科普，也会有对应的网页案例分析，非常适合新手学习。

2016-02-17

程远

酷站推荐 4.3w

顶尖灵感库！专门收录世界知名品牌标准色的BrandColor

一般在品牌商标（Logo）使用规范中，都会对颜色、书写字样或留白等细节提供详尽的说明，其中最被使用者熟悉的「标准色」就是设计里相当重要的一环。所有品牌都会有其最常使用的颜色，而这颜色通常会被用户记忆在脑海里，例如 Facebook 的蓝色、Yahoo 的紫色、Spotify 的绿色等等，虽然大略知道这颜色，却很难准确说出它的色码（只有设计师才有这种天赋吧！），如果需要时该去什么地方搜寻呢？

2016-02-08

程远

教程 3.0w

有这篇就够了！为零基础新手量身打造的安全配色指南

@Chuckie-Chang ：今天对一些配色技巧和方法做一个分享和总结，无论你有美术基础/色彩基础还是零基础，都可以使用此方法创造出安全的配色方案。所谓安全配色，就是遵循一些设计规范，色彩规范，适应于Web和其它方面的UI设计，在这些色彩的基础上，只要能控制好比例，就可以大胆的配色，无需参考，无需临摹，无需借鉴。一种感性的安全配色，一种符合标准的安全配色。

2015-12-18

程远

酷站推荐 2.6w

视觉冲击！有哪些完美利用色彩冲突的优秀网站？

编者按：对比色可以提升整个网站的活力，但如果用错了效果就会适得其反，今天分享一组对比强烈但丝毫不别扭，反而能有效突出主次的网站，设计师对色彩掌握得恰到好处，来学习一下~ESPN Sports ProgrammingESPN体育节目官网的首页就是一个很好的例子，充分说明了颜色在转变中是如何发挥作用的。该网站有两个吸引人的地方：第一就是激烈、鲜明的红色；第二就是坚实的背景。这不是要比右边简单的文字更有吸引力吗？

2015-09-06

程远

优秀网页设计

酷站推荐 12.3w

业界良心！2015年最优秀的20款网站配色方案（附配色工具）

编者按：网页设计领域的业界良心Awwwards除了每天推荐好网站，定期做评比之外，还会在博客里面推荐各种网页设计的技巧和总结，今天的这篇文章最初是源于一个探索性的项目，项目结果炫酷然而乍一看并没有什么卵用，不过，如果将这个项目同最近选出的20个配色优秀的网站相互印证，足以看出时下配色的大趋势。当然，好人做到底，作者干脆把时下流行的基于Material Design 的配色工具连同常用而经典的配色工具一同推荐给你，这也构成了今天文章的三大部分。OK，正文开始~几周以前，供职于 Jam 3 的图像开发者...

2015-08-03

陈子木

扁平化配色方案

教程 3.7w

配色新技巧！如何巧用大师的作品帮你搞定色彩搭配？

编者按：色彩基础知识不够扎实？配色灵感枯竭殆尽？今天百度的同学通过思路+实训，手把手带你走进绘画大师的配色王国，再乾坤大挪移，将高手的配色都化为己用，配色弱必马！

2015-03-16

程远

教程 2.9w

跟上色彩潮流！带你展望2015年的网页设计配色趋势

前几天分享的2015年春夏流行色人气很高，今天直接放干货，@AnyForWeb_UDC 的同学根据2015年的色彩大致趋势走向，结合相关的设计经验，作出了以下网页配色预测分析，来看看有哪些亮点吧。提前搞定2015年的设计好文：《我的征程是未来！带你展望2015年最重要的网页设计趋势》《快来跟上潮流！

2014-12-24

程远

教程 71.8w

色彩搭配速成！3个实用方法帮你全面搞定配色

编者按：最值得收藏的色彩设计方法！色彩搭配是一门花样繁多的学问，但任天下奇招再多，独孤九剑总有破法，今天阿里的同学这篇色彩设计方法，仅有简单3大类，但囊括了众多顶尖的配色技巧，不可多得的集大成篇，别错过咯。为什么要整理设计色彩方法？

2014-12-02

程远

教程 2.0w

配色讲道理！Thinkful网站配色完全学习指南(下)

常听人感慨，看了那么多的案例，依然搞不定配色，这真是一个悲伤的故事啊！的确，找到漂亮的网站容易，弄明白为什么漂亮，却需要从根子上来思考，所以，读完上篇的基础分析之后，接下来你需要掌控那些关于配色的概念和思路，这才是真正意义上的授人以渔。上半部分右戳：《配色讲道理！

2014-11-17

陈子木

教程 2.4w

配色讲道理！Thinkful网站配色完全学习指南(上)

毫无疑问网站的配色是非常重要的。创建一套具有凝聚力又能抓人眼球的色板是创建一个成功网站的先决条件。在技术发展的驱动之下，我们在网页设计的时候可以更加精确地控制色彩，这也使得色板的精细打磨显得更加必要和重要。

2014-11-12

陈子木

酷站推荐 5.9w

让高手帮你配色！超好用的在线配色网站TOP 5

编者按：想象一下，在部门会议上，Boss对你美工同事设计的配色不太满意，你却始终笑而不语，当问到你的意见时，你呵气如兰，轻声说出：“就用绀桔梗色搭配枇杷茶色吧，再加少许苏芳香。”—— 如此狂拽酷炫的场景，还用得着去问在线配色哪家强吗？配色交给它们，你马克就好。

2014-10-08

程远

酷站推荐 2.2w

眼前一亮！30个亮色调的顶尖网站设计

在所有颜色中，能一瞬间抓住你眼球的非亮色莫属，除了这个，亮色调还能调起快乐的情绪，好处多多，但运用起来没那么简单，一不小心就闪到眼睛了。今天我们收集了30个亮色调的网站设计，你可以借鉴一下，怎样恰到好处地去运用它。具体一点，若想知道常见的几种色彩在网页中如何运用，请移步：《颜色中的黑暗骑士：网页设计色彩剖析之深邃黑》、《怒赞！

2014-04-09

程远

优秀网页设计

教程 12.8w

取色指南！7款靠谱工具帮你选取完美配色

@陈子木找到一套合适的调色板，会直接决定你的设计稿是否看上去拥有专业的配色。当你寻找一套新的调色板的时候，通过浏览照片来激发灵感也是最有意思的一种方式。就像我们这篇文章《配色弱的同学必看！

2014-04-05

Roc 优设

酷站推荐 1.5w

配色达人！来欣赏这组配色超赞的网页吧

今天收集了一组颜色丰富，像七彩虹般漂亮的网站，虽然色彩元素不少，可丝毫没有碍眼的感觉，融合在一起反而国际范儿十足，不同的色彩搭配也产生了不一样的风格，同学们可以借鉴一下。如果你在配色方面不太熟悉，不妨右戳《配色基础：你要懂的色彩悄悄话》、《推荐：色彩知识大科普》学习一下。配色相关推荐：《配色方案及色彩心理学》《怎样选择合适的配色方案（附工具推荐）》FilletPoppinDavid BoyeroBrown Owl CreativeStudio PigeonWe are CuppaTake OffGu...

2014-03-07

程远

优秀网页设计

教程 2.7w

用案例说话！教你如何设计出甲方称赞的作品

灰灰：改稿改通宵？抱怨甲方不给力？其实很多都是设计师不了解外部审核的标准，戳不到客户的想要的痛点，现在腾讯设计师与你分享，他们将项目外包后，有哪些审核的标准，分类简明，例子实在，总结满满是干货，强烈推荐设计团队的童鞋阅读学习，争取马上一稿过！

2014-02-26

程远

教程 7.7w

PS教程：梦幻星空海报制作

@伯毅狼：在网上看到一个很好看的海报，所以尝试着摸索分解了一下是怎么做的。现在我们来探讨下这个海报是怎么做的。如果有不足的地方，请指出改正，本狼一定认真改正。

2014-02-16

程远

教程 1.8w

实用教程！畅游VC教你用PS打造立体舞台效果

畅游VC：每到打折季，我们经常能看到各大电商网站纷纷推出狂甩、狂抢、狂轰滥炸之类的节日庆典专题，如某猫的双11、双12啦，某东、某迅的大促啦……此时，当然少不了一个炫丽的舞台做搭配，本期我们来分享一个同样适应于游戏专题的特殊角度立体舞台设计。相关推荐：《60个以小见大的设计细节！

2014-02-12

ranger

酷站推荐 4.5w

一起来画画！8款最佳HTML5绘图工具

HTML5无疑是当前最受宠的一项技术，今天推荐8款HTML5绘图工具，同样惊艳你的眼球！这些绘图工具大多数是用HTML5画布(Canvas)实现的，部分辅以Javascript。对每一个web设计者来说，制图和草绘是他们工作中最喜欢的一件事情了。

2014-02-10

程远

酷站推荐 2.7w

黑色经典！50个时尚的黑色系网站欣赏

我觉得每个设计师都会对黑色有一段时间的迷恋期，还记得几年前CSS Zen Garden（CSS禅意花园）流行的时候，突然有一天想设计一套黑色系的网站。遗憾的是，那个时候对黑色驾驭不了，绞尽脑汁做了很久也没有设计出喜欢的页面，最后只好悻悻作罢。大家都知道，制作网站的一个基础要素就是控制好色彩。

2014-02-05

程远

优秀网页设计

酷站推荐 2.3w

超赞！20款免费的高质量网站模板

对预算低的企业或者刚开始有意建网站的同学，使用一个高质量的网站模板能大大减少时间，让珍贵的时间磨在刀刃上。今天我们从一些专业的网站里收集了20款由专业设计师打造的高质量网站模板，如果你正好需要，点进那个优雅的链接，过个好年吧。酷站推荐：30个超酷的射击类游戏网页欣赏高端大气！

2014-01-29

程远

酷站推荐 1.6w

新年特典！不容错过的世界五百强官方网站欣赏（上）

搜寻不同领域、不同类型、不同大小的网站是一件非常有趣的事，今天小编就做了这件事！我们将向你展示世界五百强中的某些公司网站，这100个网站包含了大量的信息，展示了他们的风格以及营业方向，都是非常大型、成功的公司，希望你在看过之后能够有所收获！下集请戳→不容错过的世界五百强官方网站欣赏（下）相关推荐：《超赞！

2014-01-28

阿麦

优秀网页设计

酷站推荐

新年特典！不容错过的世界五百强官方网站欣赏（下）

搜寻不同领域、不同类型、不同大小的网站是一件非常有趣的事，今天小编又做了这件事！上一期我们分享了前50个网站，今天就来看一下后50个吧！回顾上一篇请戳！

2014-01-28

阿麦

优秀网页设计

教程 3.1w

跟还是不跟？2014年网页设计趋势（附资源推荐）

在过去的2013年及2012年，网页设计理念或多或少都受到大公司设计风格的影响。Google过去几年中也在搜索算法上做出很多调整——更注重网站内容原创性及可用性。HTML 5释放了设计师的思维，有利有弊，HTML 5 动画有时也玩过火了。

2014-01-26

程远

酷站推荐 1.4w

敢于尝试！23个有着非同寻常配色的网页设计

想想现代网页设计的配色方案，除了一些简约网站常常使用灰色与白色，其他网站大多以白色为背景，再搭配其他颜色。然而，在这个展示中，我们可以看到有一些非常有冒险精神的设计师混合了一些不寻常的色彩。这种设计你可能从来都没想过，但它们都看起来非常完美，来学习一下吧。

2014-01-24

程远

优秀网页设计

教程 2.7w

推荐！通过留白打造简洁有效的设计

@十萬個為什麽：有时最有效的设计技巧，就是什么也没有。而且它的目的性非常强。留白是最有力的设计方式之一，它使得文字清晰易读，将注意力吸引至某部分，并且有助于打造整体氛围。

2014-01-24

程远

优秀网页设计

教程 1.7w

设计师们！来了解一下2014年春季流行色

Dazzling Blue（闪蓝色）曾经是年度颜色的热门选择，笔者也为此庆幸过——这种饱和度高的颜色应该不会导致2013年那种祖母绿色泛滥成灾的现象了～结果最后公布的是一种取自紫色蝴蝶兰的颜色，这种略带旖旎略带忧伤略带暧昧的颜色可以用在不同场合～而且2014年的流行色中，紫色系出现的频率最高！难道是预示着充满基情的一年吗？还是不景气的经济状况需要梦幻的色调来调剂？

2014-01-23

Roc 优设

酷站推荐 2.9w

现代极简风格：纯文本+背景图式欢迎页面

@十萬個為什麽：文字与背景图片是每个现代网站都具有的重要元素,这两项首先映入用户眼帘，使他们熟悉网站标志、简介和导航。搭配合适的照片或图画，创造所需氛围。文字与图片在网站的视觉和内容方面同时发挥作用，它们的组合极为有效，甚至只用这两种元素就足以建立一个与众不同魅力十足的欢迎页。

2014-01-23

程远

教程 6.3w

网页配色进阶篇：叠柔配色技巧

腾讯游戏@大孔雀pavo ：“本文没有咬文嚼字的地方，只是一个技巧的分享，十分简单，简单到流泪。”网页视觉层面主要是由形式（或叫布局）、色彩、图片和文字信息组成，设计师通常对形式感关注的比较多，因为视觉冲击力、设计差异性或创新大多都仰赖形式呈现，而色彩主要影响整体观感、设计品质以及受众情绪，很多时候我们设计了一个不错的形式却未能做出这个稿子应有的品质，会不会太可惜？形式需要思考创造，图片素材需要学习处理，文字需要梳理编排，但网页色彩是不是一定需要有天生的色感、丰富的理论和多年经验沉淀才能运用自如？

2014-01-20

Roc 优设

1/2

1
2
下一页
前往页

大家都在看

经验分享

文章 4896

网页设计

文章 932

设计师专访

文章 147

PS教程

文章 772

职场规划

文章 355

ICON

文章 204

优秀网页设计

文章 582

App设计

文章 261

酷站推荐

文章 330

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：uisdc123

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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