高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年网页设计色相(热门3篇)

网页设计色相 第1篇

鎏金:中国传统的一种镀金方法,把溶解在水银里的金子涂刷在银胎或铜胎器物上。

飞金 泥金 洒金:用金粉或金属粉制成的金色涂料,用来装饰笺纸或调和在油漆中涂饰器物。洒金一说是指带斑点的图案。描金:为使器物美观而在其上用金银粉勾图、描绘作为装饰。

花黄:古代妇女的面饰。用金黄色纸剪成星月花鸟等形贴在额上,或在额上涂点黄色。撒花:织物上的碎花图案。云斑:在颜色比较淡的或半透明的材料上的暗黑的或无光泽的条纹或斑点(如在大理石上)。云母纹:像云母断面及砂子闪烁光泽的纹理。

注:在原文中,是没有把每个色彩的色彩值写上的,我感觉这样用起来会很不方便,用取色器获取的颜色也可能不准确,就在每个颜色名称后面一一标注了。

来自: 闻竹韵赏清音 > 《网页设计》

0条评论

发表

请遵守用户 评论公约

中国传统色彩名录及其RGB值

亦泛指脸红色 ████#fff143 鹅黄:淡黄色 (quester注:鹅嘴的颜色,高明度微偏红黄色)████#faff72 鸭黄:小鸭毛的黄色 ████#eaff56 樱草色:淡黄色 ████#ffa631 杏黄:成熟杏子的黄色...

颜色名称图片大全整理

颜色名称图片大全整理X.

国画色谱

████ 朱红:朱砂的颜色,比大红活泼,也称铅朱 朱色 丹色 (quester注:在YM对等的情况下,适量减少红色的成分就是该色的色彩系列感觉)-████ 赭色:红色、赤红色。████ 苍色:即各种颜色...

设计必备----色彩标准卡

████ 紫酱:浑浊的紫色████ 酱紫:紫中略带红的颜色████ 紫檀:檀木的颜色,也称乌檀色 乌木色████ 绀青绀...

中国古代对色彩的命名

中国古代对色彩的命名

绘画技法之染色

别称:妃色杨妃色湘妃色妃红色。品红:比大红浅的红色(quester注:这里的“品红”估计是指的“一品红”,是基于大红色系的,和现在我们印刷用色的“品红M100”不是一个概念)朱红:朱砂的颜色,比大红...

中国传统色彩名词详解(附RGB色号)

泛指赤色、火红色███ef7a82嫣红:鲜艳的红色███ff0097洋红:色橘红(这个色彩方向似乎不太对,通常洋红指的是倾向于M100系列的红色,应该削弱黄色成分)███ff3300炎:引申为红色███c3272b...

中国传统色彩名称

中国传统色彩名称 中国传统色彩名称 培养色感从名称开始——中国传统色彩名称。很多时候,我们在看到或者听到中国传统的色彩名称,但却不了解到底是什么样的色彩。如果你也还不了解,不妨仔细...

重要颜色

重要颜色。桃红:桃花的颜色,比粉红略鲜润的颜色。海棠红:淡紫红色、较桃红色深一些,是非常妩媚娇艳的颜色。2、国画暗红色颜料。赤:本义火的颜色,即红色。1、在红色和黄色之间的任何一种颜色;草...

微信扫码,在手机上查看选中内容

微信扫码,在手机上查看选中内容

网页设计色相 第2篇

由于对比色相互对比构成的配色,可以分为互补色或相反色搭配构成的色 相对比效果,由白色、黑色等明度差异构成的明度对比效果,以及由纯度差异构成的纯度对比效果。

色彩间对比视觉冲击强烈,容易吸引用户注意,使用时经常大范围搭配。

VISA的案例

VISA是一个信用卡品牌, 深蓝色传达和平安全的品牌形象,黄色能让用户产生兴奋幸福感。另外蓝色降低明度后再和黄色搭配,对比鲜明之余还能缓和视觉疲劳。

观点: 不管是整体对比还是局部对比,对比色给人强烈的视觉冲击,结合色彩心理学对品牌传达效果更佳。

三色对比色相上更为丰富,通过加强色调重点突出某一种颜色,且在色彩面积更为讲究。

NAVER的案例

大面积绿色作为站点主导航,形象鲜明突出。使用品牌色对应的两种中差色作二级导航,并降低其中一方蓝色系明度,再用同色 调的西瓜红作为当前位置状态,二级导航内部对比非常强烈却不影响主导航效果。

观点: 三色对比中西瓜红作为强调色限定在小面积展现非常关键,面积大小直接影响画面平衡感。

多色对比给人丰富饱满的感觉 ,色彩搭配协调会使页面会非常精致,模块感强烈。

Metro的案例

Metro风格采用大量色彩,分隔不同的信息模块。保持大模块区域面积相等,模块内部可以细分出不同内容层级,单色模块只承载一种信息内容,配 上对应功能图标识别性高。

