网页的栅格设计思考(2)
作者:小毅 来源:毅博客 发布时间:2007-11-09 10:33:00
标签:设计,栅格,布局,网页
下面我们再来看一下IBM的网站的分解图:
我们看到IBM的栅格与MS的有很大的不同,IBM中还出现了一些差不多大的栅格,但是这里要注意其实这些栅格是由于底部很小的几个区块所产生的,并且这凡个区块还可以看作是一个横向的区块。我们从这里可以看到IBM的布局设计是对称的。但是这种对称却是在离在纵横线上却不容易注意到的。这是很高明的手法。
我们再来看看ASTRO公司的网站,这个网站比起上面两个公司的网站就更娱乐化,更有趣了。
从这三个网站中我们可以看到三种不同风格的栅格设计,虽然有所不同,但我们依然可以发现三者都会尽可能的把最重要的信息放在视觉中心点上,不论是放在左边的还是右边的或是中间的,他们都得到了最大的栅格区,得到了足够的重视!我们的视觉中心也自然盯在了上面!
说到这里我依然觉得没能把栅格设计的作用讲明白。这里就需要来访的朋友们提提你们的看法了。我将会在以后的时间继续关注栅格设计,希望能将其在网页设计中的作用弄得更为清楚!
0
投稿
猜你喜欢
- 如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷,涌现出大量优秀精美的网页。大量网络信息的呈现
- 一个不错的网页拾色器也叫调色版,请看截图:当想要更多颜色时点击“其它颜色...”此时将调用系统自带的那个颜色选择框:注意:只有把〈scrip
- 今天同学向我提了一个问题,我觉得蛮有意思,现记录下来大家探讨下。问题是:在一个表里面,有一个允许为空的字段,空是可以重复的,但是不为空的值需
- 函数可以参考:<% '注册论坛用户,参数说明 'username 用户登录名称 
- 下面的代码是从kesion系统扒下的,确实不错,支持utf8格式。代码如下:'===========================
- 301和302 Http状态有啥区别?301,302 都是HTTP状态的编码,都代表着某个URL发生了转移,不同之处在于:301 redir
- 决定数据类型的第一步是定义所存数数据的分类: 数值型, 字符串型还是临时型等;除了一些特别的并不是那么直观的外, 这通常是很直观的。接下来是
- meta是html语言head区的一个辅助性标签。几乎所有的网页里,我们可以看到类似下面这段的html代码:<head> <meta&nbs
- 我们工作中经常需要将数据转化成柱状图,饼图等,以方便直观的分析数据, 这里给大家介绍一个ASP中制作饼图、柱状图的组件:csDra
- linux平台及windows平台mysql重启方 * inux下重启MySQL的正确方法:1、通过rpm包安装的MySQLservice m
- 本文介绍了网页中插入视频播放的代码全集:有avi格式的视频,mpg格式,smi格式,rm格式,wmv格式,wma格式,Windows Med
- 一个封装好的JavaScript拖动类,使用方便:<div id="idDrag" style="bor
- 在document.form1.submit();后加document.body.innerHtml = "W
- hmac主要应用在身份验证中,它的使用方法是这样的:1. 客户端发出登录请求(假设是浏览器的GET请求)2. 服务器返回一个随机值,并在会话
- 表单递交合法性检测-只接受数字。如下代码加入HTML的<head>区:<SCRIPT LANGUAGE=&quo
- 很多年以前,面对上古时代遗留的 HTML 发出的腐臭,我捂住鼻子唉声叹气。刚练熟 web 标准的我,恨不得寝其尸食其肉,把一切推翻重来。但经
- <%dim conn ’定义一个连接变量 dim&nbs
- CREATE TABLE `category` ( `Id` binary(1
- 字符串的IndexOf()方法搜索在该字符串上是否出现了作为参数传递的字符串,如果找到字符串,则返回字符的起始位置 (0表示第一个字符,1表
- 一、简化代码采用更为简短的写法,不仅可以减少输入的字符数,还可以减少文件大小。大部分采用简单写法的代码,执行效率都有轻微提高。1.1&nbs