首页 > 教程 > 关键词 > 网页设计最新资讯 > 正文

网页设计中绿色系运用案例分析

2013-11-11 11:19 · 稿源:yayawan.com/

在我们美丽的地球村里,绿色随处可见,如草、叶等的绿。绿色象征着生命、青春与和平。绿色,是一种中性色,介于黄色与蓝色之间,是最适合人眼注视的色彩。由于接近自然的特性,绿色给人沉稳、平静、舒适的感觉。因此,绿色也是在网页设计中使用得最广泛的颜色之一。下面笔者就通过不同的绿色搭配方式来分析下绿色在网页设计中的色彩和文字颜色搭配。

绿色设计可以结合任何其他颜色,纹理和阴影,可以直观地改变用户的印象。添加纹理可以使颜色变暗,光滑的表面纹理则更加丰富性和富有深度。

1.绿色+白色+暗红色

如下图所示,主色调、辅色调HSB模式的数值可看出,主色调与辅色调是同一种色,只是在明度上有所不同,让页面多了些空间感、层次感。由于绿色本身的特性,所以整个网页看起来很清爽舒适。中间使用白色块面,拉开了两种绿色之间距离,增加了视觉节奏感。点晴色暗红色的加入为网页增添了一分光彩,极具诱惑感,页面瞬间活跃提神了不少,使得整个页面配色清新爽朗。

2.绿色同类色+多种点睛色

上图中用色较多,主色调为明度稍低的黄绿色,辅助色则为高明度的黄绿色,二者形成强烈反差,增加了页面层次感。此图的点晴色有4种,包括红色与主色调绿色、蓝色与橙红色,二者互相形成对比色。虽说点晴色较多,但都按色相环顺序出现在页面上,形过一个缓和的过渡效果,让人感觉到舒服而非突兀。整个页面色彩谐调,重点突出,层次分明,热闹多彩又不失井然有序。这样的网页配色方案的设计适用于小清新类的服装网站。现今的小清新取景都倾向于海边、公路,若是主色调仍是以白色、黄粉色为主,则会显得单调枯燥。在此笔者建议可以试试看绿色加上多色点睛色的配色方案,你会大有收获。

3.突出绿色+强暗色系

此图中大家一眼就能看出位于正中间的绿色植物,与周围纯度很高的黑色相比,这样的绿色显得醒目,形成鲜明的刺激对比。这两组色彩虽然不是严格意义上的对比色,但足够在页面中形成鲜明对比,整个页面瞬间被烘托得鲜活起来。就像是在油锅中加入水滴一样,瞬间显得生动,有效地突出网页前景。整个页面显得通透鲜活,主题鲜明。此外,加入了棕色和白色的,耀眼的绿色得到平衡,起到舒缓视觉的效果,有效平衡了绿色与暗黑色的强烈对比较果。

结论:

中国人普遍认为绿色是青春,向上,活力的代表,在网页设计中也越来越多的运用绿色系,以显示网页的年轻的生命力。运用绿色系,在第一时间给人健康、成熟、稳重、开阔的心理感受,传递网站正能量。运用绿色系配色方案的还有很多,站长朋友们不妨多去设计类的网站浏览,寻找灵感。

