大雀软件园

首页 软件下载 安卓市场 苹果市场 电脑游戏 安卓游戏 文章资讯 驱动下载
技术开发 网页设计 图形图象 数据库 网络媒体 网络安全 站长CLUB 操作系统 媒体动画 安卓相关
当前位置: 首页 -> 网页设计 -> HTML/CSS -> 主页设计中配色方案的使用(上)

主页设计中配色方案的使用(上)

时间: 2021-07-31 作者:daque

  [本站原创]不管你做怎么办的安排,颜色都是一个阻挡忽略的题目。颜色以一种“湮没”的办法传播的百般消息,那些消息会感化观察者的情绪和体验,安排她们的确定和采用,颜色对于安排而言简直太要害。这篇作品就要比拟体例地引见少许在网页安排中怎样运用颜色的初学常识。

  颜色是安排者的得力帮忙,基础是运用适合。对于网站安排而言,颜色的要害性更加超过,然而常常被大略的站长忽略。咱们常常说“第一映像最要害”,所以安排网站时,安排者常常会花很多精神创造一个“富于报复力”的logo大概banner,固然,它们很要害。然而,考察者考察网站时的第一映像本质上并不来自那些logo大概banner,而是——颜色!

主页设计中配色方案的使用(上)图1

  好了,在领会了颜色对于网站安排的要害性之后,咱们发端探求颜色的神秘。

  颜色初学

  开始让咱们熟习一下颜色的少许基础观念。

  三原色

主页设计中配色方案的使用(上)图2

  十足脸色都来自三原色:红、黄、蓝。

  在这个圆环中,相邻的两个原色相搀和不妨获得其余三个比拟要害的脸色(下文将其称为二级原色):红+黄=橙,红+蓝=紫,蓝+黄=绿

主页设计中配色方案的使用(上)图3

  让咱们再深刻一步,三原色和三种二级原色不妨进一步搀和获得更多的脸色,辨别是橙赤色、紫赤色、蓝紫色、蓝绿色、橘黄色香港和记黄埔有限公司绿色。这六种脸色不妨称为三级原色。

  依照同样的办法连接举行下来,这个圆环中脸色之间的分割线就会消逝,获得下图所示的“颜色圆环”,在少许画图步调的绘图板中咱们不妨看到如许的颜色圆环。

  然而这个圆环仍旧没有涵盖一切的脸色,对于圆环中的每一种脸色再有饱和度、亮度和灰度等的变革。也即是说,将上述圆环中的大肆一种脸色和玄色、白色、灰色依照各别比率搀和就不妨获得更多的脸色,底下将精细引见。常用的颜色术语

  饱和度

  那种脸色的饱和度是指这种脸色所包括的基础脸色的几何。比方rgb值为(0,0,255)的蓝色是纯蓝色,他的饱和度是100%。跟着饱和度的贬低,脸色会越来越逼近灰色。

主页设计中配色方案的使用(上)图4

  

主页设计中配色方案的使用(上)图5

  灰度

  基础颜色和玄色举行各别水平的搀和不妨获得各别的灰度,比方

主页设计中配色方案的使用(上)图6

  亮度

  基础脸色和白色举行各别水平的搀和不妨获得各别的亮度,比方::

主页设计中配色方案的使用(上)图7

  色彩

  基础脸色和灰色举行各别水平的搀和不妨获得各别的色彩,比方:

 

主页设计中配色方案的使用(上)图8

   颜色计划的品种

  各别网站该当运用各别的颜色计划,与站点的中心相符合的颜色计划决不只仅不妨让网站“越发场面”,更要害的是在考察者心目中创造对这个网站的感性看法。以是,颜色计划的采用决不许轻率,并且颜色计划一致是网站树立的第一个办法。即使采用颜色计划时过于轻率,以至基础不对网站举行颜色计划的完全筹备,你将不大概创造出一个真实特出的网站。

主页设计中配色方案的使用(上)图9

  比方,一个出卖婴孩用品的网站该当运用比拟绚烂的颜色计划,而一个艺术网站则该当运用比拟执重的计划。

  依照颜色计划中颜色运用办法的各别,咱们不妨将颜色计划划分红多种典型,单色计划、一致色计划、对比色计划和三合一色计划。

主页设计中配色方案的使用(上)图10

  单色计划

主页设计中配色方案的使用(上)图11

  单色计划是指在网站安排中中断运用一种基础脸色,为制止缺乏,咱们不妨经过安排这种基础脸色的灰度和亮度来获得更多的脸色,因为所有脸色计划中究竟上惟有一种原色,所以这种计划称为单色计划。比方:

  在photoshop的颜色采用窗口中,咱们不妨如许举行创造单色计划。开始安排h(也即是hue的缩写)反面的值来安排色彩。提防,h的单元是度,也即是基础脸色在脸色环上所处场所的观点。

主页设计中配色方案的使用(上)图12

  树立好h的值之后,再安排b反面的数字安排亮度以及s反面的数字安排饱和度。提防,个中b和s的单元是百分比,也即是向基础脸色中增添白色和玄色的百分比。如许就不妨获得一个单色计划了。

主页设计中配色方案的使用(上)图13

  底下来看两个运用单色计划的胜利范例。

  单色计划范例之一:

  这是一个女性网站,所以其基础脸色为粉赤色,并经过安排粉赤色的饱和度获得了其他几种脸色。总体脸色趋于高雅,考察者的提防力会很天然地被招引到几幅展现其产物的图片上。

  单色计划范例之二:

  这个颜色计划运用的原色脸色较深,并经过窜改其亮度赢得其余两种脸色,并用最浅的脸色动作主体局部的后台,使其超过出来。

  总的来说,单色计划是一种比拟庄重的计划,大概说比拟顽固的计划。单色计划给人干净、典范的发觉,最符合于实质比拟平静的网站,比方当局网站,学术网站,企业网站,精致艺术网站。

主页设计中配色方案的使用(上)图14

  更加犯得着一提的是,贸易网站也比拟符合运用此种脸色计划,由于这种计划不妨给人一种宁静感,使考察者简单创造对网站的断定感。固然,这种计划也有其精巧的部分,当运用较浅的原色时,这种脸色计划也不妨用来时髦类网站,传播简单淡雅的看法。

主页设计中配色方案的使用(上)图15

 

热门阅览

最新排行

Copyright © 2019-2021 大雀软件园(www.daque.cn) All Rights Reserved.