使用标签“超越CSS”的所有日志

《超越CSS》

星期天, 九月 7th, 2008

我承认我是一个不爱看书的人,每次捧起书都会觉得困意十足,不过也终于历时N久的时间把这本《超越CSS》给啃完了,其实前三章用了三天就处理掉了,只是最后一章一直没有动力,拖了近一个月才在今天把它给完结了。

《超越CSS》(Transcending CSS)

《超越CSS》(Transcending CSS)

这本书超贵的69块钱一本,还好我这本是借来的,即便是300多页彩印铜版纸也用不了那么离谱的价格嘛。。。不过好在书的内容确实很好,不仅介绍了许多CSS的技巧和基本的设计准则,而且还为读者敞开了一扇新的大门,它以CSS的视角放眼整个web的设计和开发过程,创造好的版式、好的交互、好的代码、好的流程。超越CSS是每一个优秀的web设计师都必须做到的,所谓在遵循规则的基础上打破规则才能创造出最优秀的作品。

首先我们要遵循的规则便是:CSS是一个非常优秀的定义样式的工具,但是我们不能要求所有的使用者都能够顺利地从你设计的CSS界面当中获取合理的排版信息和漂亮的图片说明,因此我们必须创造出一个在没有CSS状态下也能够顺利被阅读的文档。在这个基础上我们需要使用合理的标签去标记内容,请尝试把生活当中的所有物品都标签化吧,这将对今后的设计有很大的帮助。

其次我们需要一个好的工作流程:收集内容->框架图/灰盒->静态设计->交互原形->有意义的标签->CSS编码/JS编码。要注意的是CSS工作可并不只是CSS编码那么简单的事情,每一个CSSer要把自己放在一个设计师的角度来看待整个设计才能创造出优秀的页面,往往视觉设计师只是注重了视觉的效果,而你作为一个CSS设计师则需要更加关注内容的突出表现、用户的交互甚至搜索引擎等等更为细节的内容,而这些内容都建立在内容排版之上。

那么接下来如何创建一个优秀的排版呢?我们可以引入网格的设计,我们可以在任何你想得到的地方使用黄金比例和三分之一规则,而更能吸引人的地方便是在遵循网格的基础上突破它,创造出令人意想不到的版面设计。我们可以去参考新闻报纸,那是最最基本的网格应用,几乎早期的所有报纸都遵循8列或6列的网格版面,而今的报纸则更加多元化,在那些花哨的广告和醒目的娱乐头条上都能找到网页的设计灵感。同时我们还可以在杂志、唱片店、剪贴簿甚至Flicker上面寻找创作的灵感。

真正的超越CSS不是在一些常规的或者旁门的小技巧上的应用,而是不被现在的CSS规则拌住了脚,譬如我们总是以为:唉~这个设计太麻烦了~CSS的编码会很痛苦的~还是算了吧~;再譬如我也总是想着:我要让使用任何浏览器的用户看到的都是一模一样的优秀设计~,这些都是非常愚蠢的想法,而要改变这样的想法仅仅需要记住超越CSS就可以了。。。

CSS和CSSer们一样的年轻,可CSS3已经指日可待了,那么在超越CSS的最后还是让我们期待这个优秀的样式设计表继续在未来的浏览器甚至应用程序中发挥出巨大的作用吧。

PS1:如果想买这本书可以在卓越网获得75折的优惠。

PS2:自从这本书以后便多去关注了一下相关类别的其他书籍,发现人民邮电出版社是非常王道的,因此可以直接去新华书店的人民邮电出版社专柜。