文档章节

从摄影作品中获取网页颜色搭配技巧

临江若仙
 临江若仙
发布于 2014/04/21 18:56
字数 893
阅读 632
收藏 22

    搭建一个网站,虽然布局第一、颜色其次。但颜色的搭配在用户视觉体验中确实最重要的元素。网页的色彩也是树立网站形象的关键之一。作为一个优秀、专业的网页设计师,首先要了解各种颜色的象征,以及不同类型网站常用的色彩搭配。色彩搭配看似复杂,但并不神秘。一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅。色彩是人的视觉最敏感的东西。主页的色彩处理得好,可以锦上添花,达到事半功倍的效果。

    颜色搭配常识:

    1.网页中色彩的表达使用三种颜色,及红(R)、绿(G)、蓝(B),及通常所说的RGB色彩,它包含了人类所感知的所有颜色,网页中表达颜色如下(红色为例)RGB格式:红色是(255,0,0) 或十六进制hex格式为(FF0000)。

    2.将色彩按"红->黄->绿->蓝->红"依次过度渐变可得到12色环:红,橙红,橙,橙黄,黄,黄绿,绿,蓝绿,蓝,蓝紫,紫,紫红。

    3.颜色分非彩色和彩色两类。非彩色是指黑,白,灰系统色。彩色是指除了非彩色以外的所有色彩。通常内容文字用非彩色(黑色),边框,背景,图片用彩色。所以即使页面丰富,看内容依然不会眼花,通常背景与内容对比要大。

    色彩的心理感觉

    红色---是一种激奋的色彩。刺激效果,能使人产生冲动,愤怒,热情,活力的感觉。

    绿色---介于冷暖两中色彩的中间,显得和睦,宁静,健康,安全的感觉。 它和金黄,淡白搭配,可以产生优雅,舒适的气氛。

    橙色---也是一种激奋的色彩,具有轻快,欢欣,热烈,温馨,时尚的效果。

    黄色---具有快乐,希望,智慧和轻快的个性,它的明度最高。

    蓝色---是最具凉爽,清新,专业的色彩。它和白色混合,能体现柔顺,淡雅,浪漫的气氛。

    白色---具有洁白,明快,纯真,清洁的感受。

    黑色---具有深沉,神秘,寂静,悲哀,压抑的感受。

    灰色---具有中庸,平凡,温和,谦让,中立和高雅的感觉。

    网页配色忌讳

    1.不要将所有颜色都用到,尽量控制在三种色彩以内。

    2.背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容

    摄影作品来获取颜色

    网页中背景图片也是至关重要的,使用一张大图片作为网页的背景是吸引访客眼球最快捷的方法。高质量的精美照片和抽象的设计图片能够给网站的外观带去深刻的影响。图片配合色彩是最完美的艺术。

    下面分享一些色彩常用到网页的摄影作品

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

    从摄影作品中获取网页颜色搭配技巧

     图片来自http://design-seeds.com

    如果你还在为获取web颜色而烦恼的话,建议你使用Color Scheme Designer取色工具,以不同的模式,可以让你一下获取相近的四个颜色。这也是我常用的取色工具


本文转载自:http://www.yangqq.com/jstt/bj/2014-01-09/637.html

上一篇: 神奇的clear:right
下一篇: js的事件触发
临江若仙
粉丝 7
博文 27
码字总数 12524
作品 0
广州
高级程序员
私信 提问
字符串中空格和换行的替换

字符串中的换行为Unix系统中的形式r,rn,n,现在需要保持原来的样式在网页展示,所以需要替换为网页可识别的换行符,空格也需要转为` $str = '【活动时间】招募时间:2016年6月9日-2016年6月1...

Corwien
2016/06/16
93
0
自学设计前的11点建议

前言   满久以前我写过一篇学设计必做的清单,在简书里,内容很扎实的一篇,现在在我来说已经过时了,现在这篇是我精简版的,也是专门为前端的人写的,比较适合我。   01.学习illustrat...

程序员客栈
2016/06/03
54
0
不得不看的8大经典着陆页设计案例

着陆页设计的目的在于如何吸引用户、留住用户,提升转化率。许多网站的成功,关键体现在它们的着陆页设计。这些成功的案例无一例外都有一个共同点:它们拥有最棒的UI/UX设计师,拥有最吸引人...

jongde
2018/02/06
32
0
想成为设计师,这些配色技巧你会几个啊

     可以说每一个作品,不管看得人是谁,第一个看得首先就是颜色搭配,好不好看,入不入眼。   当然,再设计一个作品时,要一次找对颜色不是容易的事儿,这其实是一项繁琐也枯燥的过程...

人工智能未来科技
2018/10/11
0
0
设计入门

我想要学学设计,期望它能为我在编程上面提供一些帮助,大概就是WEB设计啊,APP设计这些方面的。在知乎上看见一个问题叫做“没有任何基础怎么学设计?”其中得票数最高的,342的回答讲了这些...

周田
2016/09/21
27
0

没有更多内容

加载失败,请刷新页面

加载更多

序列化、反序列化和transient关键字的作用

引言 序列化:将一个对象转换成一串二进制表示的字节数组,通过保存或转移这些字节数据来达到持久化的目的。 反序列化:将字节数组重新构造成对象。 将 Java 对象序列化为二进制文件的 Java...

潦草的犀牛
29分钟前
39
0
聊聊artemis的maxDeliveryAttempts

序 本文主要研究一下artemis的maxDeliveryAttempts maxDeliveryAttempts activemq-artemis-2.11.0/artemis-server/src/main/java/org/apache/activemq/artemis/core/settings/impl/AddressSe......

go4it
46分钟前
37
0
heroku - 如何查看所有日志

我在heroku上有一个小应用程序。 每当我想看日志时,我都会去命令行做 heroku logs 这只能让我看到大约100行。 有没有办法在heroku上查看我们的应用程序的完整日志? #1楼 对于雪松堆栈,请...

javail
54分钟前
37
0
Spring AOP 创建增强类

AOP联盟为增强定义了org.aopalliance.aop.Advice接口,Spring支持5种类型的增强: 1)前置增强:org.springframework.aop.BeforeAdvice 代表前置增强,因为Spring 只支持方法级的增强,所有M...

onedotdot
56分钟前
41
0
将.apply()与'new'运算符配合使用。 这可能吗?

在JavaScript中,我想创建一个对象实例(通过new运算符),但是将任意数量的参数传递给构造函数。 这可能吗? 我想做的是这样的(但是下面的代码不起作用): function Something(){ //...

技术盛宴
今天
74
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部