网页设计色彩的运用技巧

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

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

【 tulaoshi.com - ps 】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

延伸阅读
Haãfe & Haph colorchakra.com Lyrically Noted Hughes Silver Pistol christmastweets.co.uk rareview Frances Cycles Glucone-R Chris Kaufman Leaf A Legacy fuelbrandinc.com N.Design Studio Maurício Guimarães intuitive designs curiousgener...
设计人员还是需要去经历和亲眼去发现一些美,只有这样才能开拓你新的思路和想法。今天我们就分享给大家一批关于色彩在网页设计中使用的例子。你可以看到设计师们的创意和对于色彩的感悟。 BigNoise Mint Museum Fudge House Artist of the Year Carnation Group Viens-la Disqus Impero Modo Luce With A...
很多网友在论坛里说自己的网站为什么色彩上总是有问题,总是看起来没什么精神,没办法吸引人注意。小毅观察了一些网友们设计的网站发现他们在用色上不够大胆,同时也缺乏对色彩层次的理解。 色彩的层次是指当我们把作品去色之后,作品中所表现出来的从黑到灰到白的存在比例。如果一个作品的黑色比较多那么整体的效果就会显得很...
标签: Web开发
    如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷,涌现出大量优秀精美的网页。大量网络信息的呈现,无非就是通过文本、图像、动画等,其中, 文本是网页中最为重要的设计元素。对于网页设计初学者而言,了解和掌握网页设计中的文字排版设计就显得尤为重要,下面笔者想谈...
建筑与雕塑在光的作用下,让我们领略到了作品的神圣、结构的清晰、空间的真实 艺术摄影的炫光和强光,凸显的的是神秘、高雅与个性 广告大片中强光源对比的手法,能让模特更加立体有层次,凸显品牌的调性 光影涂鸦也被人们称为光绘画、光电涂鸦,慢慢成为流行的一种街头和时尚的艺术活动,神秘感扑面而来。 光影是网页设计中...

经验教程

344

收藏

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