大数跨境

Web 设计师的框架

Web 设计师的框架 电商实践
2008-03-26
0
导读:此前我曾撰文探讨框架,以及它们如何帮助开发者构建 Web 应用程序。总体而言,我对框架的赞誉主要面向我们这些开发 Web 应用的人,例如编写使应用程序得以运行的 Ruby、Perl、PHP 或 .NE

我此前曾撰写过关于框架及如何助力开发者构建Web应用的文章。总体而言,我对框架的赞誉主要面向编写Ruby、Perl、PHP或.Net等脚本以驱动应用运行的Web开发者。然而,框架同样能协助团队协作,尤其是平面设计师与Web开发人员之间的配合。经验表明,让不同领域的创意人员高效协作颇具挑战,Blueprint CSS框架便应运而生。

什么是Blueprint CSS?

Blueprint CSS是一个利用层叠样式表(CSS)定义网页视觉样式的框架。与其为每个网站单独编写CSS,不如将Blueprint提供的基础样式作为起点和扩展基石。随着CSS技术日趋成熟及网页设计短板逐步克服,此类框架既能预防问题,又能为开发者提供工具,将设计师的愿景变为现实。以下特性展示了Blueprint CSS如何提供帮助:

首先,所有浏览器均为特定HTML元素设置了默认样式(如段落间的默认边距)。Blueprint通过清除这些默认值,提供了一个“干净画布”供你起步。在此基础上,它设定了常被大多数网站忽视的基本排版规则。例如,将行高设为字体高度的1.5倍,这是提升可读性的基本印刷准则。

布局网格助力开发者与设计师

其次,Blueprint提供了用于创建CSS布局的网格系统。虽然看似基础,但可定制的网格允许开发者或设计师生成符合构想的布局。设计师可将该网格作为布局指南,通过共享网格CSS,双方便能达成共识。鉴于微调布局往往耗费大量宝贵时间,Blueprint提供的这一资源令设计师和开发者均能受益,实属难得。此外,Blueprint CSS可免费获取。

【声明】内容源于网络
0
0
电商实践
电商实践
内容 8053
粉丝 0
电商实践 电商实践
总阅读37.4k
粉丝0
内容8.1k