30个最顶尖的基于栅格系统的博客网站设计
2009-01-14 10:39
591 查看
简介
基于栅格系统的设计在网络上越来越流行了。一个设计优良的基本栅格系统不但让你的设计更漂亮和易读,还更具可用性。
基于栅格系统的设计在
网络上越来越流行了。一个设计优良的基本栅格系统不但让你的设计更漂亮和易读,还更具可用性。栅格由一系列的垂直线和水平线组成,几乎所有的视觉媒体都以
之为基础。清晰的结构将内容分割成愉悦视觉的比例。下面是30个最顶尖的基于网格系统的Weblog设计。此外,我还搜集了一些有关栅格设计的教程以供延
伸阅读。
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://www.peterpixel.nl/
http://blog.criticalweb href="http://www.yeeyan.com/articles/tag/design" target=_blank>design.co.uk/
http://www.youtilize.com/
http://warpspire.com/
http://www.emanuelblagonic.com/
http://www.andyrutledge.com/
http://jonasboner.com/
http://journal.barleyhut.com/
http://www.quicksprout.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:// href="http://www.yeeyan.com/articles/tag/design" target=_blank>design.weblogsinc.com/
http://www.invalidresponse.com/
延伸阅读:
1. Grids make eyes happy: how to use Grids by Jason Lynes
栅格愉悦视觉:如何使用栅格
2. Grids: Order Out of Chaos by About.com
栅格:从混乱到秩序
3. Cutting and sewing grid-based design: Part 1
剪裁+缝纫——基于栅格的设计:Part1
Grid-based design: Part 2, Designing blog theme templates by Michael Angeles
设计Blog主题模版——基于栅格的设计:Part2
4. 五步入门栅格系统设计
Five simple steps to designing grid systems - Preface
Five simple steps to designing grid systems - Part 1
Five simple steps to designing grid systems - Part 2
Five simple steps to designing grid systems - Part 3
Five simple steps to designing grid systems - Part 4
Five simple steps to designing grid systems - Part 5 by Mark Boulton
转自:http://www.yeeyan.com/articles/view/snlchina/3570
基于栅格系统的设计在网络上越来越流行了。一个设计优良的基本栅格系统不但让你的设计更漂亮和易读,还更具可用性。
基于栅格系统的设计在
网络上越来越流行了。一个设计优良的基本栅格系统不但让你的设计更漂亮和易读,还更具可用性。栅格由一系列的垂直线和水平线组成,几乎所有的视觉媒体都以
之为基础。清晰的结构将内容分割成愉悦视觉的比例。下面是30个最顶尖的基于网格系统的Weblog设计。此外,我还搜集了一些有关栅格设计的教程以供延
伸阅读。
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://www.peterpixel.nl/
http://blog.criticalweb href="http://www.yeeyan.com/articles/tag/design" target=_blank>design.co.uk/
http://www.youtilize.com/
http://warpspire.com/
http://www.emanuelblagonic.com/
http://www.andyrutledge.com/
http://jonasboner.com/
http://journal.barleyhut.com/
http://www.quicksprout.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:// href="http://www.yeeyan.com/articles/tag/design" target=_blank>design.weblogsinc.com/
http://www.invalidresponse.com/
延伸阅读:
1. Grids make eyes happy: how to use Grids by Jason Lynes
栅格愉悦视觉:如何使用栅格
2. Grids: Order Out of Chaos by About.com
栅格:从混乱到秩序
3. Cutting and sewing grid-based design: Part 1
剪裁+缝纫——基于栅格的设计:Part1
Grid-based design: Part 2, Designing blog theme templates by Michael Angeles
设计Blog主题模版——基于栅格的设计:Part2
4. 五步入门栅格系统设计
Five simple steps to designing grid systems - Preface
Five simple steps to designing grid systems - Part 1
Five simple steps to designing grid systems - Part 2
Five simple steps to designing grid systems - Part 3
Five simple steps to designing grid systems - Part 4
Five simple steps to designing grid systems - Part 5 by Mark Boulton
转自:http://www.yeeyan.com/articles/view/snlchina/3570
相关文章推荐
- 30个最顶尖的基于栅格系统的博客网站设计
- 30个最顶尖的基于栅格系统的博客网站设计
- 30个最顶尖的基于栅格系统的博客网站设计
- [导入]从架构设计到系统实施——基于.NET 3.0的全新企业应用系列课程(6):为网站添加Silverlight支持.zip(6.31 MB)
- 基于栅格的网站设计
- tiny-blog项目设计介绍(一个基于LAMP架构的轻量级博客系统)
- 基于JAVA WEB技术旅游服务网站系统设计与实现网上程序代写
- JavaWeb项目开发案例精粹-第4章博客网站系统-001设计
- [导入]从架构设计到系统实施——基于.NET 3.0的全新企业应用系列课程(4):设计基于IIS7和AJAX的网站.zip(7.53 MB)
- 如何为技术博客设计一个推荐系统(中):基于 Google 搜索的半自动推荐
- [导入]从架构设计到系统实施——基于.NET 3.0的全新企业应用系列课程(6):为网站添加Silverlight支持.zip(6.31 MB)
- 基于lucene.net的网站标签系统设计
- 基于SAE+CodeIgniter3.0+管理端angularjs+前台amazeui的多用户博客系统V1.0--系统设计(一)
- 基于BootStrap栅格栏系统完成网站底部版权信息区
- 基于栅格系统的web设计——灵与魂的融合
- [导入]从架构设计到系统实施——基于.NET 3.0的全新企业应用系列课程(4):设计基于IIS7和AJAX的网站.zip(7.53 MB)
- 【基于SSH框架的个人博客系统02】项目分析与数据库表设计
- photoShop中使用960栅格系统设计网站界面
- 基于JSP的个人博客系统的设计与实现
- 从架构设计到系统实施-基于.NET 3.0的全新企业应用之设计基于AJAX和IIS7的网站