网站设计要注意色彩的层次感

  这段时间我一直在说设计需要有层次感,这种层次感可能有很多类型,比如色彩的层次感,或是元素的层次感。当一个设计缺乏层次感的时候页面所表现出来的无非是两种可能,一种是单调,一种是花哨。在设计中我们常常陷于对于某一种色彩或是某一种效果的偏爱,而这种情况会使我们的设计缺乏长久的生命力。并且我们自己在审美上会局限于对这种偏爱的执着从而影响我们的进步。而这种偏执也常会导致我们的设计缺乏层次感。

  那么层次感通常表现在什么地方呢?在以前写的《色彩解答》系列中第一篇就讲过关于色彩的层次,在那篇文中有讲到用“黑、白、灰”去分析色彩的层次。我们在设计的时候可能会使用一种色彩把整个网站做出来,结果发现这单一的色彩做出来的效果让我们的网站变得很单调,很土气。有时就算是多用了色彩也一样的土气,网站使用的色彩并没有层次感,也没有对比。都处在相似的灰度上,所以网站看起来就灰头土脸的。当然我们还可以使用高对比纯色块来做设计,(韩国的网站有很多都是这种手法)这种手法有讨巧的地方,因为相对来说比较简单,但是同样也比较容易被抄袭。但这样的设计缺乏生命力,作为一种风潮,也有点像是快餐,谁都能复制得了。不需要任何的文化作为基垫。当然并不是说这种手法就真的一无是处,这种只能作为一种手法来应用,不能当作是万用灵药到处使。

  光用文字来说必然是感觉不到的。那么我们来看看这张图:

  我们看到IBM的设计色彩并不多,但是层次感就却是有了。他这里有黑色、淡蓝色、白色、其中黑色与淡蓝色之间的对比较为吸引眼球。并且我们发现黑色是纯黑、而浅蓝色却是属于高亮的那种。这种强对比对人的视觉是有一定吸引力的。并且黑白灰三者都有了。加上三者之间的比例并非均等的。而我们在设计的时候通常会使用一些灰度相近的色彩放在一起,并且饱和度也不高,所以最后出来的作品只能是灰头土脸。这样的网站我就不找例子了,找谁的来说谁也不开心。当然也包括我自己。呵呵,大家可以去我的作品集去找找,一定有那种灰头土脸的东西。

  另外我们还可以看到IBM这次新的设计比原来的设计更有立体感,这就是我上面所说的元素层次。这种层次感拉开了浏览者的视觉深度,使得我们的网页不再平面。虽然也不是3D的效果,但是我相信2D的效果必然会成为网页设计的一个新的趋势。通过2D模拟出视觉立体感,会使得网页设计更有张力,内容也更为丰富。

  而在纯色块的布局之中色彩鲜艳的图片更加显得醒目。这又是一种视觉层次,也可以说是复杂与简单的对比!设计没有什么一定的规律,这里包含的因素有很多。设计得好与不好,重要的是在于设计师对于这个世界的理解有多宽广。所以设计师不能只光顾着加强自己的制作技巧,更要不断的积累自己的文化知识。不断的增加自己的厚度,那样才能设计出更多精彩的作品。我愿于大家一起努力!

时间: 2024-08-02 02:21:17

网站设计要注意色彩的层次感的相关文章

极简主义网站设计的首选色彩:灰色

在这个系列中,我们差不多了解了彩虹中的每一种颜色及其在设计中的应用.在这篇中,我们将讨论一下七彩之外的色彩,让我们看一下灰色.灰色是一个平稳的.中立的色彩,它在网页设计中非常漂亮.它不会激发非常强烈的情感(或许除了一种不好的心情),而红色.橙色或者紫色则会.它不像黑色那么鲜明,但是一个非常暗的灰色可以做同样的事情.同样非常浅的灰色又不像白色那么死板,而且有的时候它还可以填补白色占据的空间. 灰色有正面和负面的含义."灰质(Gray matter)"会联系到智商与脑力.不过好像灰色的贬义

网站设计用色:色彩基本知识

这是一篇关于网站设计中用色的文章.文章不仅介绍了色彩理论,也介绍了实践方法.然则太短. 造就常新的用户色彩体验: 第一部分 理论   这张照片的颜色感觉如何?这些烟花感觉喜庆吗? 照片 来自 expressmonorail . 色彩是您的网站的最重要的一个部分. 然而,颜色往往只是通盘决定之后的马后炮,甚至有时候被不管不顾.这样可不行.色彩帮助用户解读信息.说得复杂一点,大多数人对网站用色的评判是在下意识里完成的.他们可能不会说出对色彩的意见,但他们潜意识里对此很介意. 有时候,你会因为颜色记住

