• 《CSS禅意花园》读后感

    以下是我看了《CSS禅意花园》后,对书中一些内容结合自己理解与感悟的的二次描述。
    这本《CSS禅意花园》(修订版)是一本出版于2006年的网站CSS设计介绍书籍。这本修订版,更新出版于2013年。
    内容大抵为,以许多实例,通过直接文本的形式试图介绍,一些网站的设计,以及他们设计的思路,
    为什么这么设计?从试图剖析人对事物的美好角度以图诠释一些CSS设计为什么会受到用户的喜欢。

    比如为什么许多人把logo放到左上角,书籍对此解释是,可能是人大多时候第一感觉,看一个作品,

    类似读一本书,会从最开始看起,左上角就是阅读的最开始,所以一些设计者们认为这里必须突出概括性的重点,故而成为网站logo的放置处。
    这种解释不一定适用于全部,但无可厚非,至少这种设计它被“解释”了。相比于单纯解读一种设计自从内心感受,认为好不好看而言。这种解释更加具体。

    以上只是一个我对这本书编写风格的举例。像我个人,最开始去想一种设计好坏,怎么设计好,自从。自己感觉,是否好看评判,我很少会想到,能结合人对“美感”的角度诠释。而这本书,就是要将网页设计带给人的美感,企图说明其原理的方式来解读,阐述。

    这里我想先不直接谈美感诠释,书本后头近乎都是大量实际来谈“美”,而在卷首一些章节,我想记录,精要总结一下一个可看之处。


    1.卷首提到CSS设计的版权问题。书本认为,图片是很容易追究版权的问题,但对CSS,对CSS的设计,根据创作共同协议的宽松性,可以自由复制并修改其CSS,实际上是不好追究对方是否属于“抄袭”的。即便对方的网站使用了你的CSS设计,你可能会感到不快,但这完全合法。
    这里我想到许多以前看到网络上,对什么wordpress主题制作抄袭,扒皮的声讨事件。其实以前就想说,我一直对CSS抄袭判定的标准,有一个疑惑。而且骂抄袭的人自己的作品可能也会与其他作品存在相同之处。网站只要放出来,展示在网络上的CSS也是公开的。我个人觉得如果拿到主题,然后使用复制,剽窃后端代码或许可以说抄袭,但我觉得前端设计元素应该是所有人都能使用的。看了书中的这里,我也更加坚信了这一点。
    我觉得自己也应该明白这点,所以我目前看待这种事的心态,大抵就是:我觉得自己发布网站设计,是出于共同学习,能被扒说明真是太抬举自己了,所以欢迎大家使用本站展示,创作的CSS,(我自己也是参考windows,macos,和android的外观样式用css呈现而已)如果我的作品,能带给你参考创作出更加优质的前端项目,有朝一日如果你愿意,能在备注里注明一下,自己曾经的灵感来源,那我真是不胜荣幸了。

    2.编写一个网站,不应该有一种“标准”。编写网站设计的标准不如真实展现一种什么。
    我看网上许多网页设计,其实在我个人对“美”的判定理解下,其实是千篇一律的。我很少能看到他们的设计要试图“展示什么?”

    如此说来,我觉得自己做的CSS还是挺“禅意花园”的
    (另外我也想做一个CSS禅意花园读后作。我的设计页面,——个站wordpress主题下载页,下次发布吧)

    以下我想对书中实际介绍美感,为何“禅意花园”?一些原理,一些设计,配合我自己在网上看到的一些优秀网页设计作品,触类旁通,做一些自己的浅薄诠释:
    首先在此之前我也想谈谈,自己个人理解下,我在网上看到的一些千篇一律的“大街设计”,当然这里我想重点再重点强调说明,每个人对“美”的评定都不一样,我以下讲的过纯属是一个个人的观点,意图只是为了试图对下文我认为好的设计做比较。加深,形象化读者对我想表达的观念的理解,我说做的这些与这些作品的价值,这些作品的作者无关,我没有要试图鄙夷某些作品的意思。我想说的,只是,个人理解的前提下,这些作品不如后头的作品设计得好。
    首先从wordpress的Twenty Twelve主题说起,这个设计来源于2012年的wp官方主题附带设计,下面我们来看一些相同的设计:


    可以看得出,这些设计外观上的表达,八成都是相同的。你一看就能看出其构造。
    当然我这里不是说单栏设计,双栏设计有什么不好。单栏双栏,只是一种设计的形式,而论7设计本身,我们来看,这些设计大抵都是一个层外附阴影或边框。
    不过作者们都给这些设计取名为“极简”风格。而同样极简,同样单栏,我们来看下。我见过的另外一个设计风格——来源于网络上一个网名卜卜口的单栏页面设计。

    前者与卜卜口的设计对此,卜卜口为了更好表达设计,喜欢借助图片与图标。
    并且单栏内的文本,刻意采用浮动效果,并改变边距,,而非传统一栏一栏下去。
    形式同样确确实实是单栏,就算把所有图片去除,风格也更为新颖。这是我理解下的设计优劣。

    这是为什么,我觉得后者比前者好的原因,
    因为前者本身的风格已经是很多年一直延续了的。

    说完上头,接下来我想把《CSS禅意花园》这本书的一些实例内容结合目前网上看到的优秀网页设计做类比笔记。

    作品实例a,亚特兰蒂斯,

    我想到的是一个“钉子异次元”的作品。尤其是其毛玻璃风格

    作品实例b,Zunflower,看了这个作品后,我的感悟是。设计网页不需要墨守陈规,不要看别人怎么设计,自己也跟着。我觉得好看的设计,就是要还原一种真实。真实或许是模仿,但模仿也应该模仿独特的,没有的。
    比如zunflower这个作品中,页面头部字体。不同于我们传统设计中,字体居于层中。它是独立,突兀出来的。第二是布局。我看过,非常多的网页设计,采用两栏,三栏,各种栏。但zunflower,按照设计结构也应该说是三栏,而它css采用阴影与定位效果,让栏目形成“重叠”的效果,而非大部分网页中的“分栏”,我自己也为此按照图片,自己写了一个他的布局,与烂大街布局的设计对比:

     

  • 查看评论

    《CSS禅意花园》读后感》上有 1 条评论

    Loading...

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注