分享网页设计的案例分析
在我们美丽的地球村里,绿色随处可见,如草、叶等的绿。绿色象征着生命、青春与和平。绿色,是一种中性色,介于黄色与蓝色之间,是最适合人眼注视的色彩。由于接近自然的特性,绿色给人沉稳、平静、舒适的感觉。因此,绿色也是在网页设计中使用得最广泛的颜色之一。下面笔者就通过不同的绿色搭配方式来分析下绿色在网页设计中的色彩和文字颜色搭配。
绿色设计可以结合任何其他颜色,纹理和阴影,可以直观地改变用户的印象。添加纹理可以使颜色变暗,光滑的表面纹理则更加丰富性和富有深度。
1.绿色+白色+暗红色
如下图所示,主色调、辅色调HSB模式的数值可看出,主色调与辅色调是同一种色,只是在明度上有所不同,让页面多了些空间感、层次感。由于绿色本身的特性,所以整个网页看起来很清爽舒适。中间使用白色块面,拉开了两种绿色之间距离,增加了视觉节奏感。点晴色暗红色的加入为网页增添了一分光彩,极具诱惑感,页面瞬间活跃提神了不少,使得整个页面配色清新爽朗。
2.绿色同类色+多种点睛色
上图中用色较多,主色调为明度稍低的黄绿色,辅助色则为高明度的黄绿色,二者形成强烈反差,增加了页面层次感。此图的点晴色有4种,包括红色与主色调绿色、蓝色与橙红色,二者互相形成对比色。虽说点晴色较多,但都按色相环顺序出现在页面上,形过一个缓和的过渡效果,让人感觉到舒服而非突兀。整个页面色彩谐调,重点突出,层次分明,热闹多彩又不失井然有序。这样的网页配色方案的设计适用于小清新类的服装网站。现今的小清新取景都倾向于海边、公路,若是主色调仍是以白色、黄粉色为主,则会显得单调枯燥。在此笔者建议可以试试看绿色加上多色点睛色的配色方案,你会大有收获。
3.突出绿色+强暗色系
此图中大家一眼就能看出位于正中间的`绿色植物,与周围纯度很高的黑色相比,这样的绿色显得醒目,形成鲜明的刺激对比。这两组色彩虽然不是严格意义上的对比色,但足够在页面中形成鲜明对比,整个页面瞬间被烘托得鲜活起来。就像是在油锅中加入水滴一样,瞬间显得生动,有效地突出网页前景。整个页面显得通透鲜活,主题鲜明。此外,加入了棕色和白色的,耀眼的绿色得到平衡,起到舒缓视觉的效果,有效平衡了绿色与暗黑色的强烈对比较果。
结论:
中国人普遍认为绿色是青春,向上,活力的代表,在网页设计中也越来越多的运用绿色系,以显示网页设计的年轻的生命力。运用绿色系,在第一时间给人健康、成熟、稳重、开阔的心理感受,传递网站正能量。运用绿色系配色方案的还有很多,站长朋友们不妨多去设计类的网站浏览,寻找灵感。
-
设计作文大全(6篇)
在日复一日的学习、工作或生活中,大家总免不了要接触或使用作文吧,作文是通过文字来表达一个主题意义的记叙方法。相信写作文是一个让许多人都头痛的问题,下面是小编为大家收集的设计作文6篇,仅供参考,大家一起来看看吧。设计作文篇1教学内容《中考作文漫谈》教学设...
-
《玲玲的画》优秀教学设计
作为一位无私奉献的人民教师,总归要编写教学设计,借助教学设计可使学生在单位时间内能够学到更多的知识。那么什么样的教学设计才是好的呢?下面是小编为大家收集的《玲玲的画》优秀教学设计,仅供参考,大家一起来看看吧。《玲玲的画》优秀教学设计1学习目标1、会认8...
-
我的设计作文300字4篇(优秀)
在学习、工作、生活中,大家对作文都再熟悉不过了吧,借助作文人们可以反映客观事物、表达思想感情、传递知识信息。为了让您在写作文时更加简单方便,下面是小编收集整理的我的设计作文300字4篇,仅供参考,希望能够帮助到大家。我的设计作文300字篇1大家一定都有自己的...
-
我是设计师作文优秀(3篇)
在平凡的学习、工作、生活中,说到作文,大家肯定都不陌生吧,作文是人们以书面形式表情达意的言语活动。你知道作文怎样写才规范吗?以下是小编为大家整理的我是设计师作文3篇,希望能够帮助到大家。我是设计师作文篇1设计师千千万,设计师的领域涉足到方方面面,有高科技的...