观点:色彩色相对比、色彩面积对比,只要保持一定的比例关系,页面也能整整有序。

相对与色相对比,纯度差对比,对比色彩的选择非常多,设计应用范围广泛,可用于一些突出品牌 、营销类的场景。

PINTEREST的案例

页面中心登录模块,通过降低纯度处理制造无色相背景,再利用红色按钮的对比,形成纯度差关系。与色相对比相较,纯色对比冲突感刺激感相对小一些,非常容易突出主体内容的真实性。

观点: 运用对比重要的是对比例的把握,面积、构 图、节奏、颜色、位置等一切可以发生变化的元素,形成视觉的强烈冲突。

明度对比接近生活实际反映,通过环境远近、日照角度等明暗关系,设计趋于真实。

ARKTIS的案例

明度对比够构成画面的空 间纵深层次,呈现远近的对比关系,高明度突出近景主体内容,低明度表现远景的距离。而明度差使人注意力集中在高亮区域,呈现出药瓶的真实写照。

观点: 明度对比使页面显得更单纯、统一,而高低明度差可产生距离关系。

总结:

色彩是最能引起心境共鸣和情绪认知的元素,三原色能调配出非常丰富的色彩,色彩搭配更是千变万化。设计配色时,我们可以摒弃一些传统的默认样式,了解设计背后的需求目的,思考色彩对页面场景表现、情感传达等作用,从而有依据、有条理、 有方法地构建色彩搭配方案。

声明:文章内容来自网络侵权请主动联系,进行删除.

网页设计色相 第3篇

这是由同一色调构成的统一性配色。深色调和暗色调等类似色调搭配也可以形成同样的配色效果。即使出现多种 色相,只要保持色调一致,画面也能呈现整体统一性。

SHOTFOLIO的案例

清澈调子使页面非常和谐,即使是不同色相形同色调的配色能让页面保持较高的协调度。蓝色另页面产生安静冰冷的气氛,茶色让我们想起大地泥 土的厚实,给页面增加了稳定踏实感觉,同时暖和蓝色的冰冷。

观点:互补的色相搭配在一起,通过统一色调的手法,可以缓和色彩之间的对比效果。

概念应用的案例

阴暗的色调渲染场景氛围 ,通过不同色相的色彩变化丰富信息分类,降低色彩饱和度使各色块协调并融入场景,白色和明亮的青绿色作为信息载体呈现。

Tips:多色彩经过统一色调处理,区域间非常协调,也不影响整体页面阴暗气氛表现。

Kids plus的案例

明亮的颜色活泼清晰,热闹的气氛和醒目的卡通形像叙述着一场庆典,但铺满高纯度的色彩,过于刺激,不适宜长时间游览。

观点:饱和度与纯度特性明显的搭配,在达到视觉冲击力的同时,可适当采用对比色或降低明度等方法调和视觉表现 。

LEES FERRY的案例

页面以深暗偏灰色调为主,不同的色彩搭配,像在叙述着不同的故事,白色文字的排版,整个页面显得厚重精致,小区域微渐变增加版面质感。

观点:以低暗色调构成整体画面氛围,小面积明亮部分不会影响整体感觉。

Very的案例

柔和的调子使页面显得明快温暖,就算色彩很多也不会造成视觉 负重。页面的同色调搭配,颜色作为不同模块的信息分类,不抢主体的重点,还能衬托不同类型载体的内容信息。

观点:同色调不同色彩的模块,就算承载着不同的信息内容也能表现很和谐。

这是由同一或 类似色调中的色相变化构成的配色类型,与主导色调配色中的属于同类技法。区别在于色调分布平均,没有过深或过浅的模块,色调范围更为严格。

Tumblr的案例

在实际的设计运用中,常会用些更综合的手法,例如整体有主导 色调,小范围布局会采用同色调搭配。拿tumblr的发布模块来说,虽然页面有自己的主色调,但小模块使用同色调不同色彩的功能按钮,结合色相变化和图形表达不同的功能点,众多的按钮放在一起,由于同色调原因模块非常稳定统一。

观点:综合运用的情况, 整体界面是有主导色调,在布局例如重点图标等是同色调配色灵活运用。

这是由同一色相的色调差构成的配色类型,属于单一色彩配色的一种。 与主导色调配色中的同色系配色属于同类技法。从理论上来讲,在 同一色相下的色调不存在色相差异,而是通过不同的色调阶层搭配形成,可以理解为色调配色的一种。

Genrecolours的案 例

拿紫色界面来说,利用同一色相通过色调深浅对比,营造页面空间层次。虽然色彩深浅搭配合理,但有些难以区分主次,由于是同一色相搭配,颜 色的特性决定着心理感受。

观点:同色深浅配色有着极高的统一性,但有点枯燥。

猜你喜欢