大雀软件园

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

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

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

  [本站原创]一致色计划

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

  在颜色圆环上采用相互相邻的几种脸色形成的配饰计划即是一致色计划。比方橙色、橙赤色以及杏黄色就不妨构成一个一致色计划。因为一致色计划中包括了多种原色,即使再加上亮度和饱和度的变革,不妨形成的脸色就特殊多。

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

 

  底下是一致色计划的范例。

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

 

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

  一致色计划范例一:

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

  这个网站运用了由杏黄色、橙赤色和橙色构成的配饰计划。bullseye是一家isp效劳商,面向普遍存户。采用这种计划和行行业内部习用的蓝色系产生明显比较,天性凸现。

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

  一致色计划范例之二:

  这个网站运用了绿色香港和记黄埔有限公司色这两种一致色形成配饰计划。页面上很多绿色植被,所以笔墨运用了绿色,所有页面看上去天然新颖,和网站的实质井水不犯河水。

  常常,一致色配饰计划不妨给人特殊融合的发觉,所以在网站安排中非往往用。典范的应用本领即是,用一种脸色动作页面后台,而其余一种在脸色环中与其相邻的脸色动作前局面。除去上头引见的绿色香港和记黄埔有限公司色除外,蓝色和绿色以及赤色和褐色也是比拟常用的一致色配饰计划。

弥补色

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

  弥补色计划

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

  在颜色圆环上沿直径对立应的两种脸色形成一对互对比色,下图中型小型箭镞所指的黄色和蓝色就互为互对比色。

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

  下图是三组互对比色,每组中含有两对互对比色。 

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

  在领会了互对比色是如何回事之后,咱们再来看双重互对比色。在颜色圆环上采用一组互对比色,而后辨别在这两个互对比色的左右采用两个一致色就不妨获得一个由四种脸色构成的双重互对比色。

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

  比方鄙人图中,绿色和赤色为互对比色,绿色左右的墨绿色和蓝绿色以及赤色左右的橙赤色以及深赤色就形成了一组双重互对比色。 

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

  与双重互对比色相一致的再有分隔互对比色,也就取是一组互对比色中的某一种脸色的一致色获得三种脸色形成一组分隔互对比色。比方下图中的蓝色和杏黄色是一组互对比色,加上杏黄色左右的橙赤色就形成了一个分隔互对比色计划。

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

 

  互对比色计划的摆设固然略显烦琐,然而在此刻的网站安排中特殊时髦,由于互对比色符合于创造绚烂时髦的功效,让你的网站魅力四射。

  来看一个运用互对比色的范例。

  互对比色配计划范例:

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

  这个网站运用了蓝色(导航栏)和杏黄色(实质后台)如许一对互对比色动作配饰计划。

  因为互对比色所具备天才的动感,所以定位在时髦、芳华、生机、动感、新高科技、新看法大概一致中心的网站不妨沿用这种配饰计划。 互对比色配计划再有一个妙用。前方引见单色计划时曾提到,单色计划比拟符合比拟平静、郑重大概新颖高雅的网站。然而即使你感触如许的配饰计划显得“庄重足够,生机不及”,那么你无妨在网页的符合场合(比方题目栏、导航栏)中运用互对比色,如许不妨在不妨害完全庄重新颖的功效的同声,为页面增添几分动感。

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

三色

主页设计中配色方案的使用(下)图16

  三色计划

  三色计划是指在颜色圆环中采用一个等边三角三个极点上的脸色形成的配饰计划。在photoshop中,要想结构一个三色计划利害常简单。开始选中一种脸色,记下他的h(hue)值,而后为这个值加120(记取,h的单元是“度”,也即是沿颜色圆环回旋120度),以该类推获得第三种脸色,形成一个三色计划。   

主页设计中配色方案的使用(下)图17

  

主页设计中配色方案的使用(下)图18

  来看三色计划的范例。

  三色计划范例:

主页设计中配色方案的使用(下)图19

  这个网站运用蓝色为底色,黄色和赤色为前局面,红黄蓝凑巧即是三原色,所以这是一个特殊典范的三色计划。

主页设计中配色方案的使用(下)图20

  三色计划中运用了三种相互之间分辨鲜明的脸色,所以页面显得十分不宁静,是一种不妨带来比拟另类的发觉的配饰计划,即使你要安排的网站是这种典型的,无妨运用这种配饰计划。

主页设计中配色方案的使用(下)图21

计划采用

  配饰计划的采用

主页设计中配色方案的使用(下)图22

  颜色计划在网站安排中必需留心采用,更加对于企业网站而言,绝大普遍企业网站城市连接改版,然而在改版的进程中,颜色计划常常会维持宁静。

  典范的例子是ibm公司的网站,动作申明远近的“蓝色伟人”,用蓝色动作配饰计划的主色是天经地义工作,有年维持静止,为了使页面然而于板滞。页面中还运用了小批的黄色(蓝色的对比色)合绿色,来减少页面包车型的士生机,越发适合ibm技术界权威的身份。

主页设计中配色方案的使用(下)图23

  究竟上,以蓝色为主色的网站不妨运用上头引见的四种配饰计划中的任何一种,如次图。明显ibm运用了第三种,也即是互对比色计划。即使你安排的网站也安排运用蓝色动作主色,那么你不妨按照网站的实质和定位在这四种配饰计划中举行采用。

  即使主色多于一种,结构配饰计划时也很简单。假如有两种主色,而且这两种脸色在颜色圆环上是相邻的,那么不妨采用更多相邻的脸色形成一个一致色计划。也不妨采用颜色圆环上的对立场所结构分隔互对比色计划,之类。

主页设计中配色方案的使用(下)图24

热门阅览

最新排行

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