惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园_首页
Engineering at Meta
Engineering at Meta
量子位
A
About on SuperTechFans
阮一峰的网络日志
阮一峰的网络日志
Recent Announcements
Recent Announcements
博客园 - 司徒正美
V
Visual Studio Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
The GitHub Blog
The GitHub Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
F
Fortinet All Blogs
Martin Fowler
Martin Fowler
腾讯CDC
Jina AI
Jina AI
C
Check Point Blog
H
Help Net Security
罗磊的独立博客
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
V
V2EX
爱范儿
爱范儿
I
InfoQ

博客园 - 爽爽

印章规格(2) 巧妙自制ps笔刷 当float遇到clear和clip 网站变黑白灰色的4种代码(转载) 15个CSS常识 CSS网页布局编码小技巧整理(转帖资料) word-break:break-all和word-wrap:break-word 自动换行问题 IE下神奇的一个Bug! 兼容IE6/IE7/IE8/FireFox的CSS hack - 爽爽 - 博客园 网页设计师的苦衷 ul li实现table - 爽爽 - 博客园 [欣赏] 2008年logo设计趋势 出水芙蓉——网页中的广告位 汗~注释也能影响兼容?!—css中遇到的变态问题 常用图片格式全解(收藏~转) 网页设计标准尺寸(文章很实用~转) 我拿青春赌明天!后果我自负~ 什么教学海无涯! 继续学习adobe Illustrator之泡泡字体
基于栅格系统的web设计——灵与魂的融合
爽爽 · 2008-11-05 · via 博客园 - 爽爽

从事美工一段时间了,可能与最近的工作有关吧,最近总感觉网页设计正在返璞归真!刚加入美工这行的时候,正赶上web改进阶段——DIV+CSS急速流行时代!所以从入们开始就是依据Web2.0要求来学习的。

     但是最近一段时间发现,无论是从网页的平面设计还是从页面的静态实现上,都有一种灵与魂的融合。这就是关于栅格系统的web设计,今天忽然发现的这个新名词,在网络上一搜,关于栅格系统设计这方面的资料还很少,

     就像一件漂亮的衣服,可以说DIV+CSS是html的精美装饰,但不是所需原料!说明白点就是不要疯狂使用DIV+CSS,注意它和table的融合,有时候我们整个页面可以完全使用table来实现,而不需要DIV+CSS;有时候只需要用很少的DIV+CSS;当然,有时候我们完全都可以使用DIV+CSS实现。这就是灵与魂的融合,原料与装饰的融合。

     关于网页的平面设计,有一个词涵盖了我要说的:就是关于栅格系统的web设计。就最近半年来开发的网站,不难发现,多数都是栅格式的设计。也许大家还不了解什么是栅格设计。所谓栅格设计,描述的是由一系列的垂直线和水平线组成的清晰结构,也就是说几乎所有的视觉媒体都以之为基础,将内容分割成愉悦视觉的比例。从混乱到秩序,剪裁+缝纫的过程!如果看了下面这几家网站,我想大家大概就明白什么是栅格系统设计了。

http://www2.jeffcroft.com/

http://ryanbrill.com/

http://www.subtraction.com/

http://www.bs-markup.de/

http://www.alvarocastano.com/

http://www.achtentachtig.com/

http://eswat.ca/

http://5thirtyone.com/

http://blog.criticalwebdesign.co.uk/

http://www.youtilize.com/

http://warpspire.com/

http://www.andyrutledge.com/

http://jonasboner.com/

http://journal.barleyhut.com/

http://thefightspot.com/

http://www.gapersblock.com/

http://dfckr.com/

http://meiert.com/en/

http://usabletype.com/

http://ideasonideas.com/

http://intensify.org/

http://www.jambor-ee.com/

http://www.buzzingo.de/

http://svenigson.com/

http://riverfrontpark.com/

http://design.weblogsinc.com/

http://www.invalidresponse.com/

好东西新东西要有拿来主义,但是要灵活运用,不要一味的追求新技术——停止前进的步伐,回过头去总结一下,将灵与魂融合到一起,对我们以后的前进更有帮助,俗语称之为:温故而知新!