基本信息
- 原书名:Flexible Web Design: Creating Liquid and Elastic Layouts with CSS
- 原出版社: New Riders Press
- 作者: (加)Zoe Mickley Gillenwater
- 译者: 李静
- 出版社:机械工业出版社
- ISBN:9787111272946
- 上架时间:2009-9-5
- 出版日期:2009 年9月
- 开本:16开
- 页码:275
- 版次:1-1
- 所属分类:计算机 > 图形图像、多媒体、网页制作 > 网页设计综合

编辑推荐
可变或者不固定布局可以基于用户设备的查看大小更改宽度。弹性布局则可以根据用户设置的特定文字大小改变宽度。这两种类型的灵活设计都为那些根据自己需求而调整浏览站点的窗口大小的用户带来显而易见的好处,而对那些习惯于完美像素控制的Web设计师而言,它们则提出了挑战。尽管如此,如果能正确规划并构建,灵活布局仍会是很有视觉吸引力且容易创建的。同时,灵活Web设计的概念和技巧也会使固定宽度的CSS设计受益,因为设计师学会了如何针对实现Web的内在灵活性而进行设计,而不再基于输出媒介的刚性属性或者基于网格的布局来展开设计。
使用符合标准和跨浏览器兼容性的(X)HTML和CSS设计的设计师可以从本书中学到如下知识:
灵活布局的好处。
何时选用可变设计、弹性设计或混合设计。
如何设计图形设计版式以及如何对该设计版式进行切片处理才能达到灵活设计的效果。
如何从头创建可变布局和弹性布局。
如何创建灵活背景图形和可伸缩内容图像。
何时以及如何限制Web页面中的灵活性。
内容简介
作译者
目录
前言
致谢
第1章 理解灵活布局
1.1 布局类型
1.1.1 固定宽度:固定像素
1.1.2 可变布局或不固定布局:根据视口调整
1.1.3 弹性与文本大小相适
1.1.4 混合布局
1.2 可变布局和弹性布局带来的挑战
1.2.1 摆脱网格束缚:进行设计非舒适区域
1.2.2 告别像素的完美性
1.2.3 让设计看上去很大或是很小
1.2.4 处理文本溢出的问题
1.2.5 处理水平滚动条的问题
1.2.6 在弹性框中适配固定宽度的内容
1.2.7 更长的设计时间和测试时间
1.2.8 浏览器缺陷
1.3 为页面选择合适的布局类型
1.3.1 固定宽度布局
译者序
为了尽量满足用户的使用和审美需求,能应需求而改变的灵活设计就成了理想设计的首选。灵活意味着多变、复杂;而多变和复杂预示着设计难度的提升;难度的提升又表现在设计师要考虑得更为周全。环环紧扣,这无疑给灵活设计蒙上了一层神秘的面纱。实际上,灵活设计并非如此神秘,它是有规律可循的。根据面向的用户群体不同,版式的不同,版面图像的丰富程度,以及文字所占比例的大小,资深的网页设计师们已经总结出了许多实用的设计规律。..
人们常说成功的最好办法是站在巨人的肩膀上。因此,想最高效地制作出优秀网页的您,站在优秀设计师的肩膀上不失为上策。本书由经验丰富的Web设计师所撰写,集纳了很多实用的案例技巧,是想快速学习灵活网页设计的人们的不错选择……
本书的特点是,几乎每章都配有与本章内容紧密相关的案例练习,且所有案例均前后相互呼应,形成了一个整体。如果你想快速上手,完整地了解各种灵活布局的适用情况,针对不同情形选择最为实用的技法,那么不必多说,拿起本书,just do it……
本书由李静、贺倩、陈平锋、梁晓琴、李凌燕、贺强、吴启文、卢祖英、苏建忠、马睿倩和翁子扬翻译。由于译者水平有限,疏漏之处在所难免,望读者批评指正。...
译者
2009年5月25日
前言
非常抱歉,我提出了一个不切实际的要求。但是,我保证,本书所包含的练习都是非常实用的,而非荒谬可笑的。因为我们接下来将要探讨的是Web设计,这不受纸张的物理限制。
尽管Web页面和纸张都可以呈现美观和令人印象深刻的设计,但是这两种方式各有利弊。成功的Web设计需要结合呈现介质的优势,其中的一个优势就是灵活性。这里所指的灵活性是广义上的,适用于各种查看情况。用户控制Web站点的经验将达到一定水平,最终会超过使用其他介质。他们开始选择(无论是自觉的还是自愿的),不考虑浏览Web页面的设备类型、屏幕和窗口的尺寸、文字以及字体的大小,也不考虑是浏览静态图像还是Flash动画。真正精明的用户甚至可以创建起自己的样式表对所浏览站点的视觉效果进行或大或小的调整。有些用户甚至不是“浏览”Web站点,取而代之的是,他们会去聆听或感受这些站点。
从狭义的角度来讲,Web媒介也是灵活的,即Web页面和内容的大小并不固定。默认情况下,可以调整Web页面的宽度和高度,以适应用户不同的文本大小和窗口宽度。这对使用div和CSS构建的Web页面和使用表格构建的Web页面而言都是一样的。
固定宽度的Web页面(由设计者设定了像素的页面)使得Web天生的灵活性无法发挥其作用。创建固定宽度的设计有一定的好处,这将在第1章介绍。但是固定宽度的替代选择会带来很多好处,而且其所适用的站点类型要远比你想象的多。
可变(或不固定)的站点是一种替代选择,该站点会根据用户窗口的大小进行调整,根据用户文本大小进行调整的弹性站点则又是另外一种替代选择。这两种设计类型都利用了Web天生的灵活性,并且,如果利用得当,将可以极大地改善用户体验—用户看到的所有页面都将与固定宽度的站点一样吸引人。
这就是本书的主要内容:为什么灵活设计是一个好东西,以及如何做好它。你或许会想,只要将这一灵活性融入Web中,那么设计灵活的或具有弹性的Web站点就是小菜一碟了。遗憾的是,事实并非如此。
尽管Web中融入了灵活性并且带来了很多好处,但是灵活的和具有弹性的Web站点依然很少。或许是因为这些网站在设计和开发阶段都有一些挑战,大多数Web设计师还不习惯。目前还没有太多直面这些挑战的通用方法,但是本书做到了。
你将学到的和不会学到的
本书旨在告诉你:
·每一种类型的灵活布局的好处。
·如何为特定的内容、设计或用户选择合适的布局类型。
·哪些视觉元素适合灵活设计,哪些应该避免。
·如何在灵活性思维的指引下构建并切割图形设计版式。
·灵活、弹性和混合布局中的(X)HTML和CSS。..
·如何让背景和内容在灵活布局容器中工作。
而你不会学到的内容是:固定宽度布局是“魔鬼”,如果你创建了一个固定宽度的布局,那么你就是一个可怕的人或是黑客—并不是因为我的编辑让我把溢出的内容给剪切掉了,而只是因为这不是真的。
“固定宽度布局与灵活布局”的争论在Web设计社区里非常激烈,本书不会明确回答何者“更好”。我和很多设计师都认为,固定宽度布局和灵活布局拥有各自的优势,并各自适合于不同类型的网站。我的网站就使用了各种类型的布局,其中包括固定宽度布局。
本书仅为该争论中未过多涉及的一方—灵活布局—提供了更多详细的信息。如果你认为灵活布局适合你的站点(我希望本书能让你更明白灵活布局何时更有效),那么本书会教你如何做好它,并且不会很麻烦。
本书的读者对象