基本信息
- 原书名：The Web designer’s idea book,volume 3:inspiration from today’s best Web design trends,themes and styles
- 原出版社： HOW
- 作者： (美)Patrick McNeil
- 译者： 石华耀
- 丛书名： 图灵交互设计丛书
- 出版社：人民邮电出版社
- ISBN：9787115340900
- 上架时间：2014-1-20
- 出版日期：2014 年2月
- 开本：24开
- 页码：282
- 版次：1-1
- 所属分类：计算机 > 图形图像、多媒体、网页制作 > 网页设计综合
【插图】
编辑推荐
网页设计的灵感从哪来？
资深网页设计师Patrick McNeil在这一系列《网页设计创意书》中将为你揭示创作的奥秘。
从众多优秀的网页中遴选了650多个示例，总结了设计一流网页所应遵守的原则。书中涵盖众多主题，包括技术、设计风格、设计元素、网站类型以及网站结构，此外，还详细介绍了各种内容管理系统，便于你选择最适合自己项目的平台。
在当前快节奏的生活中，网页设计领域的变化日新月异，你可以根据自己的业务需要，从本书展示的相应网站中寻找灵感，运用这些实用的设计原则，打造出吸引眼球、别具一格的网页。
内容简介
作译者
Patrick McNeil 网页开发工程师和设计师，致力于内容管理系统及前端网站开发，擅长将网页技术与网页设计结合起来。曾任Moosylvania Marketing公司负责交互式内容的副总裁、SimpleFlame公司网页开发高级工程师。他乐于分享，热爱写作，多次为权威网页设计杂志.net撰文，并维护个人博客designmeltdown.com。他的博客关注网页设计的发展趋势和面临的问题，并通过大量设计风格和趋势性的示例，为网页设计师提供设计灵感。
目录
《网页设计创意书.第3卷》
作者的话 001
第1章 技术 002
1.1 内容管理系统 004
1.2 排版 036
1.3 代码 052
1.4 设备 071
第2章 设计风格 090
2.1 主题设计 091
2.2 以艺术为主导的博客 096
2.3 极简主义 100
2.4 缤纷与低调的糅合 105
2.5 插画 109
2.6 以字体为主的设计 114
2.7 素描 119
2.8 19世纪 123
2.9 超清新 128
2.10 凸版印刷 133
第3章 设计元素 138
3.1 纹理 139
作者的话 001
第1章 技术 002
1.1 内容管理系统 004
1.2 排版 036
1.3 代码 052
1.4 设备 071
第2章 设计风格 090
2.1 主题设计 091
2.2 以艺术为主导的博客 096
2.3 极简主义 100
2.4 缤纷与低调的糅合 105
2.5 插画 109
2.6 以字体为主的设计 114
2.7 素描 119
2.8 19世纪 123
2.9 超清新 128
2.10 凸版印刷 133
第3章 设计元素 138
3.1 纹理 139
前言
作者的话
许多时候，在完成一个你满怀热情的大型项目时，你都会产生庆祝的冲动。这就像是装修完自己的房子，为刚刚出生的儿子做了一把木制摇椅，或是最终启动了新的宠物饲养计划时的心情那样。完成一本书时的感觉与此极为类似。每次努力写完一本新书，我都不敢相信这是真的。如我在开始工作时所设想的那样，撰写这些创意书的过程充满了乐趣。我因此有机会仔细审阅数以千计的优秀设计作品，结识许多新朋友，并最终对网页设计行业深感着迷。可以说，能够撰写这些创意书，我确实感到非常幸运。
除了无法克制的欣喜之情以外，看到这样一本创意书最终出版也是一件趣事。每推出一卷创意书，可供回首的历史就延长了不少，我愈加深切感受到，网页设计领域已有了长足的发展。每年，这个行业都会不断扩张和优化。设计质量逐年提高，优秀设计的数量逐年增多，社区意识也在逐年增强。这一切使得网络变得与众不同。每一天结束时，我们都会聚在一起，交流创意、工具和客户端。我希望，这本书能够捕捉2012年的网络热点。
我们撰写本书时面临的一个最大难题是，每出版一卷新书，有兴趣提交自己作品的设计人员就会增多。很明显，这是一件好事，但由于篇幅有限，也就意味着我不得不舍弃的作品也越来越多。也就是说，每次我都得放弃数以百计（甚至数以千计）的优秀作品。
在撰写创意书系列的过程中，数量惊人的设计人员让我受益良多。每出现一位倍受瞩目的知名艺术家，相应就会有数百位籍籍无名的设计人员，但其实他们的工作成果同样也十分令人难忘。他们中许多人根本无法成为公众关注的焦点，还有些人则不愿意成为关注焦点。我非常乐于去发掘这些躲在人们视线之外的设计人员。许多时候，我会惊喜地发现，某个我欣赏的网站的设计人员同时也是其他5个我喜爱的网站的设计人员。因此，我特别喜欢展示这些被埋没的“英雄”的作品。确实，你会发现，书中的一些作品出自一些著名的设计人员之手，但在多数情况下，本书包含的都是你以前从未见过的作品。我想，这才是我这套创意书的独特之处：它们旨在提供新鲜的创意，而不是人们熟知的那些大师作品。
许多时候，在完成一个你满怀热情的大型项目时，你都会产生庆祝的冲动。这就像是装修完自己的房子，为刚刚出生的儿子做了一把木制摇椅，或是最终启动了新的宠物饲养计划时的心情那样。完成一本书时的感觉与此极为类似。每次努力写完一本新书，我都不敢相信这是真的。如我在开始工作时所设想的那样，撰写这些创意书的过程充满了乐趣。我因此有机会仔细审阅数以千计的优秀设计作品，结识许多新朋友，并最终对网页设计行业深感着迷。可以说，能够撰写这些创意书，我确实感到非常幸运。
除了无法克制的欣喜之情以外，看到这样一本创意书最终出版也是一件趣事。每推出一卷创意书，可供回首的历史就延长了不少，我愈加深切感受到，网页设计领域已有了长足的发展。每年，这个行业都会不断扩张和优化。设计质量逐年提高，优秀设计的数量逐年增多，社区意识也在逐年增强。这一切使得网络变得与众不同。每一天结束时，我们都会聚在一起，交流创意、工具和客户端。我希望，这本书能够捕捉2012年的网络热点。
我们撰写本书时面临的一个最大难题是，每出版一卷新书，有兴趣提交自己作品的设计人员就会增多。很明显，这是一件好事，但由于篇幅有限，也就意味着我不得不舍弃的作品也越来越多。也就是说，每次我都得放弃数以百计（甚至数以千计）的优秀作品。
在撰写创意书系列的过程中，数量惊人的设计人员让我受益良多。每出现一位倍受瞩目的知名艺术家，相应就会有数百位籍籍无名的设计人员，但其实他们的工作成果同样也十分令人难忘。他们中许多人根本无法成为公众关注的焦点，还有些人则不愿意成为关注焦点。我非常乐于去发掘这些躲在人们视线之外的设计人员。许多时候，我会惊喜地发现，某个我欣赏的网站的设计人员同时也是其他5个我喜爱的网站的设计人员。因此，我特别喜欢展示这些被埋没的“英雄”的作品。确实，你会发现，书中的一些作品出自一些著名的设计人员之手，但在多数情况下，本书包含的都是你以前从未见过的作品。我想，这才是我这套创意书的独特之处：它们旨在提供新鲜的创意，而不是人们熟知的那些大师作品。
书摘
01/ 技术
许多人（包括我自己）喜欢网络的原因之一，是因为它非常完美地融合了技术与设计。虽说一直以来技术都对设计产生着影响，但我认为，当今这个时代是将多种技术结合起来，共同促使Web设计发生巨大转变的。结果就是Web设计风格、趋势和技术都发生了重大改变。
请考虑以下技术：
新设备（平板电脑、智能手机等）数量激增；
响应式设计和开发技术不断进步；
自定义字体在线应用的不断优化；
CSS3和HTML5的出现；
许多内容管理系统不断优化。
所有这些领域突然融合在一起，我们明显地看到网络的外观也在随之改变。实际上，我们每天使用网络时都会亲身体验到这种转变。Web设计领域正在经历巨变，这种巨变也催生了许多新的设计模式。我发现，这些技术之间的关系非常有趣。每一种技术都在推动Web设计领域的发展，但正是所有这些技术的融合才成为变革的催化剂——可以将其称为一次“完美风暴”。
响应式设计就是这方面的一个典型示例。响应式设计的目标是确保网站在任何情况下都能够很好地与用户的设备相适应。基本上，无论是在个人计算机、智能手机还是平板电脑上查看网站，用户都能够获得为该设备量身定制的体验。这一目标主要通过为每种布局开发专用样式表来实现。事实证明，我们可以通过CSS3在代码中应用许多视觉样式，而在以前，这些效果需要通过图像来实现。当对同一组元素应用各种样式（如阴影、圆角或渐变）时，这种做法可为我们提供诸多便利。将这种做法与在一个元素上支持多个背景等技术改进相结合，可使HTML变得简单且易于管理，从而显著降低复杂程度，并为我们通过CSS创建一个页面的多个版本提供了很大的帮助。此外，还可以通过CSS在页面中添加自定义类型。现在，我们可以方便地在页面中嵌入文本，而无需使用基于图像的文本或插件等在Flash中呈现自定义类型（sIFR①）的功能。我知道，这个过程包含多个步骤，但我想说明的是，所有这些步骤已经全部融合在一起，成为一个整体。每个步骤都推动了整个过程的发展，因此，在短期内，我们就体验到了极其显著的变化。确实，网络一直处在不断变化的过程之中，而在过去几年，它更是经历了高速的发展。
下面我们将深入研究和分析一系列技术，正是这些技术塑造了现在的网络。当然，在这个过程中，我们将分析大量精美的设计，它们演绎了上述技术的多种用法。虽然本书并不是一本技术手册，但我还是简要介绍了每个主题，以便不熟悉这些主题的读者了解相关信息。我撰写本书的最终目的，是通过分析这些精美的设计来提供启示，激发灵感。
① http://www.mikeindustries.com/blog/sifr
1.1内容管理系统
内容管理系统（简称CMS）是网络的一个重要组成部分，这种技术极大地影响了在线内容发布的成本和操作步骤。虽然这些系统已经存在了很长一段时间，但直到近些年，它们才真正受到人们的关注。
CMS使得大众用户可以管理网站上的内容，并在该网站上发布内容。每个CMS的核心都有一个用于创建页面模板的系统，系统的用户通过一个简洁的界面输入数据， 填充内容。然后，网站在网络上向用户显示时，模板和内容将进行合并，生成网站的实际输出。这意味着，内容管理将与网站结构分离， 因此建立网站后，任何人都可以在其中发布内容（例如就像博客系统WordPress所做的那样）。
CMS是一种有助于节省时间和资金的强大工具。这些系统大都提供了大量功能，比你自行构建的功能要多得多。总之，因为它们功能强大，所以现今绝大多数的网站都是基于某个CMS构建的。几年前， 客户必须支付额外的费用才能升级到CMS，而如今它却已成为一种标准功能。
CMS分为两类：托管系统和自安装系统。自安装CMS是一种可以作为软件包下载并安装到Web托管账户中的内容管理系统，托管CMS 是一种只需注册即可立即开始使用的CMS。使用托管CMS，无须安装任何软件，只要激活账户即可。
使用自托管CMS，用户可以拥有最终控制权，并且能够灵活地做出更改。你一般可以安装任意数量的扩展，或对系统进行修改，甚至可以更改系统代码。与之相反，托管系统则通常处于锁定状态，并且具有非常明确的权限限制。主机拥有全部控制权，同时也负责维护、更新和升级。两种系统都各有所长。本节中提供了这两类内容管理系统的示例。
本章后面部分列出了少量可供公众使用的CMS。我尽量介绍那些知名的CMS，但也会提及一些不太知名的系统。此外，我还介绍了一些比较小众的CMS。可以看出，CMS平台正变得越来越具针对性。
1.1.1 WordPress
许多人（包括我自己）喜欢网络的原因之一，是因为它非常完美地融合了技术与设计。虽说一直以来技术都对设计产生着影响，但我认为，当今这个时代是将多种技术结合起来，共同促使Web设计发生巨大转变的。结果就是Web设计风格、趋势和技术都发生了重大改变。
请考虑以下技术：
新设备（平板电脑、智能手机等）数量激增；
响应式设计和开发技术不断进步；
自定义字体在线应用的不断优化；
CSS3和HTML5的出现；
许多内容管理系统不断优化。
所有这些领域突然融合在一起，我们明显地看到网络的外观也在随之改变。实际上，我们每天使用网络时都会亲身体验到这种转变。Web设计领域正在经历巨变，这种巨变也催生了许多新的设计模式。我发现，这些技术之间的关系非常有趣。每一种技术都在推动Web设计领域的发展，但正是所有这些技术的融合才成为变革的催化剂——可以将其称为一次“完美风暴”。
响应式设计就是这方面的一个典型示例。响应式设计的目标是确保网站在任何情况下都能够很好地与用户的设备相适应。基本上，无论是在个人计算机、智能手机还是平板电脑上查看网站，用户都能够获得为该设备量身定制的体验。这一目标主要通过为每种布局开发专用样式表来实现。事实证明，我们可以通过CSS3在代码中应用许多视觉样式，而在以前，这些效果需要通过图像来实现。当对同一组元素应用各种样式（如阴影、圆角或渐变）时，这种做法可为我们提供诸多便利。将这种做法与在一个元素上支持多个背景等技术改进相结合，可使HTML变得简单且易于管理，从而显著降低复杂程度，并为我们通过CSS创建一个页面的多个版本提供了很大的帮助。此外，还可以通过CSS在页面中添加自定义类型。现在，我们可以方便地在页面中嵌入文本，而无需使用基于图像的文本或插件等在Flash中呈现自定义类型（sIFR①）的功能。我知道，这个过程包含多个步骤，但我想说明的是，所有这些步骤已经全部融合在一起，成为一个整体。每个步骤都推动了整个过程的发展，因此，在短期内，我们就体验到了极其显著的变化。确实，网络一直处在不断变化的过程之中，而在过去几年，它更是经历了高速的发展。
下面我们将深入研究和分析一系列技术，正是这些技术塑造了现在的网络。当然，在这个过程中，我们将分析大量精美的设计，它们演绎了上述技术的多种用法。虽然本书并不是一本技术手册，但我还是简要介绍了每个主题，以便不熟悉这些主题的读者了解相关信息。我撰写本书的最终目的，是通过分析这些精美的设计来提供启示，激发灵感。
① http://www.mikeindustries.com/blog/sifr
1.1内容管理系统
内容管理系统（简称CMS）是网络的一个重要组成部分，这种技术极大地影响了在线内容发布的成本和操作步骤。虽然这些系统已经存在了很长一段时间，但直到近些年，它们才真正受到人们的关注。
CMS使得大众用户可以管理网站上的内容，并在该网站上发布内容。每个CMS的核心都有一个用于创建页面模板的系统，系统的用户通过一个简洁的界面输入数据， 填充内容。然后，网站在网络上向用户显示时，模板和内容将进行合并，生成网站的实际输出。这意味着，内容管理将与网站结构分离， 因此建立网站后，任何人都可以在其中发布内容（例如就像博客系统WordPress所做的那样）。
CMS是一种有助于节省时间和资金的强大工具。这些系统大都提供了大量功能，比你自行构建的功能要多得多。总之，因为它们功能强大，所以现今绝大多数的网站都是基于某个CMS构建的。几年前， 客户必须支付额外的费用才能升级到CMS，而如今它却已成为一种标准功能。
CMS分为两类：托管系统和自安装系统。自安装CMS是一种可以作为软件包下载并安装到Web托管账户中的内容管理系统，托管CMS 是一种只需注册即可立即开始使用的CMS。使用托管CMS，无须安装任何软件，只要激活账户即可。
使用自托管CMS，用户可以拥有最终控制权，并且能够灵活地做出更改。你一般可以安装任意数量的扩展，或对系统进行修改，甚至可以更改系统代码。与之相反，托管系统则通常处于锁定状态，并且具有非常明确的权限限制。主机拥有全部控制权，同时也负责维护、更新和升级。两种系统都各有所长。本节中提供了这两类内容管理系统的示例。
本章后面部分列出了少量可供公众使用的CMS。我尽量介绍那些知名的CMS，但也会提及一些不太知名的系统。此外，我还介绍了一些比较小众的CMS。可以看出，CMS平台正变得越来越具针对性。
1.1.1 WordPress
