盖座漂亮的“楼”–浅谈网页设计中的构图(3)

作者:三可 来源:taobaoued 时间:2010-09-10 12:44:00 

【三】打造斜塔之美—斜的视觉张力

比萨斜塔之斜是地质沙化下沉还是设计师故意为之,至今还是有人在争论,抛开争议,斜塔的美似乎让许多人都想来到它身边一睹这位倾斜美人之容,凑巧的是,在浩瀚的宇宙中最美丽的星球,也就是地球,也斜着身子对着太阳转着。话题扯的比较远,斜线,或者说是斜着的物体,似乎天生有一种张力。在网页设计中亦是如此,而在这里所表现的为视觉的张力,是种视觉心里上的延伸力而非物理上的。当页面过于平均,画面平平毫无亮点时,打破平均打破通体的平均尤为重要,打破平均的方式有很多,而斜线似乎是网页设计中惯用的一招,屡试不爽。

斜线的张力让整个页面富有动感和延伸性,即可为页面起到修饰的作用,又能做为信息的承载模块,两者有机的融合并不让人觉得倾斜的标题不好识别或者有碍阅读,反之更能让整个页面富有形式感和表现力。

斜线的运用加上素材和圆形的穿插结合,让整个页面具有动感,同时视线又随着斜线的走向带入至素材和标题之上 ,具有张力的同时又让这些线起到一个很好到视觉导向作用。

以斜线为暗线排版而成的信息组件和右边斜线切割而成的图片形成形态上的互补,又形成节奏上虚实和疏密的对比,使得整个画面既有斜线带来的张力和动感之外,又不乏整体的稳固和均衡。

更多类似的例子:

以上简单的介绍了网页设计中的一个步骤:构图,罗列了一些比较常用而又有效果的方法,除此之外,应该还有很多,希望大家补充,但我相信无论构图也好,色彩搭配也好,亦或是节奏旋律等等。它们总是围绕着一个共同点去进行,那就是使页面在信息顺利传达的前提下变的美观而生动,有了这一大准则,我想设计页面的时候需要的不是一大堆技法和技巧,而是一颗永不停止探索美和创造美的心。

标签:网页设计,构图,设计
0
投稿

猜你喜欢

  • Web开发与JavaScript编辑利器——Aptana Studio简介

    2008-05-05 13:32:00
  • 将内容自动添加到指定文本域的JS

    2007-10-08 12:50:00
  • SQLserver中字符串查找功能patindex和charindex的区别

    2012-06-06 20:20:42
  • 三谈Iframe自适应高度

    2010-08-03 13:04:00
  • 使用实例管理器轻松管理多个MySQL实例

    2009-03-25 17:07:00
  • Access2K中的查询分析器

    2008-11-20 16:40:00
  • asp将table生成excel文件(xls)

    2011-03-07 11:17:00
  • ASP下标越界错误的解决方法

    2008-10-19 17:39:00
  • 如何使用XML实现多渠道接入网站的构架

    2008-09-05 17:13:00
  • ASP网站Server object error的解决办法

    2008-11-07 15:57:00
  • accept-charset与Header P3P

    2009-04-01 18:43:00
  • Asp中通过简单的例子理解下ByVal和ByRef的用法

    2011-02-20 10:57:00
  • 实现一个获取元素样式的函数getStyle

    2009-02-10 10:37:00
  • DW CS4初步试用感受

    2008-05-30 12:17:00
  • 盗亦有道 Web2.0网站优秀模仿者逐个数

    2007-09-11 19:46:00
  • 精细讲述SQL Server数据库备份多种方法

    2009-01-13 13:33:00
  • javascript new fun的执行过程

    2010-08-05 21:23:00
  • CSS Hack 汇总快查

    2007-11-06 11:48:00
  • jQuery 1.4新特性及其变化(上)

    2010-01-18 16:33:00
  • When we`re only No.2, we try harder之淘宝节日LOGO互动设计小探讨

    2010-01-20 10:31:00
  • asp之家 网络编程 m.aspxhome.com