网站设计中的色彩如何搭配

  一个网页设计师对于颜色来说是比较敏感的,因为色彩搭配是整个网站的重要点.如果搭配的不合理就会产生层次不清晰,网站没有重点,如果搭配的过于艳丽,又有些太炫的感觉.每一个客户的审美都是不同的,所以设计师经常被顾客说这里改一下那里改一下,一直不懂得客户到底要个什么样的,因为视觉感官是很难用语言表达出来的. 网页设计中首先要注意的是色彩三要素,色彩可用色调(色相).饱和度(纯度)和明度来描述.人眼看到的任一彩色光都是这三个特性的综合效果.其次是色彩的强度,简单的说是不同色彩搭配对肉眼产生的影响的大小

网站设计的思考(8)_网页的色彩

网页的色彩是树立网站形象的关键之一,色彩搭配却是网友们感到头疼的问题.网页的背景,文字,图标,边框,超链接...,应该采用什么样的色彩,应该搭配什么色彩才能最好的表达出预想的内涵呢?阿捷这里谈一些心得,希望对你有所启发. 首先我们先来了解一些色彩的基本知识: 1.颜色是因为光的折射而产生的. 2.红,黄,蓝是三原色,其它的色彩都可以用这三种色彩调和而成. 网页html语言中的色彩表达即是用这三种颜色的数值表示 例如:红色是color(255,0,0)十六进制的表示方法为(FF0000) 白色为(

《网站设计 开发 维护 推广 从入门到精通》—— 2.1 色彩基础知识

2.1 色彩基础知识 色彩的魅力是无限的,它可以让本来很平淡无味的东西变得漂亮.美丽.随着信息时代的快速到来,网页也开始变得多姿多彩.人们不再局限于简单的文字与图片,而是要求网页看上去漂亮.舒适.所以网页设计师不仅要掌握基本的网站制作技术,还需要掌握网站的风格.配色等设计艺术. 2.1.1 色彩的基本概念 为了能更好地应用色彩来设计网页,先来了解一下色彩的基本概念.自然界中色彩五颜六色.千变万化,但是最基本的只有三种(红.黄.蓝),其他的色彩都可以由这三种色彩调和而成,这三种色彩称为"三原色&q

网站设计参考:精美的鲜艳色彩网站设计实例

颜色是所有设计的基础,对于网站页面设计来说,色彩的应用尤其慎重.通常阅读一些网页设计资料会看到,很多人都建议单页面中的颜色不要超过三种,否则会觉得很杂乱,那么是不是艳丽的色彩与网页设计就无关呢? 实际上本文中的网站都是使用鲜艳色彩设计,虽然如此但给人的感觉缺并不糟,相反大多数看了都觉得很具有活力很精美,其中的设计技巧不一一叙述,大家可以从这些网站中自己去体会. 1. Webplanex 2. Mootygraphicdesign 3. Mamie-Bouillabaisse 4. Feels.t

网站制作不仅是色彩及风格的设计

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站制作不仅是色彩及风格的设计,也包括前台部分主要代码的编写,也就是说,搜索引擎优化的很大一部份也是落在网站制作的设计师上,下面我就主要来讲解一下网站设计师在设计过程中须注意的几点: 1.让代码的设计跟网站的风格一样美 在网站制作过程中,使用标准语义的代码,让代码整洁有条理性,并使用描述性的标签组织页面结构,可以提高内容对搜索引擎的可读性.

浅谈——韩国游戏网站设计

一直以来游戏网站带来的印象是整体的,华丽的,因为游戏的本质就是多彩美丽地艺术品,每一款游戏本身的独特元素,造就了一个个具有独特魅力的游戏网站.网络游戏在中国的发展是迅速的,千年,传奇,天堂,MU,RO,很多韩国游戏在中国很受欢迎,本土的游戏也深受韩国游戏的影响和启发,游戏网站也有相同的发展经历,从韩国风格的素材,模板,到构图,色彩,插画创意等. 首尔被称为世界设计中心之一,有叹为观止的建筑,令人羡慕的工业设计,融入日常生活的艺术,有如此多的美学作为标杆,网站设计自然也有美丽之处,更重要之处是有浓

网站设计的思考-网页色彩搭配的原理

设计|网页 首先我们先来了解一些色彩的基本知识: 1.颜色是因为光的折射而产生的. 2.红,黄,蓝是三原色,其它的色彩都可以用这三种色彩调和而成. 网页html语言中的色彩表达即是用这三种颜色的数值表示 例如:红色是color(255,0,0)十六进制的表示方法为(FF0000) 白色为(FFFFFF), 我们经常看到的"bgColor=#FFFFFF"就是指背景色为白色. 3.颜色分非彩色和彩色两类. 非彩色是指黑,白,灰系统色. 彩色是指除了非彩色以外的所有色彩. 4.任何色彩都有