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

推荐订阅源

Security Latest
Security Latest
D
DataBreaches.Net
The Register - Security
The Register - Security
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
F
Full Disclosure
Engineering at Meta
Engineering at Meta
The GitHub Blog
The GitHub Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
P
Proofpoint News Feed
D
Docker
Y
Y Combinator Blog
T
The Blog of Author Tim Ferriss
云风的 BLOG
云风的 BLOG
G
Google Developers Blog
I
InfoQ
H
Help Net Security
MongoDB | Blog
MongoDB | Blog
Recent Announcements
Recent Announcements
L
Lohrmann on Cybersecurity
T
The Exploit Database - CXSecurity.com
Recorded Future
Recorded Future
G
GRAHAM CLULEY
Microsoft Security Blog
Microsoft Security Blog
WordPress大学
WordPress大学
L
LINUX DO - 热门话题
阮一峰的网络日志
阮一峰的网络日志
The Cloudflare Blog
Help Net Security
Help Net Security
雷峰网
雷峰网
W
WeLiveSecurity
GbyAI
GbyAI
N
News and Events Feed by Topic
L
LINUX DO - 最新话题
T
Tailwind CSS Blog
Security Archives - TechRepublic
Security Archives - TechRepublic
V
Vulnerabilities – Threatpost
V
V2EX
Application and Cybersecurity Blog
Application and Cybersecurity Blog
M
MIT News - Artificial intelligence
J
Java Code Geeks
Microsoft Azure Blog
Microsoft Azure Blog
Last Week in AI
Last Week in AI
Hugging Face - Blog
Hugging Face - Blog
Cisco Talos Blog
Cisco Talos Blog
Webroot Blog
Webroot Blog
AI
AI
S
Security @ Cisco Blogs
Jina AI
Jina AI
The Last Watchdog
The Last Watchdog
Google DeepMind News
Google DeepMind News

博客园 - 爽爽

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

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