网页的栅格设计思考
作者:小毅 来源:毅博客 发布时间:2007-11-09 10:33:00
网页设计中的脏、乱、差,是我们在设计过程中常会遇到的问题。通常"脏"是由对色彩使用不当所产生的,而色彩使用不当产生的不好效果也分为:"花、灰",花哨、灰头土脸也就是这里所说的"脏"。
我已经在早前的一些文章中谈过我对设计中运用色彩的看法。有兴趣的朋友可以查阅一下《色彩解释》。而"差"基本上是由于我们的技法上不够娴熟所产生的。比如细节上的处理不到位,某个局部的效果制作得粗糙。这可以称之为"差",特别是在处理带有2D效果的设计作品时,这种情况常会出现。
但是我今天在本文中所要谈的是"乱"。什么是乱?这里的乱不是指用色乱,也不是指内容乱,而主要是指布局乱。以前我有幸接触了平面设计,并且从中学到了很多平面设计上的一些知识与技法。其中"栅格设计"就是平面设计中用于处理布局的一种理论。到目前为止我还在研究"栅格设计"。因为着实没有什么比较好的语言可以非常简洁明了的概括这个词。这更像是需要不断用实践去理解的。所以很多时候我们们都无法去讲述。但是在设计中这个栅格却是能帮助我们完成更好作品的一个非常好用的利器。对于栅格设计我也不能说是认识深刻,我这里只是依据我对于栅格设计的理解,将之用于网页设计中,希望能给更多的朋友们一点启示,或许能打开一些朋友的思路。
单纯的文字是没办法让设计师们耐心的看下去的,所以还是老办法,用示图来作为讲解模型。这次我们使用的网页是微软、IBM、ASTRO三个公司网站来讲解。希望通过分解这三个公司的网站设计,能把我所理解的栅格设计传达出来。废话少说,看示图:
我们看到微软公司的网站设计中并没有什么明显的线去区隔不同的区块,但是当我们把当蒙上一层纱,然后用实线把每个部分都画出来这时我们发现这个网站其实是处在一个栅格阵列中。 那么这个阵列中的内容已经很明显了,并且我们从中发现了很多区块在页面中的位置居然是那么的有条理,并且有一些并不在一起的区块,居然也有一定的规律。当然有人可能会说,都用线画出来了当然显得条理,整齐了。问题就在于这里,我们的网站都可以用纵横线区分开。但是一些设计得不好的网站的纵横线可能数量非常的多,纵横线的数量过多并且都挤在一直,这就说明网站的布局显得太乱。或者是过于条理而变得布局平均,没有对比,缺乏美感。其实只要用这样的方法去分析一下自己设计的作品也许就能从中看到问题所在。
猜你喜欢
- 当今越来越多的应用程序迁移到web平台上。由于没有平台的限制和安装的要求,SAAS的模式看起来非常有吸引力。Web应用程序的界面设计,其核心
- 用ASP生成XBM数字图片(可用来生成验证码)XBM图片是一个纯文本的文件,可以用ASP来自动生成。可以用它来使用网站登陆的验证码;我们用记
- 看一看自己写的类是否能符合这样的标准.要成为高手,我要走的路还很长.摘抄自《OOD 启示录》--Arthur J.Riel(1)所有数据都应
- 有朋友问,在数据库中如何查询数据所在的行,一般我们建议一个自增字段就可以了.但是有时却会删除数据,那么那个自增字段也不正确了先不管朋友们为什
- 本文旨在分类讲述执行计划中每一种操作的相关信息。数据访问操作 首先最基本的操作就是访问数据。这既可以通过直接访问表,也可以通过访问索引来进行
- 为数据库配置比较大的内存,可以有效提高数据库性能。因为数据库在运行过程中,会在内存中划出一块区域来作为数据缓存。通常情况下,用户访问数据库时
- 看看怎样抓到你:<%Dim objCMFUDim strModifiedSet objCMFU 
- A.动态页面第一步:创建转向控制页面,创建网站默认的首页文件(通常为"index.asp"或"default.
- 如何在读取Excel文件时创建列表的下拉菜单?代码如下,用来创建工作表列表的下拉菜单: < select 
- Window.Open详解 一、window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2
- 判断函数如下:Public Function CheckBIG(strSource As String) As BooleanDim idx
- 在 ASP(VBScript 为语言)中,Asc 函数的返回值小于 0 的,可以被判断为中文字符。Asc 函数返回与字符串的第一个字母对应的
- folder.htm<html><head><title>闪亮日子之在线创建文件夹</title&
- 如果机房马上要关门了,或者你急着要和MM约会,请直接跳到第四个自然段。以下叙述的脚本包括服务器端脚本和客户端的脚本,服务器端脚本指在服务器上
- SQL> show all --查看所有68个系统变量值 SQL> show user --显示当前连接用户 SQL> s
- 一、功能简述正是微博如火如荼的时节,其中各个微博的分享功能是网站推广产品的好东东啊,此时如何方便快捷的使用微博的分享功能就显得比较重要了。我
- DATE_FORMA T(date, format) 根据格式串format 格式化日期或日期和时间值date,返回结果串。可用DATE_F
- 下面代码的功能是为了管理任务的,大家项目中有需要用到的,尽管拿去吧。 这个东西用于可以管理任务比如:今天我要做什么,做了没有,做了就打钩。&
- 译者按:在iOS HIG已经强大经典了N年之后,Android终于推出了一套比较系统的HIG(大概是为了配合Android 4.0 Ice
- XML有很多相关的技术,将这些技术结合起来,才能充分发挥XML的强大功能。这些技术包括:Xlink与Xpointer(设置XML的超链接)、