网页设计色彩的运用技巧

2015-02-09 11:07 95 1 收藏

一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉,而在这些内容中,色彩的配色方案是至关重要的,网站整体的定位、风格调性都需要通过颜色,给用户带来感官上的刺激,从而产生共鸣。

【 tulaoshi.com - ps 】

一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉,而在这些内容中,色彩的配色方案是至关重要的,网站整体的定位、风格调性都需要通过颜色,给用户带来感官上的刺激,从而产生共鸣。

从色彩研究的方向来看,色彩分为色调、饱和度、明度三方面,颜色的运用是纯色之间的关系,以及它们混合在一起的效果。我们可以从当前众多的网络应用中的实例,找到色彩运用的一些广泛的色彩关系和配色方案,通过这些色彩的关系,可以作为实际工作学习中配色的指南。

单色:使用一种色调不同的饱和度与亮度

近似色:使用色盘中的邻近色调

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

互补色:使用色盘中的相反色调

分割互补色:使用一个色调和两个与它的补色邻近色调

三分色阶:使用色盘中的等距三个色调

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

双互补色:使用两个色调和它们的补色

近似互补色:使用两个互补色调和一个颜色相近色调

中间色:使用没有色度的颜色

突出色:在没有色调的颜色中突出一个高饱和度的色调

暖色:使用色盘中暖色调的颜色

冷色:使用色盘中冷色调的颜色

来源:http://www.tulaoshi.com/n/20150209/140410.html

延伸阅读
标签: 摄影 拍照
1、色彩的根基(三原色) 原色,又称为基色,即用以调配其他色彩的基本色。原色的色纯度最高,最纯净、最鲜艳。可以调配出绝大多数色彩,而其他颜色不能调配出三原色。三原色分为两类,分别是色光三原色及颜料三原色。 人的眼睛是根据所看见的光的波长来识别颜色的。上图光谱中的大部分颜色可以由三种基本色光按不同的比例混...
设计人员还是需要去经历和亲眼去发现一些美,只有这样才能开拓你新的思路和想法。今天我们就分享给大家一批关于色彩在网页设计中使用的例子。你可以看到设计师们的创意和对于色彩的感悟。 BigNoise Mint Museum Fudge House Artist of the Year Carnation Group Viens-la Disqus Impero Modo Luce With A...
很多网友在论坛里说自己的网站为什么色彩上总是有问题,总是看起来没什么精神,没办法吸引人注意。小毅观察了一些网友们设计的网站发现他们在用色上不够大胆,同时也缺乏对色彩层次的理解。 色彩的层次是指当我们把作品去色之后,作品中所表现出来的从黑到灰到白的存在比例。如果一个作品的黑色比较多那么整体的效果就会显得很...
网页设计中选择正确的颜色方案是非常重要的。优秀的颜色搭配可以愉悦人们的心情,提升网站的品味。我们收集30个优秀的色彩运用案例,大家一起来感受一下奇妙的色彩运用吧! 1、Netlife Research 2、Collision 3、Instagallery 4、FIFe 5、The Material Group 6、WVA 2011 7、Orange Sprocket 8、Co Exhibitions 9、Spoon 10...
标签: Web开发
    如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷,涌现出大量优秀精美的网页。大量网络信息的呈现,无非就是通过文本、图像、动画等,其中, 文本是网页中最为重要的设计元素。对于网页设计初学者而言,了解和掌握网页设计中的文字排版设计就显得尤为重要,下面笔者想谈...

经验教程

513

收藏

20
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部