CSS禅意花园(修订版)pdf

图书网 2019年6月12日23:20:16
评论
2.3K

CSS禅意花园(修订版) 内容简介

《CSS禅意花园(修订版)》作者是世界著名的网站设计师,书中的范例来自网站设计领域著名的网站——CSS Zen Garden(CSS禅意花园)。全书分为两个主要部分。第1章为第一部分,讨论网站“CSS禅意花园”及其基本的主题,包含正确的标记结构和灵活性规划等。第二部分包括6章,占据了本书的大部分篇幅。每章剖析“CSS禅意花园”收录的6件设计作品,每章介绍的作品围绕一个主要的设计概念展开,如文字的使用等。通过探索36件设计作品面临的挑战和解决的问题,读者将洞悉主要的Web设计原则以及它们运用的CSS布局技巧,理解CSS设计的精髓,恰当地处理图形和字体来创建界面优美、性能优良且具有强大生命力的网站。
本书适合网站设计人员和网站设计爱好者阅读,更是专业网站设计师必读的经典著作。

CSS禅意花园(修订版) 目录

第1章 追本溯源

第2章 设计

2.1 Atlantis(亚特兰蒂斯)

2.2 Zunflower

2.3 Springtime(春天)

2.4 Viridity(翠绿活力)

2.5 Ballade(叙事曲)

2.6 Night Drive

第3章 正文布局

3.1 Backyard(庭院)

3.2 Entomology(昆虫学)

3.3 White Lily(白百合)

3.4 prêt-à-porter

3.5 CS(S) Monk

3.6 Not So Minimal

第4章 图像

4.1 Japanese Garden(日式花园)

4.2 Revolution!(革命!)

4.3 Deco

4.4 No Frontiers!

4.5 Coastal Breeze

4.6 What Lies Beneath

第5章 字体排印

5.1 Oceans Apart(天水之间)

5.2 si6

5.3 Release One(释放)

5.4 Dead or Alive(生与死)

5.5 Blood Lust(血色欲望)

5.6 Golden Mean(黄金平衡)

第6章 特效

6.1 This is Cereal

6.2 Gemination(双子座)

6.3 Bonsai Sky(盆景天空)

6.4 Tulipe(郁金香)

6.5 door to my garden(花园之门)

6.6 Elastic Lawn(绿草如茵)

第7章 重构

7.1 Hedges(树篱)

7.2 Radio Zen

7.3 South of the Border(南部边境)

7.4 Corporate Zen Works

7.5 Open Window(敞开窗口)

7.6 mnemonic(记忆)

结语

CSS禅意花园(修订版) 精彩文摘

Web设计的流程经历了戏剧性的变化,但优秀设计的原则从未改变过。无论是选用调色板,还是把握欣赏者浏览作品的顺序,或者合理有效地使用图形,亦或是管理页面相关的元素,传统设计中的关键之处在Web设计中同样重要。

这一章中将要介绍的作品能够阐明设计的关键之处,同时也会澄清当代Web设计师心中的一个疑虑:应该如何把握设计的流程。是首先在Adobe Photoshop中拟出设计的草图,然后转向到CSS中,还是一开始就直奔主题编写CSS代码?相信在阅读完这一章之后,您一定会有所收获。

2.1 Atlantis(亚特兰蒂斯)

Kevin Davis,设计师

简洁的设计,统一,象征手法

视觉作品是用来交流的。一个成功的作品将传递给欣赏者用语言无法描述的信息。作品应该能够唤起某种气氛和感情,体现独特的风格,并最终引起欣赏者的共鸣。

如同室内设计师将桌椅、柜台、油画组合成一间带有忧郁色彩的咖啡屋一样,在创建亚特兰蒂斯时,Kevin Davis也希望能够将文字和图像以类似的方式组合起来。Davis从相片和调色板入手,将各种元素不断组合直至满意。然后将设计好的作品付诸于CSS实现。

图书网:CSS禅意花园(修订版)pdf

继续阅读

→→→→→→→→→→→→→→→→→→→→查找获取

程序设计

重构 改善既有代码的设计(中文版)pdf

《重构:改善既有代码的设计》(中文版)所提的这些重构准则将帮助你一次一小步地修改你的代码,这就减少了过程中的风险。很快你就会把这些重构准则和其名称加入自己的开发词典中,并且朗朗上口...
程序设计

数据结构 C语言版 第2版pdf

适读人群 :普通高校电子信息大类本科生学习、考研,同时也适合零售和培训。 采用“案例驱动”的编写模式。书中结合实际应用,将各章按照“案例引入——数据结构及其操作——案例分析与实现”...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: