您的位置: 首页 >日志>视觉设计>详细内容

视觉设计

平面设计入门之设计中的元素

来源:本站原创 发布时间:2011-10-28 10:44:50 浏览次数: 【字体:

        一个视觉设计,无论好坏,总是由许许多多的元素构成的。在你能够将设计的规则运用自如之前,你最好先熟悉掌握设计的组成部分,就像作为一个医生在学会医疗病人之前必须掌握解剖的技能。

       不管什么设计,都是由7个基本的元素构成的。有些比较简单,但全都是设计的重要组成元素。当你学会鉴赏自己的或者别人的设计产品的时候,你就已经在运用优秀设计的理念了。

 

线

 线通常贯穿着整个设计,或厚或薄、或直或曲、或实或虚或点。它可以是任何颜色或任何形状,直线常用于设计中区域与区域之间的界限,或者从视觉上引导读者向某个方向转移注意力。

 线的宽度直接冲击人的视觉印象,粗线条粗犷豪迈,能达到自我突出的效果;而细线条恰好相反。线条颜色本身也是一个焦点,明亮或灰暗的颜色比轻淡灰白的颜色更能吸引别人注意力。线的样式同样也能达到不同的效果:虚线或者点线远没有实线来得有气势。

 设计上的曲线,往往能传达一种活力、自由的气息。他们彰显了运动和能量的澎湃。曲线更多被设计成自然元素之间的有机结合,因为流畅的线条更多见于自然。直线显得更为中规中矩,更指示一种教条性的文化产品。

 

实例

Justdot
Justdot是一个应用很多曲线和虚线来表现动感活力的网站。

RePrint
RePrint采用了曲线引导网页浏览者的视觉重心。

VideoDSLR
VideoDSLR应用各种宽度不同的直线划分整体布局。

 

 

立体

立体在三维立体中表现为球体或者立方体。你可能是设计实体中的三维结构(像产品包装),也可能是平面二维的设计,但是其外观上给人以三维的感觉(如用线条勾勒出来的立方体)。

立体多用于三维图形的设计,当然,也用于网页及打印上的设计。网站设计现多用3D技术制作立体效果。另外一个常见的立体应用则是球形或者立方体标志物的设计。

实例

Print Mor NYC
Print Mor NYC网站在网站的主体采用了立体3D的效果。

Arlo Vance

这是另外一个应用3D立体效果的网站设计。

 

 

 

形状

形状是二维的。圆形、方形、长方形、三角形、多边形以及其他任意的形状甚至抽象的形状。大多数设计都是由一系列形状有机结合到一起的,通过将特定形状有意识地的组合,设计者能赋予设计品某种特定的心情或感情。

例如,圆让人联想到运动和规律性的、自然的东西。正方形更多用于秩序分明、层次明显的设计。不同形状的颜色、样式和纹理对形状的表达也有关键的影响。

 

实例

Method Design Lab
Method Design Lab网站应用了椭圆和圆相结合的设计方案。

Passion About Design
圆应用的设计方案。

Cappen

三角形的应用方案。

 

 

纹理

纹理几乎是所有设计中一个很重要的组成因素。虽然从表面上看,很多设计看起来并没有用到纹理,但事实上,他们确实是用了(“光滑”和“平坦”也其实算是一种纹理)。纹理可以给一个设计注入感情或者心情,同样也能平淡无奇。

最常见的纹理除了平坦和光滑的,还有像纸张、石头、混凝土、砖块、丝织物和其他自然物质的纹理。纹理可以是细腻或者明晰的,按照设计者的需要,可以任意挥洒、可以个别点缀。设计者设计出的让人惊叹的特效,纹理其功不可没。

 

实例

The Heads of State
The Heads of State网站应用了一些精细的纹理。

Doublenaut

Doublenaut网站的背景应用了明显的纹理。

Cuban Council
Cuban Council网站所有的设计元素都应用到了纹理。

 

 

颜色

颜色在设计中的地位显而易见。小时候我们学着辨别颜色,后来用颜色区别不同的东西(“我的绿色外套”、“我的红舞鞋”)。颜色还在我们的生活中影响着我们的活动,我们习惯性的去赋予不同的颜色某些意义和情感(不同文化的影响,不同的地方对颜色的解读有所不同)。

色彩理论构成了设计中的一个重要要素,也是所有设计师所必须掌握的知识。你应该懂得区别色彩的深色调(当黑色加到一种纯色后发生的变化)、浅色调(当白色被加到一种纯色后发生的变化)和灰色调(当灰色被加到一种纯色后发生的变化)。你还应该了解一些术语,诸如饱和度、明度、色相。但是更重要的是,你应该知道,所有这些东西放到一起在设计上能传达出一种怎样的情感。

如果你想获得一个对色彩知识的全面了解,请阅读我的另一篇文章,设计者的色彩理论。

 

实例

Go Live Button
该网站明快的色调很容易给阅览者留下深刻印象。

Camp David
这个网站采取更柔和的色彩,对比前一个网站,又给我们完全不一样的体验。

 

Old Putney Row to the Pole
这个网站颜色较暗,但仍然属于柔和的色彩,又是一种完全不同的风格。

 

 

 

明度

明度与颜色紧密相关,但应用起来更为普遍。它是具体设计中,光与暗如何演绎出精彩。同样的,这直接关于到作品中心情的传达。在所有设计元素相同的情况下,明度深浅不同的设计品所传达的情感截然不同。这也就是为什么有些设计者喜欢同时将深浅不同的颜色糅合到同一个设计主题中。

并非每个色块都有确定的明度的。我们有时候并无法从这许多色块中,指明各自的明度高或低了。有一个小技巧就是,把图片转换成灰色度,这样可以获得一个更直观的观察效果去辨别明度高低。你也可以从图像的直方图观察出高明度的集中点。

 

实例

This After That
这是个高明度的设计网站。

The Lounge

这是个明度偏暗的设计网站。

 

 

空间感

有两种空间设计感:紧密型空间感和松散型空间感(紧密型空间感和松散型空间感是小子根据意译杜撰的,不知专业术 语什么?)。紧密型空间感指设计元素紧密填充在作品中;松散型空间感(又称留白空间)则是元素之间空白部分。两者之间的协调对作品的的表现有很大的影响。 很多留白区域就像高高挂起一盏灯,光线自由洒落下来。设计缺乏留白往往给人一种凌乱、拥挤的感觉,尽管有时候只是设计师不小心忽略了的。

在设计中,留白能够形成自己的形状和立体效果。充分体会到留白的作用后,设计者应该学会的一项最重要的能力就是将留白的概念应用到他的设计作品中去,这往往是许多好的作品和伟大的作品的区别。

 

实例

80/20 Studio
80/20 Studio在设计中,保留了很多留白的区域。

Dazed Digital
这个网站几乎完全相反,在设计中基本没看到留白。

Poster Roast
这是另外一个没有很多留白的例子。

×

用户登录