页面设计中的层次感

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

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

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


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

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

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

时间: 2024-09-19 09:01:22

页面设计中的层次感的相关文章

视觉设计:页面设计中整体运用极简设计手段

文章描述:视觉设计:页面设计中整体运用极简设计手段. "从有到无,从无到有,这是我们这一代在消费爆炸.名牌泛滥当中出生入死挣扎升华的集体私家体会.定一定神,我们才知道其实真正简单的干净是何等的美好."这是设计师欧阳应霁曾说过的一句话.每个设计师都可能经历过这么一个过程,当被眼前多元化的图形和繁杂的颜色搅乱到找不到北的时候,重新回到最原始的画面,也许它像一张白纸,从最本质最原生的状态出发,足以让它生根发芽,甚至开花.在这个浮躁的城市,周围越来越多的事物被简化包装.摒弃华丽的外衣,以它特有

格式塔在页面设计中的应用

  格式塔在页面设计中的应用 什么是格式塔? 格式塔心理学诞生于1912年,是由德国心理学家组成的研究小组试图解释人类视觉的工作原理.他们观察了许多重要的视觉现象并对它们编订了目录.其中最基础的发现是人类视觉是整体的:我们的视觉系统自动对视觉输入构建结构,并在神经系统层面上感知形状.图形和物体,而不是只看到互不相连的边.线和区域."形状"和"图形"在德语中是Gestalt,因此这些理论也称做视觉感知的格式塔原理. 最重要的格式塔原理 接近性原理;相似性原理;连续性原

设计理论设计中的层次感

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

视觉设计之页面设计中光影的特效

为了展现页面的主题或者是贴近游戏的氛围,常常会看见游戏的页面中运用了许多不同类型的光效的渲染,一个简单的元素有时候加上一点光效就可以化腐朽为神奇.那么光效究竟是如何具体地影响页面的视觉观感的呢? 1. 丰富页面的层次 当人物和背景的颜色比较接近时,为了增强人物的立体感和空间感,可以在人物上添加光效,拉开人物和背景的距离,形成视觉差异,这样需要强调的人物就瞬间凸显了出来,页面的层次也一下子体现出来了. 2. 烘托气氛 光效的颜色.形状和出现的位置会对设计表达的气氛产生很直接的影响,就好像现实中的光

电子邮件页面EDM页面设计中运用CSS技巧

文章简介:我们在做邮件页面的时候,都希望用户打开邮箱后看到我们发给对方是一个完整的网页页面,但是邮箱对HTML页面的渲染与在浏览器中的渲染不同,渲染能力小了很多,在浏览器中正常显示的效果,在邮件中却会出错,或者无法渲染. 电子邮件页面(EDM),就是能通过邮件形式发给对方的网页.相比普通邮件,网页邮件更能夺人眼球,精心设计的网页邮件,能在很短时间内将你要传达的信息灌输给接收者. 我们在做邮件页面的时候,都希望用户打开邮箱后看到我们发给对方是一个完整的网页页面,但是邮箱对HTML页面的渲染与在浏览

Web页面设计中的动画运用技巧

随着软http://www.aliyun.com/zixun/aggregation/6577.html">硬件技术的发展,界面动画在我们的日常生活中随处可见.桌面软件.移动应用.云服务此刻回顾四周我相信你一定能发现他们. 在产品中动画未必越多越好,也未必越炫越好.不同的产品类型对动画的要求也不同.常见的动画主要承担向用户解释界面与界面之间的关系,元素与元素间的关系以及特定元素的强化. 如果你关注过界面动画,你可能见过以下这些动画曲线.摘自http://easings.net/ 他们表述了

深底色风格的页面设计策略

深底色风格的页面设计很受欢迎,它可以创造出别致优雅,极富创造力的效果. 深底色风格的页面设计很受欢迎,它可以创造出别致优雅,极富创造力的效果. 深底色设计适用于许多网站类型,但并非所有.这种风格应该在恰当的条件下使用. 虽然深底色风格可以带来视觉冲击力,但是很多设计师并不知道如何有效地表现他们,取得的效果往往适得其反.失败的设计会导致可读性差,难以吸引用户,无法使用传统的设计元素等问题. 所以在这里,我们将讨论一些深底色页面设计的要素,以便让你的下一次设计更受欢迎,更具创造性. 最新的调查表示,

Web 页面设计的色彩理论及应用

web|设计|页面 我们在设计的运用上重点在于创造一个没有过的形态,把形体润饰得协调美观,它受社会的制约,重视地方特征.为了在设计中有效的使用色彩我们必须掌握一些色彩的基础理论知识,结合自己的实际经验,来营造我们的作品.同一色彩有数之不尽的应用方法,并没有非常机械的色彩调和的法则,在一定的原则下靠我们自己的眼睛和审美观点来做出选择. 色彩构成(Interaction of color),可以理解为色彩的作用,是在色彩科学体系的基础上,研究符合人们知觉和心理原则的配色.配色有三类要素:光学要素(明

圆形元素在界面设计中的运用

  圆形元素在界面设计中被广泛运用,从常见的圆形图标到圆形的头像,又或是圆形的轮廓形状.圆形是一种特殊的形状,它能够在众多几何形状中被我们快速地注意到.也正因为如此,在使用圆形元素设计界面时会有一些注意事项. 一.圆形头像 放眼望去,圆形头像已然占领了我们的手机.不妨看看下面举的这些例子,如下图所示. 从左到右依次是搜狗地图.QQ.Instagram.当然,还有很多其它的例子,就不一一列举啦.此刻,肯定有同学已经按耐不住要跳出来反驳了,微信和Facebook就不是圆形头像,不信你看下面两张图.