本文由本文由丫丫玩手机游戏(https://www.yayawan.com)原创,转载请注明出处。

  • 相关推荐
  • 大家在看
  • 站长之家诚聘:SEO高手、资深网页设计师、JAVA/GO/PHP/.NET工程师

    2020年站长之家开启新一波人员招募,欢迎小伙伴加盟。本次的首推职位有资深SEO高手、资深网页设计师、JAVA/GO/PHP/.NET程序员,欢迎大家投递简历到hr@chinaz.com邮箱(务必附作品、工作经历、工作成绩等)。SEO高手(若干人)职责描述:1、负责站长之家网站的搜索引擎优化方案设计,提高网站流量、收录和排名;2、负责监控和调研搜索引擎数据与规则,调研竞争对手及其他网站相关策略,制定并实施应对和优化方案;3、负责对SEO相关数据进

  • 抖音主页头图配色选择 抖音主页背景图怎么设计

    抖音主页上的背景图怎么设计的好看,让自己的抖音账号被更多人关注呢,这里就要提到背景图的配色以及元素设计的要点,以下我们来介绍下如何设计好抖音主页的背景图,配色要怎么选择比较好。

  • 新色前所未有 华为Mate 40系列配色曝光:保时捷设计采用陶瓷后盖

    华为Mate 40系列已经定于北京时间10月22日晚8点全球发布。余承东称,这是史上最强大的Mate系列,敬请期待。继宣发节奏之后,爆料达人@RODENT950 今日再次带来新料,揭秘了华为Mate 40的新配色

  • 新色前所未有 华为Mate40系列配色曝光:保时捷设计采用陶瓷后盖

    华为Mate40 系列已经定于北京时间 10 月 22 日晚 8 点全球发布。余承东称,这是史上最强大的Mate系列,敬请期待。

  • 打通设计业务流程,群晖一体化方案提升图纸安全保障

    几十年来,我国一直高度重视发挥信息化技术在建筑、勘察设计行业中的作用,着力提升行业现代化水平。工程勘察设计全行业早已彻底甩掉了图板,并随之推进了资源共享、协同设计、办公自动化、企业管理信息化等建设,工程勘察设计的质量、水平、效率、效益不断提高。但与此同时,信息化产生的数据安全问题,成为设计院面临的新难题。高精度的CAD、3DMax、ICON等设计文档越来越大,文件资料管控也越来越复杂。设计图纸是一家设计企业最

  • Caviar展示基于Apple I计算机设计风格的iPhone12 Pro改装方案

    ​虽然苹果已经推迟了 iPhone 12 系列 5G 智能机的新品发布,但这并不妨碍外界继续对其展开大胆的构想。有趣的是,知名高端改装品牌 Caviar,竟然想到了借鉴 40 年前的 Apple I 计算机的设计风格,来为 iPhone 12 Pro(Max)打造个性化外形的新创意。

  • iPhone12全部颜色曝光,6种配色蓝色是主推颜色

    最近有关苹果iPhone12的消息越来越多,可信度也越来越高,除了已有数码爆料者透露苹果会在10月13日举行iPhone12手机发布会之外,现在又有iPhone12机身颜色的爆料消息出炉。

  • iPhone 12 Pro新配色曝光:“红蓝CP”能否现身?

    9月16日凌晨,苹果秋季新品发布会如约而至,推出了Apple Watch Series 6、Apple Watch SE、iPad第八代、iPad Air第四代等多款产品。其中比较引人关注的自然是率先搭载了5nm A14处理器的iPad Air 4,而原本被寄予厚望将首发该芯片的iPhone 12系列旗舰则没有出现在本次发布会上,给该机又蒙上了一层神秘的面纱。现在有最新消息,继海军蓝之后,近日有爆料达人又晒出了iPhone 12 Pro的一款新配色。近日有国外爆料达人根据?

  • 一加8T屏幕色彩精准度比8 Pro还要好 刘作虎:准到有点“变态”

    今天一加创始人兼首席执行官刘作虎介绍了一加8T的屏幕部分。刘作虎表示,一加8T屏幕色准这次做到了JNCD平均0.3,可以说准到有点“变态”,并且我们依然会对每一块(注意,每一块)出

  • 如何设计抖音主页头图 抖音背景图怎么设计

    抖音主页头图要怎么设计会比较好看,让人留下比较深的印象呢,背景图的设计思路以及主要考虑的因素有哪些。下面我们会通过几个要点来介绍下,抖音背景图的设计注意要点,大家在抖音设计自己的头图时可以参考下。1、KOL出镜,也就是自己抖音视频里的主角出现在头图背景图里面,让他/她成为标志性IP,记得要使用好看的高清形象照,不用其他过多文字或其他修饰就能引流2、在头图里面,再次自我介绍,完成对账号的简介的补充说明,或者

  • iPhone12全系存储配置、外观配色曝光:焕然一新

    北京时间下周三凌晨 1 点( 10 月 14 日),苹果将举办线上新品活动,在iPad Air4 和iPad8 已经揭晓的前提下,此次活动的主角将完全落在iPhone12 上。

  • 如何设计抖音LOGO头像 抖音logo怎么设计好看

    抖音账号的头像LOGO要怎么设计比较好看,又符合自己账号的定位属性,什么头像可以让别人一眼看了之后留下深刻印象呢,这里我们来一起了解下如何设计好一个抖音的logo头像。

  • 三星note20新增薄荷绿配色,颜值进一步提升

    三星电子在近日公布了Note20系列全新配色薄荷绿,售价与首发时一样,此前Note20系列一共有迷雾金、初露白、曜岩黑三种颜色,如今加入的新配色也让这个手机看起来更加年轻化。

  • 三星Galaxy Note 20将推神秘绿配色:柔和纱雾修饰优雅而奢华

    8月5日,三星正式推出了全新的Galaxy Note 20系列旗舰,国行版也已于8月28日正式开售,延续了前代居中挖孔全面屏设计语言,先期已推出迷雾金、初露白、曜岩黑三款高颜值配色。现在有最新消息,近日三星官方宣布,将为旗舰Galaxy Note 20推出新款的神秘绿配色版本。据三星官方最新发布的消息显示,Galaxy Note 20旗舰机型将在近日推出全新的神秘绿配色,该配色可以给人心灵带来安稳,并采用柔和的纱雾修饰,给人一种优雅

  • 消息称iPhone 12要加入全新配色:“红蓝CP”要成爆款节奏

    对于苹果来说,每年为新iPhone加入新配色,几乎是一个雷打不动的手段,虽然手段有些老套路,但是给用户的新鲜感还是极好的,并且也能直接转化为销量,何乐而不为呢?据国外爆料者给出的最新消

  • 如约而至!科勒精选·设计中国北京设计论坛即将开幕

    亚洲高端设计大展“设计中国北京” 2020 将与全球厨卫领导品牌科勒KOHLER再度合作,邀请来自国内外顶尖的设计大师,以“以设计之道复兴世界”为主题开展为期 4 天的科勒精选·设计中国北京设计论坛。其中,展会首日 9 月 23 日下午,科勒精选还将倾情呈献“幸福的多维空间”专场主题论坛。2020 年注定是不平凡的一年,第三届“设计中国北京”( 9 月 23 日 –9 月 26 日)重磅回归,旨在凝聚全球设计的力量,以前瞻思想深入探讨“后?

  • 科勒再度携手设计中国北京,以设计凝聚幸福点滴

    2020 年 9 月 23 日 –9 月 26 日,亚洲高端设计大展“设计中国北京” 2020 即将隆重举行,全球厨卫领导品牌科勒KOHLER作为论坛的冠名赞助商,再度携手“设计中国北京”,带来为期 4 天的科勒精选·设计中国北京 设计论坛。本届论坛汇聚来自国内外 30 余位顶尖设计师的前瞻思想,将以“以设计之道复兴世界”为主题展开探讨。展会首日 9 月 23 日下午,科勒精选还将倾情呈献“幸福的多维空间”专场主题论坛。在设计中感知幸福生活在

  • 外媒女主播提前晒展示iPhone 12真机:新配色很亮眼

    对于现在不少用户来说,就算你抢到了首批iPhone 12,那么收到货也要10月23日当天了,而现在有人已经公开提前晒出了真机,当然不是苹果官方。按照美国媒体ABC新闻科技记者Becky Worley的说法,

  • 一加8T新配色背照公布:漫反射纹理,沾水即变色工艺

    据了解,一加8T将会在10月15日即下周四正式发布,一加8T作为一款全新的旗舰机,将会在设计上有很大的突破。近日,一加手机在微博正式公布了一加8T的背部照片,不仅如此,还官宣了新品所采用的新技术、新工艺

  • iPhone12全系配色抢先看!天蓝色或成新晋主打色

    ​距离iPhone12 发布会还有一周的时间,现在也有越来越多关于iPhone12 的爆料传出。近日有海外爆料博主发文称,iPhone12 系列与iPhone 12 Pro系列的配色有些许不同。其中iPhone12 系列拥有五种配色,而iPhone 12 Pro系列则有三种配色。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签

热文

  • 3 天
  • 7天