本书系统、深入地阐释了网站的设计与实现,帮助读者从设计的角度来使用CSS以达到完美的效果。作者通过使用标记和CSS的形象的创造性示例,帮助读者 掌握实现创意设计的方法。读者将学会如何使用新的设计流程,创建对包括设计师在内的所有团队成员都很好用的原型,有效地使用网格,设计标记的视觉效果,并 了解优秀设计过程的每一个阶段——从使用最新的浏览器到在团队协作中高效地应用CSS3。
本书适合Web设计师和开发人员研读,对那些客户要求高、工作节奏快的设计师有着尤其重要的指导作用。本书也适合有一定基础的Web设计爱好者阅读。
编辑推荐:
著名设计师Andy Clarke悉心传授“超越CSS”方法,《CSS禅意花园》作者隆重推荐并担任技术编辑。
对于普遍缺乏编程经验的Web设计师来说,语义标记和CSS无疑是实现自由设计的障碍。如果没有高效工作流的支持,快节奏的工作环境和较高的客户要求都将意味着巨大的压力和挑战。
国际著名Web设计师Andy Clarke对这种情况有着切身的体会。在本书中,Andy将与您分享他的“超越CSS”方法,引导读者从设计的角度来使用CSS,来创建富有艺术性并且可用、易用的站点。
在这本开创性的著作中,作者通过可视化的范例来展示标记和CSS的创造性,带领您掌握实现创意的设计方法。您将学会:
·如何使用新的工作流来创建对所有团队成员——包括设计师在内——都非常好用的原型;
·有效地使用网格;
·设计标记的视觉效果:
·如何把握优秀设计过程的每一个阶段——从使用最新的浏览器到在团队协作中高效地运用CSS3,等等。
·使用可视化方式帮助您学习编码技术;
·包含大量世界级网站实例、摄影作品和其他灵感素材,传授视觉化代码的思想;
·带领您体验新的Web浏览器中组成CSS3规范的先进技术。
“Andy Clarke拥有一种神秘的能力。能让你重新思考你所熟知的事物,并奇怪为什么以前一直没有按他的方式做。”
“读过《CSS禅意花园》,然后呢?Clarke先生给我们带来了答案!”
——Dave Shea,《CSS禅意花园》作者
图书信息:
书名:超越CSS:Web设计艺术精髓
作者:[英]Andy Clarke 著,谭振林 等译
出版社:人民邮电出版社
出版日期:2008年1月
ISBN:978-7-115-16928-0
页数:357页
定价:¥69.00
扫描:400DPI,全彩
分流:
大米盘下载:超越CSS:Web设计艺术精髓.pdf(支持电驴、迅雷、旋风下载)
Product Description
As the Web evolves to incorporate new standards and the latest browsers offer new possibilities for creative design, the art of creating Web sites is also changing. Few Web designers are experiences programmers, and as a result, working with semantic markup and CSS can create roadblocks to achieving truly beautiful designs using all the resources available. Add to this the pressures of presenting exceptional design to clients and employers, without compromising efficient workflow, and the challenge deepens for those working in a fast-paced environment. As someone who understands these complexities firsthand, author and designer Andy Clarke offers visual designers a progressive approach to creating artistic, usable, and accessible sites using transcendent CSS.
In this groundbreaking book, you’ll discover how to implement highly original designs through visual demonstrations of the creative possibilities using markup and CSS. You’ll learn to use a new design workflow, build prototypes that work well for designers and all team members, use grids effectively, visualize markup, and discover every phase of the transcendent design process, from working with the latest browsers to incorporating CSS3 to collaborating with team members effectively.
Transcending CSS: The Fine Art of Web Design:
Uses a visual approach to help you learn coding techniques
Includes numerous examples of world-class Web sites, photography, and other inspirations that give designers ideas for visualizing their code
Offers early previews of technical advances in new Web browsers and of the emerging CSS3 specification
About the Author
Andy Clarke is an internationally known speaker, designer, and consultant focusing on creative, accessible Web development. Andy is passionate about design and passionate about Web standards, bridging the gap between design and code. He regularly trains designers and developers in the creative applications of Web standards. Andy has written articles for A List Apart Magazine and contributed to the CSS Zen Garden. Outside of his studio, Andy is a member of the Web Standards Project.
Author, instructor, and Web designer Molly E. Holzschlag has written over 30 books on Web design and development. She’s been coined "one of the greatest digerati" and deemed one of the Top 25 Most Influential Women on the Web. Molly is also Group Lead of Web Standards Project and frequent lecturer on Web design and development around the world.
Transcending CSS: The Fine Art of Web Design主页
图书信息:
书名:Transcending CSS: The Fine Art of Web Design
作者:[英]Andy Clarke 著
出版社:New Riders Press
出版日期:2006年11月
ISBN:978-0321410979
页数:361页
定价:$49.99
扫描:全彩
小丫点评
看过了《CSS禅意花园》,下面应该看这本《超越CSS:Web设计艺术精髓》了。这本书也是《CSS禅意花园》作者Dave Shea强烈推荐的。
看 过这本书会清除很多以前对CSS的错误认识,比如一定要让页面在IE6里也能正常显示而放弃很多好的效果。这本书告诉我们,不要为了兼容一些古老的浏览器 而不敢使用CSS的新特性,而是要运用所有最新的CSS特性,放手去设计,然后再给IE6等老浏览器设计一个大概可用的样式就可以了。
我设计网页 向来是先在Firefox里设计,然后再去考虑IE下的显示效果。不过总是听到有人说他们做页面时,原本在IE下设计好就可以了,现在还要兼容 Firefox和Opera等,多了很多麻烦。然后借此斥责Web标准如何如何地不好,IE6才是事实上的Web标准,Firefox应该兼容IE6的 Web标准云云~~我想,他们应该都是用Dreamwaver做网页的吧。在Firefox下有那么多Web开发的插件可以用,可以很方便地调试CSS和 JavaScript,而且不会有什么3像素之类的莫名其妙的问题,兼容Web标准的设计可以在Firefox、Opera、Safari、Google Chrome上获得同样的显示效果,为什么非要在IE上做开发呢?
超越CSS原则:
目录:
1. 发现
—1.1 超越CSS简介
——1.1.1 需要什么样的工具来开始学习
——1.1.2 为什么需要超越CSS
——1.1.3 尽情地发挥创造力
——1.1.4 辅助功能本身就是设计,而不应仅把它当成一个特性
——1.1.5 向超越CSS进发
—1.2 超越CSS原则
——1.2.1 不是所有的浏览器都显示相同的设计
——1.2.2 运用所有有效的CSS选择符
——1.2.3 CSS3:展望未来
1.2.4 运用JavaScript和DOM来弥补CSS的不足
——1.2.5 避免运用Hacks和滤镜
——1.2.6 使用富含语义的命名规范和微型格式
——1.2.7 分享你的想法,与他人协作
—1.3 什么使超越CSS变得可能
——1.3.1 意想不到的CSS用途
——1.3.2 浏览器分级支持
——1.3.3 发现,过程,灵感,超越
—1.4 突出内容的设计
——1.4.1 突出内容的途径
——1.4.2 一个典型的没经过优化的CSS布局
——1.4.3 优化内容顺序而不管有还是没有样式
—1.5 语义就是含义
——1.5.1 “CSS 裸体日”
——1.5.2 将含义翻译成标记:这个标记是正确的
——1.5.3 内容告诉你了什么
——1.5.4 语义的前行
—1.6 标记这个世界
——1.6.1 整个世界是一个列表;每一项都扮演着它自己的角色
——1.6.2 环视四座皆列表
——1.6.3 给我寄一张旧金山的hCard
——1.6.4 学会拓宽视野
——1.6.5 从“内容”开始工作
—1.7 是时候整理一下你所学的知识了
2. 过程
—2.1 寻找最佳工作流程
——2.1.1 寻找更好的方式
——2.1.2 遵循基于内容的过程
—2.2 搜集内容
—2.3 使用框架图来工作
——2.3.1 传统的框架图在哪里会失效
——2.3.2 框架图有商业价值吗
——2.3.3 传统框架图以及交互脚本
—2.4 使用灰盒方法改进
—2.5 创建静态设计
——2.5.1 更快地通过设计流程
——2.5.2 把标签指南加入静态设计
—2.6 使用交互原型
——2.6.1 交互原型使梦想成真
——2.6.2 创建可重用的代码
——2.6.3 框架图和原型的模型
——2.6.4 所见即所得:你看到了什么
—2.7 遵循交互原型最佳实践
——2.7.1 选择用于开发的浏览器
——2.7.2 使用浏览器插件
——2.7.3 尽可能少地使用 div 元素
——2.7.4 确保标签是有效的
——2.7.5 选择定位优先于浮动
——2.7.6 组织CSS
—2.8 过程的实践
——2.8.1 着眼于组成部分
——2.8.2 编写分离内容的标签
——2.8.3 用CSS实现静态设计
——2.8.4 构建布局
——2.8.5 从body开始
——2.8.6 继续向前还是移交
——2.8.7 基本颜色样式
——2.8.8 创建商标
——2.8.9 加上Logo
——2.8.10 导航条样式
——2.8.11 设计页脚样式
——2.8.12 理解元素的排版样式
—2.9 汇总
3. 灵感
—3.1 引入基于网格的设计
——3.1.1 设计师与网格
——3.1.2 黄金比例和三分之一规则
——3.1.3 纯粹的弹性布局
——3.1.4 合理的网格设计
—3.2 当今Web设计中的网格
——3.2.1 减法
——3.2.2 Airbag Industries
——3.2.3 Jeff Croft
——3.2.4 Veerle的博客
—3.3 寻找Web之外的网格
—3.4 为Web设计带来新的网格
——3.4.1 打破新闻
——3.4.2 以网格作为指导
——3.4.3 揭穿小秘密
——3.4.4 着迷于新闻手法
——3.4.5 保持你的画面
—3.5 在意想不到的地方发现灵感
——3.5.1 把主页改头换面
——3.5.2 引入基调板
——3.5.3 拥有一个设计剪贴簿
——3.5.4 要获得界面灵感去看杂志吧
——3.5.5 获得版式灵感
——3.5.6 重新审视Flash设计
——3.5.7 使用图片与相片
—3.6 精美的艺术活动
——3.6.1 设计不仅仅是创建引人注目的视觉效果
——3.6.2 不要把焦点放在技术上
——3.6.3 提升基调
——3.6.4 寻找不同观点
——3.6.5 带着目标剪贴
—3.7 Web设计的美术
4. 卓越
—4.1 卓越的CSS
——4.1.1 绝对定位
——4.1.2 相对定位
——4.1.3 浮动的创意
——4.1.4 创建侧边栏
——4.1.5 结合多种技术
—4.2 CSS3(三倍好运)
——4.2.1 各部分的汇总
——4.2.2 开发新的标准
——4.2.3 回到未来
——4.2.4 使用CSS3选择符模块进行设计
——4.2.5 使用斑马纹提高可读性
——4.2.6 使用背景和边框模块进行设计
——4.2.7 使用多幅背景图片进行设计
——4.2.8 设计多栏布局
——4.2.9 使用多栏布局模块
—4.3 高级布局
——4.3.1 回到网格(Grid)
——4.3.2 使用高级布局模块进行设计
—4.4 结束语