主题:  今日话题:谈谈网页设计中点、线、面的设计技巧

5D荣誉斑竹

职务:普通成员
等级:1
金币:10.0
发贴:296
#12002/6/6 9:12:55
一个按钮,一个文字是一个点。
几个按钮或者几个文字的排列形成线。
线的移动或者数行文字或者一块空白可以理解为面。
那么,怎么样理顺其中的关系呢?理解其中的关系,对于平时的设计有很大好处,可以融会贯通于设计的每个角落,即使客户意识不到.

编辑历史:[这消息被cndes编辑过(编辑时间2002-06-06 17:03:09)]


5D公害

职务:普通成员
等级:9
金币:10.3
发贴:36272
#22002/6/6 12:18:35
要别人在视觉上就能看出的话自然只能用COLOR值不同来表现罗

或者它本身上面就写有标号,这也未偿不可



5D限制级

职务:普通成员
等级:6
金币:10.0
发贴:4970
#32002/6/6 15:49:25
点线的组合构成面

面的组合构成页



=ridincal=

职务:管理员
等级:7
金币:20.0
发贴:5886
#42002/6/6 15:53:36
对于渲染主题的部分通过大面积的BG实现,也就是面的作用;
对于页面中需要重点表现的部分,就用线或点吧。



蓝鲸

职务:版主
等级:5
金币:42.1
发贴:2614
#52002/6/6 15:54:54
我没有接受过这方面专门训练,点线面是最基本的,但也是最难的。
我知道阴阳,虽然简单,但变化是没有穷苦尽的。
斑竹能在这方面给你简单知识吧,好让人有所启发。


非常大鱼

5D荣誉斑竹

职务:普通成员
等级:1
金币:10.0
发贴:296
#62002/6/6 17:01:06
点是相比较而言的,比如一个汉字是由很多笔划组成的,但是在整个页面中,他可以称为一个点。点也可以是一个网页中相对微小单纯的视觉形象,如一个按钮(BUTTON),一个LOGO等等。 需要说明的是,并不是只有圆的形才叫一个点,方形,三角,自由形都可以作为视觉上的点,点是相对线和面而存在的视觉元素。点是构成网页的最基本单位,在网页设计中,经常需要我们主观的加些点,如在新闻的标题后加个NEW,在每小行文字的前面加个方或者圆的点。 点在页面中起到活泼生动的作用,使用得当,甚至可以是画龙点睛的。一个网页往往需要有数量不等,形状各异的点来构成。点的形状、方向、大小、位置、聚集,发散,能够给人带来不同的心理感受。

图片如下:

  在这个二级页面中,右边垂直排列的圆点(由1到10),起到了引导视线和强调次序的作用。
  点的等距垂直排列,在视觉上形成虚拟的竖线。加上段落文字的共同边距,在视觉上形成竖线,起到分割页面的作用。

编辑历史:[这消息被cndes编辑过(编辑时间2002-06-17 09:18:42)]


试一试

职务:普通成员
等级:2
金币:1.0
发贴:559
#72002/6/7 9:39:56
推荐《WEB个性与设计》



IBM里的拖鞋

职务:普通成员
等级:4
金币:10.0
发贴:2033
#82002/6/7 14:10:50
想我这样不是“美生”出身的人,理解更是难上加难~~


QQ:16408396

北极狼

职务:普通成员
等级:1
金币:0.0
发贴:55
#92002/6/7 14:57:16
点线面只是代表
网页总体布局的代表(expression)~~~~
我是这样理解的~~~



d5j_5d

职务:普通成员
等级:2
金币:1.0
发贴:175
#102002/6/8 17:39:34
何不来点例子看看。


第 五 ,精 彩 有 你...[img]http://www.mtv-1.com/images/d5j.gif[/img]

蓝鲸

职务:版主
等级:5
金币:42.1
发贴:2614
#112002/6/8 20:44:20
好象有这方面专门训练的课题。但个人觉得这不是唯一训练点线面造型的方法,就如素描不是唯一训练造型的方法一样。我觉得点线面的理解是一种悟的过程,点线面并不是绝对的,点可以是线,面的组合,线,面也可能成点,这是个相对的理解。其实我们每天都与之打交道,在有意无意中组合着点线面,由此而组合着各种的韵律、节凑。任何理论不应该过份拘谨,拿一个作品非得用点线面的原理来解释。有许多点线面构成的抽象作品,并不说点线面运用的最成功,只是他们对这种造形的方法理解很深的原故。点线面,中构成运动、韵律、节凑等的元素,真切自然是一切造形的自然法则。永远去读这本书,永远在点线面中构成。


非常大鱼

5D荣誉斑竹

职务:普通成员
等级:1
金币:10.0
发贴:296
#122002/6/10 10:10:36
点在页面中起到活泼生动的作用,使用得当,甚至可以是画龙点睛的。
  一个网页往往需要有数量不等,形状各异的点来构成。点的形状、方向、大小、位置、聚集,发散,能够给人带来不同的心理感受。

图片如下:

  在这个页面中,只有唯一的一个点,四周是大量的空白,于是它马上成为吸引视线,引发兴趣的视觉中心。而这个视觉中心就应该是你想表达的主题,效果是最直接明确的。
  在你实际浏览这个页面的时候,这个处于三维空间点(花生)旁边环绕着一段电脑联线。三维技术的运用,更突出了这个视觉中心,让你迫不及待的点击进入下一级页面。


图片如下:

 这是同一网站二级页面中的一个,我们可以将每一组形看做是一个点,如NEWS可以称做点,右下角还有四个点。所有的点互相呼应,组成不稳定的三角构图。在这个页面中,重复出现了用三维动态技术表现,最吸引视线的首页的点(花生)。

同一视觉形象(点)的不断重复出现,能够增加浏览者的印象。



稻草人

职务:普通成员
等级:1
金币:10.0
发贴:234
#132002/6/11 10:26:43
就我个人的看法 这些概念不是很难理解
难得是怎么运用它们去达到很好的效果



蓝鲸

职务:版主
等级:5
金币:42.1
发贴:2614
#142002/6/11 23:44:14
这两个例子,有点类似于视觉焦点,挺有代表性的。
看来又学了一招。


非常大鱼

5D君子

职务:普通成员
等级:4
金币:10.0
发贴:1453
#152002/6/13 0:35:56
班主说的非常好!
继续写下去吧…
线之篇…
面之篇…
组合之篇
经典分析…

这会是一篇极经典的文章!
你开了个好头
……
关注中…