菜单
优设网uisdc.com
优设网 - 学设计上优设
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计宝藏
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
网页配色 话题
首页
设计文章
网页配色
B端
收录32篇文章
文章推荐
收录30篇文章
客户沟通
收录31篇文章
摄影知识
收录30篇文章
网页设计趋势
收录35篇文章
1 / 2
到第
Go
页
网页
检查网页配色是否符合WCAG规范的神器「Color review」
本文要推荐的「Color.review」是用来计算两种颜色对比度、检查是否符合 WCAG 2.1 规范的在线工具，也能协助使用者找出看起来好看、又适合每个人的色彩组合。
2022/08/24
Color.review
教程
实用技巧！教你从层次/色调/创意3个方面设计出酷炫网页
大家在浏览网页时经常可以看优秀的海报设计，这些设计往往可以通过其优秀的颜色处理、场景打造、氛围渲染、排版布局、文字处理以及巧妙的创意等方面来抓住浏览者的眼球。那么今天我们就跟大家分享一下一些优秀的海报设计在网页中的应用。大家在浏览网页时经常可以看优秀的海报设计，这些设计往往可以通过其优秀的颜色处理、场景打造、氛围渲染、排版布局、文字处理以及巧妙的创意等方面来抓住浏览者的眼球。
2016/05/31
优秀网页设计
教程
高手怎么配色？一个优秀配色方案的探索过程全揭秘！
@可乐橙_ColaChan ：选择配色方案往往是个难题，尽管网上有各种各样的色彩库，配色仍然至关重要，有时候最好还是亲自动手。而且这个过程也非常有意思。今天这篇好文来自一位配色高手，来看看人家是怎么做出一个优秀配色方案的。
2016/05/15
经验分享
教程
深入浅出学配色！带你重新全面认识色彩系列之绿色篇
@飞屋睿UIdesign ：上次说了色彩系列的黄色，今天继续聊聊绿色。这篇文章是在看了李正贤的《WOW！不一样的配色设计》一书的部分摘录和读书笔记，除了色彩基础知识科普，也会有对应的网页案例分析，非常适合新手学习。
2016/02/17
绿色网页
酷站推荐
顶尖灵感库！专门收录世界知名品牌标准色的BrandColor
一般在品牌商标（Logo）使用规范中，都会对颜色、书写字样或留白等细节提供详尽的说明，其中最被使用者熟悉的「标准色」就是设计里相当重要的一环。所有品牌都会有其最常使用的颜色，而这颜色通常会被用户记忆在脑海里，例如 Facebook 的蓝色、Yahoo 的紫色、Spotify 的绿色等等，虽然大略知道这颜色，却很难准确说出它的色码（只有设计师才有这种天赋吧！），如果需要时该去什么地方搜寻呢？
2016/02/08
品牌设计
教程
有这篇就够了！为零基础新手量身打造的安全配色指南
@Chuckie-Chang ：今天对一些配色技巧和方法做一个分享和总结，无论你有美术基础/色彩基础还是零基础，都可以使用此方法创造出安全的配色方案。所谓安全配色，就是遵循一些设计规范，色彩规范，适应于Web和其它方面的UI设计，在这些色彩的基础上，只要能控制好比例，就可以大胆的配色，无需参考，无需临摹，无需借鉴。一种感性的安全配色，一种符合标准的安全配色。
2015/12/18
安排配色
酷站推荐
视觉冲击！有哪些完美利用色彩冲突的优秀网站？
编者按：对比色可以提升整个网站的活力，但如果用错了效果就会适得其反，今天分享一组对比强烈但丝毫不别扭，反而能有效突出主次的网站，设计师对色彩掌握得恰到好处，来学习一下~ESPN Sports ProgrammingESPN体育节目官网的首页就是一个很好的例子，充分说明了颜色在转变中是如何发挥作用的。该网站有两个吸引人的地方：第一就是激烈、鲜明的红色；第二就是坚实的背景。这不是要比右边简单的文字更有吸引力吗？
2015/09/06
优秀网页设计
酷站推荐
业界良心！2015年最优秀的20款网站配色方案（附配色工具）
编者按：网页设计领域的业界良心Awwwards除了每天推荐好网站，定期做评比之外，还会在博客里面推荐各种网页设计的技巧和总结，今天的这篇文章最初是源于一个探索性的项目，项目结果炫酷然而乍一看并没有什么卵用，不过，如果将这个项目同最近选出的20个配色优秀的网站相互印证，足以看出时下配色的大趋势。当然，好人做到底，作者干脆把时下流行的基于Material Design 的配色工具连同常用而经典的配色工具一同推荐给你，这也构成了今天文章的三大部分。OK，正文开始~几周以前，供职于 Jam 3 的图像开发者...
2015/08/03
扁平化配色方案
教程
配色新技巧！如何巧用大师的作品帮你搞定色彩搭配？
编者按：色彩基础知识不够扎实？配色灵感枯竭殆尽？今天百度的同学通过思路+实训，手把手带你走进绘画大师的配色王国，再乾坤大挪移，将高手的配色都化为己用，配色弱必马！
2015/03/16
经验分享
教程
跟上色彩潮流！带你展望2015年的网页设计配色趋势
前几天分享的2015年春夏流行色人气很高，今天直接放干货，@AnyForWeb_UDC 的同学根据2015年的色彩大致趋势走向，结合相关的设计经验，作出了以下网页配色预测分析，来看看有哪些亮点吧。提前搞定2015年的设计好文：《我的征程是未来！带你展望2015年最重要的网页设计趋势》《快来跟上潮流！
2014/12/24
网页配色
教程
色彩搭配速成！3个实用方法帮你全面搞定配色
编者按：最值得收藏的色彩设计方法！色彩搭配是一门花样繁多的学问，但任天下奇招再多，独孤九剑总有破法，今天阿里的同学这篇色彩设计方法，仅有简单3大类，但囊括了众多顶尖的配色技巧，不可多得的集大成篇，别错过咯。为什么要整理设计色彩方法？
2014/12/02
经验分享
教程
配色讲道理！Thinkful网站配色完全学习指南(下)
常听人感慨，看了那么多的案例，依然搞不定配色，这真是一个悲伤的故事啊！的确，找到漂亮的网站容易，弄明白为什么漂亮，却需要从根子上来思考，所以，读完上篇的基础分析之后，接下来你需要掌控那些关于配色的概念和思路，这才是真正意义上的授人以渔。上半部分右戳：《配色讲道理！
2014/11/17
网页配色
教程
配色讲道理！Thinkful网站配色完全学习指南(上)
毫无疑问网站的配色是非常重要的。创建一套具有凝聚力又能抓人眼球的色板是创建一个成功网站的先决条件。在技术发展的驱动之下，我们在网页设计的时候可以更加精确地控制色彩，这也使得色板的精细打磨显得更加必要和重要。
2014/11/12
网页配色
酷站推荐
让高手帮你配色！超好用的在线配色网站TOP 5
编者按：想象一下，在部门会议上，Boss对你美工同事设计的配色不太满意，你却始终笑而不语，当问到你的意见时，你呵气如兰，轻声说出：“就用绀桔梗色搭配枇杷茶色吧，再加少许苏芳香。”—— 如此狂拽酷炫的场景，还用得着去问在线配色哪家强吗？配色交给它们，你马克就好。
2014/10/08
网页设计
酷站推荐
眼前一亮！30个亮色调的顶尖网站设计
在所有颜色中，能一瞬间抓住你眼球的非亮色莫属，除了这个，亮色调还能调起快乐的情绪，好处多多，但运用起来没那么简单，一不小心就闪到眼睛了。今天我们收集了30个亮色调的网站设计，你可以借鉴一下，怎样恰到好处地去运用它。具体一点，若想知道常见的几种色彩在网页中如何运用，请移步：《颜色中的黑暗骑士：网页设计色彩剖析之深邃黑》、《怒赞！
2014/04/09
优秀网页设计
教程
取色指南！7款靠谱工具帮你选取完美配色
@陈子木 找到一套合适的调色板，会直接决定你的设计稿是否看上去拥有专业的配色。当你寻找一套新的调色板的时候，通过浏览照片来激发灵感也是最有意思的一种方式。就像我们这篇文章《配色弱的同学必看！
2014/04/05
取色指南
酷站推荐
配色达人！来欣赏这组配色超赞的网页吧
今天收集了一组颜色丰富，像七彩虹般漂亮的网站，虽然色彩元素不少，可丝毫没有碍眼的感觉，融合在一起反而国际范儿十足，不同的色彩搭配也产生了不一样的风格，同学们可以借鉴一下。如果你在配色方面不太熟悉，不妨右戳《配色基础：你要懂的色彩悄悄话》、《推荐：色彩知识大科普》学习一下。配色相关推荐：《配色方案及色彩心理学》《怎样选择合适的配色方案（附工具推荐）》FilletPoppinDavid BoyeroBrown Owl CreativeStudio PigeonWe are CuppaTake OffGu...
2014/03/07
优秀网页设计
教程
用案例说话！教你如何设计出甲方称赞的作品
灰灰：改稿改通宵？抱怨甲方不给力？其实很多都是设计师不了解外部审核的标准，戳不到客户的想要的痛点，现在腾讯设计师与你分享，他们将项目外包后，有哪些审核的标准，分类简明，例子实在，总结满满是干货，强烈推荐设计团队的童鞋阅读学习，争取马上一稿过！
2014/02/26
经验分享
教程
PS教程：梦幻星空海报制作
@伯毅狼 ：在网上看到一个很好看的海报，所以尝试着摸索分解了一下是怎么做的。现在我们来探讨下这个海报是怎么做的。如果有不足的地方，请指出改正，本狼一定认真改正。
2014/02/16
PS教程
教程
实用教程！畅游VC教你用PS打造立体舞台效果
畅游VC：每到打折季，我们经常能看到各大电商网站纷纷推出狂甩、狂抢、狂轰滥炸之类的节日庆典专题，如某猫的双11、双12啦，某东、某迅的大促啦……此时，当然少不了一个炫丽的舞台做搭配，本期我们来分享一个同样适应于游戏专题的特殊角度立体舞台设计。相关推荐： 《60个以小见大的设计细节！
2014/02/12
ps技巧
酷站推荐
一起来画画！8款最佳HTML5绘图工具
HTML5无疑是当前最受宠的一项技术，今天推荐8款HTML5绘图工具，同样惊艳你的眼球！这些绘图工具大多数是用HTML5画布(Canvas)实现的，部分辅以Javascript。对每一个web设计者来说，制图和草绘是他们工作中最喜欢的一件事情了。
2014/02/10
HTML5动画
酷站推荐
黑色经典！50个时尚的黑色系网站欣赏
我觉得每个设计师都会对黑色有一段时间的迷恋期，还记得几年前CSS Zen Garden（CSS禅意花园）流行的时候，突然有一天想设计一套黑色系的网站。遗憾的是，那个时候对黑色驾驭不了，绞尽脑汁做了很久也没有设计出喜欢的页面，最后只好悻悻作罢。大家都知道，制作网站的一个基础要素就是控制好色彩。
2014/02/05
优秀网页设计
酷站推荐
超赞！20款免费的高质量网站模板
对预算低的企业或者刚开始有意建网站的同学，使用一个高质量的网站模板能大大减少时间，让珍贵的时间磨在刀刃上。今天我们从一些专业的网站里收集了20款由专业设计师打造的高质量网站模板，如果你正好需要，点进那个优雅的链接，过个好年吧。酷站推荐：30个超酷的射击类游戏网页欣赏高端大气！
2014/01/29
网站设计
酷站推荐
新年特典！不容错过的世界五百强官方网站欣赏（上）
搜寻不同领域、不同类型、不同大小的网站是一件非常有趣的事，今天小编就做了这件事！我们将向你展示世界五百强中的某些公司网站，这100个网站包含了大量的信息，展示了他们的风格以及营业方向，都是非常大型、成功的公司，希望你在看过之后能够有所收获！下集请戳→不容错过的世界五百强官方网站欣赏（下）相关推荐： 《超赞！
2014/01/28
优秀网页设计
酷站推荐
新年特典！不容错过的世界五百强官方网站欣赏（下）
搜寻不同领域、不同类型、不同大小的网站是一件非常有趣的事，今天小编又做了这件事！上一期我们分享了前50个网站，今天就来看一下后50个吧！回顾上一篇请戳！
2014/01/28
优秀网页设计
教程
跟还是不跟？2014年网页设计趋势（附资源推荐）
在过去的2013年及2012年，网页设计理念或多或少都受到大公司设计风格的影响。Google过去几年中也在搜索算法上做出很多调整——更注重网站内容原创性及可用性。HTML 5释放了设计师的思维，有利有弊，HTML 5 动画有时也玩过火了。
2014/01/26
界面设计
酷站推荐
敢于尝试！23个有着非同寻常配色的网页设计
想想现代网页设计的配色方案，除了一些简约网站常常使用灰色与白色，其他网站大多以白色为背景，再搭配其他颜色。然而，在这个展示中，我们可以看到有一些非常有冒险精神的设计师混合了一些不寻常的色彩。这种设计你可能从来都没想过，但它们都看起来非常完美，来学习一下吧。
2014/01/24
优秀网页设计
教程
推荐！通过留白打造简洁有效的设计
@十萬個為什麽：有时最有效的设计技巧，就是什么也没有。而且它的目的性非常强。留白是最有力的设计方式之一，它使得文字清晰易读，将注意力吸引至某部分，并且有助于打造整体氛围。
2014/01/24
优秀网页设计
教程
设计师们！来了解一下2014年春季流行色
Dazzling Blue（闪蓝色）曾经是年度颜色的热门选择，笔者也为此庆幸过——这种饱和度高的颜色应该不会导致2013年那种祖母绿色泛滥成灾的现象了～ 结果最后公布的是一种取自紫色蝴蝶兰的颜色，这种略带旖旎略带忧伤略带暧昧的颜色可以用在不同场合～ 而且2014年的流行色中，紫色系出现的频率最高！难道是预示着充满基情的一年吗？还是不景气的经济状况需要梦幻的色调来调剂？
2014/01/23
网页配色
酷站推荐
现代极简风格：纯文本+背景图式欢迎页面
@十萬個為什麽：文字与背景图片是每个现代网站都具有的重要元素,这两项首先映入用户眼帘，使他们熟悉网站标志、简介和导航。搭配合适的照片或图画，创造所需氛围。文字与图片在网站的视觉和内容方面同时发挥作用，它们的组合极为有效，甚至只用这两种元素就足以建立一个与众不同魅力十足的欢迎页。
2014/01/23
网站设计
1/2
1
2
下一页
前往
Go
页
大家都在看
酷站
文章 643
立即查看
职场规划
文章 428
立即查看
设计师干货
文章 218
立即查看
产品设计
文章 544
立即查看
职场
文章 137
立即查看
设计干货
文章 160
立即查看
设计趋势
文章 229
立即查看
优设大课堂
文章 142
立即查看
版式设计
文章 272
立即查看
优设读报
2023年01月30日 星期一
01
上周热门文章：《为了让你学会「时间」排版，我做了50＋案例示范》
02
米哈游全新力作！《崩坏：星穹铁道》全平台预约已突破千万
03
腾讯《王者荣耀·世界》官方道歉！承认不当使用拳头插画师作品
04
小米手机 MIUI 开发版更新，从根部解决 App 摇一摇开屏广告
05
「美版今日头条」BuzzFeed 将和 OpenAI 合作，使用 ChatGPT 帮助创作
查看全部
设计问答
全部问答
潘虎为凉白开进行包装升级设计，据说设计费高达300万，新版包装你喜欢吗？
7.1k 设计师围观了该问题
设计问答
全部问答
各位设计师2023年的愿望是什么？
邀请你来回答
20岁觉得漂亮真好，30岁觉得年轻真好，40岁觉得有权真好，50岁觉得有钱真好，60岁觉得悠闲真好，70岁觉得没病真好，80岁觉得活着真好。大家2023年的新年愿望是什么啊？
我来回答
LOGO设计
收藏这个专题，不想学会都难！
查看专题
专题
已有239.0w位观众
已收录
23
篇持续更新
揭秘LOGO设计流程！超详细的腾讯云LOGO 改版记录全过程
106611 人阅读
收藏收藏！超过10万个企业品牌LOGO矢量图免费下载！
84383 人阅读
细节
Lessons in Herstory 用AR展现女性历史人物故事
你知道吗？在美国历史教科书中，只有11%的故事是关于女性的。「Lessons in Herstory 」利用AR技术使美国历史教科书中被遗忘的女性历史人物活灵活现。
2020/07/14
花花🌸Yinghua
AR
设计神器
全部神器
2020年8月设计圈超实用干货大合集
神器推荐
第一波！2022年4月精选实用设计干货合集
神器推荐
壹周速读：设计沟通完全指南
神器推荐
字节跳动官方出品的免费图标库，超好用还能自定义修改！
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
资深设计师
北京
学历不限
1-3年
15k-25k
文案策划
武汉
学历不限
1-3年
6k-10k
平面设计师
武汉
学历不限
1-3年
5K-10k
查看全部
行业新闻
发布行业新闻
「大春晚季」品牌授权与版权文创暨「百人千创」合作计划：聚焦版权激发文创活力
活动赛事
喜兔迎年！iGame RTX 4070 Ti 开售，新春礼盒同步发布
新品推荐
为玩家和创作者提供超强动力：GeForce RTX 40 系列设计本发布
新品推荐
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
优设9图
优设爆火的干货频道
查看9图
设计问答
高手大咖在线答疑解惑
查看话题
