基于网格的网页设计概念及实际应用案例(2)
来源:asp之家 发布时间:2010-03-30 14:59:00
标签:网格,网页设计,应用
2、下载现成的网格模板
相比制作自己的网格,从网上下载一些标准的网格同样可以用来辅助网页设计,并且还省了你自己制作网格的很多时间。
当前最流行的网格可能就是960 grid system了。它是nathan smith制作的,允许你制作12、16、和24栏的布局。
这个项目是Smith
smith在谈到960grid system时说:”我只是简单地把这个网格系统分享给大家,如果有人从中获益,那再好不过了。”
这个下载包括了CSS ,HTML,Photoshop,Illustrator,InDesign等等文件。设计文档包括了很多有用的文档,它们用来建立整齐而且清爽的站点。
打破规则
在介绍了网格的基础知识之后,我们现在来打破这些规则。网格是把元素对齐的一非常好的方法,它让你的设计显得干净、整洁,而且用户友好。
然而,正如前面提到的,我们不能让网格禁锢了我们的灵感和创新。要勇敢地向网格以外的地方冒险,要创造一个基于网格的作品,不意味着任何东西都要对齐。
越出网格边界的元素会让作品看起来更加。。和流畅,而不是像表格那样死板和枯燥。
看看下面的例子,它们是应用960 grid system制作的,展示了网格可以是漂亮而不古板的。


猜你喜欢
- 何为自省在计算机编程领域里,自省是一种能力,是通过一定机制在程序运行时获知对象的类型及对象的内部结构,Python的自省能力还是很强大的,因
- cv::Mat 图像格式 (Data Type)命名规则通用的参数命名格式为:CV_{元素比特数}{元素类型}C{通道数}1最常见的 CV_
- 1、局部变量name = "Yang Li"def change_name(name): print(&qu
- W3C DOM-Level-2 定义如下W3C DOM 写道During mouse events caused by the depres
- 1 减少HTTP请求数量 (Minimize HTTP Requests) tag:content80%的用户响应时间被花费在前端
- 一、前言这篇文章主要是记录一下php生成静态页面的大致步骤,关于页面静态化,大家想必都听说过,但是真正用的时候反而不是很多。有些页面考虑到访
- 工作中偶尔需要做客流分析,用pyplot 库绘图。一般情况下, x 轴刻度默认显示为数字。例如:我希望x 轴刻度显示为星期日期。查询pypl
- 公司数据中心计划将海量数据做一次迁移,同时增加某时间字段(原来是datatime类型,现在增加一个date类型),单表数据量达到6亿多条记录
- pprint – 美观打印作用:美观打印数据结构pprint 包含一个“美观打印机”,用于生成数据结构的一个美观视图。格式化工具会生成数据结
- <? //很好用的PHP数据库类,三、四句代码搞定一个表的操作,无论这个表字段有多复杂。 //此类多次大量用在大型网站程序的开发上,效
- 在网站的一些应用中需要提供用户直接打印页面的功能,最明显的就是电子优惠券,商家根据网站提供的模板输入内容,然后生成优惠券页面,用户打印这个页
- 本篇文档旨在介绍如何安装配置基于2台服务器的MySQL集群。并且实现任意一台服务器出现问题或宕机时MySQL依然能够继续运行。注意!虽然这是
- 1 获取当前完整时间1.1 now()函数select now();输出:2023-02-15 10:46:171.2 sysdate()函
- Python3实现旋转数组的3种算法下面是Python3实现的旋转数组的3种算法。一、题目给定一个数组,将数组中的元素向右移动 k 个位置,
- 本文实例讲述了Python3使用turtle绘制超立方体图形。分享给大家供大家参考,具体如下:利用Python3中turtle的绘制超立方体
- 一、读者指引 读者指引帮助你掌握本文的梗概。以免你看了大半才明白这编文章不适合你,给你造成视觉污染。如果你正在用ASP+XML写一些程序,或
- 错误代码如下:NotFoundError (see above for traceback): Unsuccessful TensorSli
- 本文实例讲述了Go语言判断文件或文件夹是否存在的方法。分享给大家供大家参考,具体如下:Golang 判断文件是否存在有点怪异,是根据在操作文
- 目录列表拼接三种方式方式一:简简单单的“+”方法二:切片赋值方式三:列表自带的extend()列表去重的三种方式利用集合set的特性利用字典
- MySQL 触发器MySQL 数据库中触发器是一个特殊的存储过程,不同的是执行存储过程要使用 CALL 语句来调用,而触发器的执行不需要使用