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

推荐订阅源

Latest news
Latest news
爱范儿
爱范儿
V
V2EX
J
Java Code Geeks
I
InfoQ
博客园 - 三生石上(FineUI控件)
V
Visual Studio Blog
A
Arctic Wolf
月光博客
月光博客
D
Darknet – Hacking Tools, Hacker News & Cyber Security
S
SegmentFault 最新的问题
C
Cyber Attacks, Cyber Crime and Cyber Security
L
Lohrmann on Cybersecurity
Cisco Talos Blog
Cisco Talos Blog
量子位
C
CERT Recently Published Vulnerability Notes
Know Your Adversary
Know Your Adversary
酷 壳 – CoolShell
酷 壳 – CoolShell
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
小众软件
小众软件
Hugging Face - Blog
Hugging Face - Blog
P
Privacy & Cybersecurity Law Blog
大猫的无限游戏
大猫的无限游戏
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
人人都是产品经理
人人都是产品经理
T
The Exploit Database - CXSecurity.com
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
有赞技术团队
有赞技术团队
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Scott Helme
Scott Helme
C
Cisco Blogs
T
Tor Project blog
I
Intezer
Project Zero
Project Zero
罗磊的独立博客
T
Tenable Blog
Jina AI
Jina AI
P
Proofpoint News Feed
T
Threatpost
NISL@THU
NISL@THU
N
News and Events Feed by Topic
Engineering at Meta
Engineering at Meta
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
AI
AI
Recorded Future
Recorded Future
T
Tailwind CSS Blog
T
The Blog of Author Tim Ferriss
S
Security @ Cisco Blogs
云风的 BLOG
云风的 BLOG
N
News | PayPal Newsroom

博客园 - 爽爽

印章规格(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/

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