前 言
响应式Web图形设计
曾经,传统设计师在Photoshop中设计网页,并将其导出为一张巨大的图像,并声称这就是网站。
但设计师在意识到可以使用HTML和CSS设计出伟大的网页后,他们开始改变设计方式,但又遇到了新的问题:网页至少要960像素宽或固定宽度。
随着智能手机和平板电脑等移动设备的普及,网页既可以横向,也可以纵向显示。设计不再以桌面浏览器窗口的宽度为标准。为此,我们重新审视最佳实践并且采用新技术。 本书想要告诉初学者或已入门的网页设计师如何创建并强化网页中的图形部分,来满足当前的网站和移动标准。
在一个漂亮的网站中,所有这些工作一个人就能完成。亲爱的读者,你也可以。 本书提供了在开发环境下关于HTML和CSS的基础知识。为了帮助你掌握技术和技巧,我们将逐章深入地介绍更加先进或者独一无二的设计解决方案。
目 录
第1章 了解HTML
1.1 为什么要学习HTML?
1.2 HTML编程基础
1.3 构建网页
1.4 布置页面内容
1.5 总结
第2章 使用CSS设置样式
第3章 网页排版
第4章 网页设计中的挑战
第5章 网页中的颜色
第6章 网站图像
第7章 为网页创建图像
7.1 使用Illustrator
7.2 使用Photoshop
7.3 管理Web图像文件
7.4 减小文件尺寸
7.5 总结
第8章 透明度和阴影
第9章 收藏夹图标和移动书签
第10章 列表和图标字体
第11章 图像映射
第12章 页面布局
第13章 响应Web设计中的图像
13.1 缩放图像和媒体
13.2 缩放图像带来的问题
13.3 自适应图像解决方案
13.4 多图像解决方案
13.5 总结
第14章 对齐图像