菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计素材
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
网页配色 话题
首页
设计文章
网页配色
免费素材
收录102篇文章
优设专访
收录103篇文章
免费字体
收录64篇文章
设计风格
收录68篇文章
腾讯ISUX
收录69篇文章
1 / 2
到第
Go
页
教程
实用技巧！教你从层次/色调/创意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
网站设计
教程
网页配色进阶篇：叠柔配色技巧
腾讯游戏@大孔雀pavo ：“本文没有咬文嚼字的地方，只是一个技巧的分享，十分简单，简单到流泪。”网页视觉层面主要是由形式（或叫布局）、色彩、图片和文字信息组成，设计师通常对形式感关注的比较多，因为视觉冲击力、设计差异性或创新大多都仰赖形式呈现，而色彩主要影响整体观感、设计品质以及受众情绪，很多时候我们设计了一个不错的形式却未能做出这个稿子应有的品质，会不会太可惜？形式需要思考创造，图片素材需要学习处理，文字需要梳理编排，但网页色彩是不是一定需要有天生的色感、丰富的理论和多年经验沉淀才能运用自如？
2014-01-20
网站配色
1/2
1
2
下一页
前往
Go
页
大家都在看
设计规范
文章 203
立即查看
交互设计
文章 751
立即查看
psd下载
文章 134
立即查看
干货
文章 153
立即查看
优设大课堂
文章 134
立即查看
酷站推荐
文章 333
立即查看
版式设计
文章 198
立即查看
干货合集
文章 185
立即查看
职场规划
文章 380
立即查看
优设读报
2022年08月17日 星期三
01
昨晚突发！Adobe旗下Behance网站国区账号无法登录
02
故宫博物院官方公布展览海报，由黄海操刀设计
03
漫威和迪士尼联合游戏发布会将于 9 月 10 日举行
04
腾讯数字藏品平台「幻核」宣布正式停售：用户可自行退款
05
国内首家！QQ 音乐宣布为蔚来提供车载杜比音乐服务
查看全部
设计大赛
参赛获奖指南
查看专题
专题
已有14.0w位观众
已收录
6
篇持续更新
商业设计比赛中如何提升获奖率？高手总结了这4个实用小技巧
17894 人阅读
参加设计比赛想拿奖？腾讯资深评委送你10个实用建议！
16465 人阅读
细节
看电影你会愿意提前知道彩蛋信息吗？
现在看电影都有看完全片等彩蛋的习惯，可不是每部片子都有让人惊喜的片尾彩蛋。有时候等待半天却发现结尾放完都没有彩蛋出现，这样的观影体验真的糟透了。如果你是在「猫眼」App上购买的电影票，电子票上会清楚标注此片是否有彩蛋的提示。
2019-06-20
李炜健
情境预判
设计问答
全部问答
大厂外派岗值得去么？你们怎么看？
4.2k 设计师围观了该问题
面试的时候才发现岗位是属于外派性质的，也就是外包岗位，但给的薪水还不错，有点纠结？
我来回答
优设琅琊榜
查看全部
3.4w
1/9
吴尧：在自己的奇幻作品里天马行空
吴尧
上新了故宫特邀设计师
设计神器
全部神器
远程办公如何无缝协作？给你推荐这个 Sketch 神仙插件！
神器推荐
壹周速读：这么多设计干货和神器，恐怕只能先码后用了~
神器推荐
想让数据秒变可视化？试试这个免费神器Meta-Chart！
神器推荐
Window党福利！这才是适合设计师的免费动效神器Pixate
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
高级体验设计师/设计专家
杭州
大专及以上
经验不限
25k-50k
高级UI设计师
北京
本科及以上
3年以上
25k-50k
多媒体设计师
上海
本科及以上
3-5年
15k-25k
查看全部
行业新闻
发布行业新闻
阿里U设计周：关于盲文无障碍设计的日常设想
活动赛事
平面设计必看！盘点 16 个常见的招牌字类型
行业新闻
菌小宝×潘虎，来自外太空的礼物
品牌资讯
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计问答
高手大咖在线答疑解惑
查看话题
