11 本基本的网页设计书籍

博客文章、杂志和在线课程是学习网页设计的绝佳资源。 事实上，当大多数人想要填补他们的知识空白或复习某些东西时，他们可能是第一个去的地方。 但书籍是一种非常适合深入基础研究的媒介。 他们的作者比一篇文章甚至系列文章有更多的时间和空间来介绍基本思想并以系统的方式构建它们。 正因为如此，设计师（经验丰富的老手和新手）总是需要阅读网页设计书籍。

订阅我们的 YouTube 频道

11本可以借用或购买的网页设计书籍

这些书涵盖了各种网页设计主题，从设计理论和可访问性到 CSS 和 JavaScript。 网页设计涉及各种子技能，因此最适合您的一本书（或多本书）将专注于您最感兴趣的领域。让我们深入研究！

注意：定价是撰写本文时成本最低的版本，四舍五入到最接近的美元。

学习网页设计：HTML、CSS、JavaScript 和网页图形初学者指南，Jennifer Robbins

如果您要从任何一本书开始，请从这里开始。 罗宾斯的指南有五个主要部分、25 个章节和无数个子章节。 你会加入并最终成为一名网页设计专家——或者至少是一个非常精通的初学者。 您不需要任何经验，并且在整个测试中进行测验，实际上，您可以学习关键概念。 即使你对网页设计知道一两件事，这本书仍然值得——它可能会教你一些你忘记或从未学过的东西。

值得注意的章节包括：

• 它需要一个村庄（网站创建角色）
• 网页剖析
• 对速度的需求（网站性能）
• 当好页面变坏时
• 下划线和其他“装饰”

价格： $12 出租 | 更多信息

Jason Beaird、Alex Walker 和 James George 的精美网页设计原则

本书不仅会告诉您如何创建网页或向其中添加元素，还会告诉您如何在开始工作之前选择您的设计。 例如，要选择调色板，您将学习色彩理论； 以合法方式选择字体和采购图像也是如此。 当然，您还将发现如何应用所涵盖的策略，特别感谢示例项目，因此您可以立即开始练习。

值得注意的章节包括：

• 定义好的设计
• 色彩理论101
• 建筑纹理：复古、图案、磨损和怀旧风格
• 选择正确的字体
• 合法图片来源

价格： $17 出租 | 更多信息

UX 设计 2020：Theo Farrington 的终极初学者用户体验指南

虽然本书有一小部分专门用于作为专业的用户体验 (UX) 设计师工作，但它更倾向于教授网页设计师有关 UX 设计的知识。 是的，具有高质量用户体验设计的网站更易于访问者使用。 不过，它不仅限于此——它还可以改善用户的生活。

想一想：有人上网从当地医院查找信息。 考虑到用户体验，该网站将易于浏览，并提供相关信息。 用户将确切知道如何找到医生或最近的医院分支机构的位置； 他们甚至可以要求预约。 该网站不仅易于浏览，而且快速浏览它可能意味着在某人处于医疗危机中时帮助他们。

值得注意的章节包括：

• 什么是用户体验？ （界面、产品、内容、服务和空间）
• 用户体验设计的 7 条黄金法则
• 您的视角与用户视角
• 人类行为和动机
• UX设计师做什么？

价格： 10 美元 | 更多信息

用户体验法则：Jon Yablonski 用心理学设计更好的产品和服务

本书首先解释了心理学和设计的不同法则和原则，从而帮助网页设计师改进他们的用户体验。 总的来说，它回答了以“为什么用户在……时会以某种方式做出反应”开头的许多问题，虽然理解心理学听起来不像是一种设计技能，但它确实是。 你的目标是吸引用户，这意味着像他们一样思考并在他们做之前知道他们将如何表现。

值得注意的章节包括：

• 雅各布定律（设计一个与您的受众熟悉的其他网站相似的网站）
• 峰终规则（小变化有大影响）
• 美学-可用性效应（用户如何在可用性方面感知美观的设计）
• Doherty 阈值（计算机和用户应该快速交互）
• 在设计中应用心理学原理

价格： 27 美元 | 更多信息

Web Design Playground: HTML + CSS the Interactive Way by Paul McFedries

虽然本书的重点是 HTML 和 CSS，但顾名思义，它对各种 Web 设计元素进行了广泛的研究。 尽管您确实需要精通技术，或者至少需要对精通技术感兴趣，但它面向需要介绍该主题的初学者。 这些项目是可操作的，而不仅仅是信息丰富，所以一旦你完成了这本书，你就可以拥有一个主页、登录页面、投资组合页面和画廊。 此外，本书还附有一个实际的交互式网页设计游乐场，您可以用它来测试您的代码。

值得注意的章节包括：

• 浮动和定位元素
• 创建登陆页面
• 使您的图像和地形具有响应性
• 为您的网页设计添加一抹色彩
• 创建投资组合页面

价格： 34 美元 | 更多信息

网页设计基础：Terry Felke-Morris 的 HTML 和 CSS

从技术上讲，《网页设计基础》是一本学生教科书，它的突出之处还在于它讨论了 HTML 和 CSS 策略，但也涉及软技能，例如为您的网站选择颜色和为您的目标受众设计。

值得注意的章节包括：

• 在网页的引擎盖下
• 练习结构元素
• 您的目标受众
• 网站组织
• 选择一个虚拟主机

说实话，那些章节的例子甚至没有涵盖它的一半。 例如，这本书中有一个部分叫做响应式布局基础知识，它下面有近 20 个子主题。 这些子主题包括 CSS 灵活框布局、CSS 网格布局和带有媒体查询的响应式网格布局。 重点？ 您可以深入了解各种 HTML 和 CSS 主题的细节。 是的，这本书仍然被认为是对该领域的介绍，但它是一个非常透彻和深思熟虑的介绍。

价格： $63 出租 | 更多信息

CSS in Depth 作者：Keith J. Grant

这本书塞了很多东西。 但是，即使您不想精通 CSS 的每个领域，如果您想深入研究几个子主题，它也会很有用。 例如，也许你更关心排版而不是动画——跳过你不关心的章节，深入研究你关心的章节。

如果您确实想成为您所知道的最大的 CSS 专家，您会喜欢 Grant 提供的最佳实践和聪明的例子。 阅读本文后，您的设计直觉和技术技能都会得到提高。 还有一个好处：如果你也在设计一个移动应用程序，它会有所帮助。

值得注意的章节包括：

• 理解漂浮物
• 响应式设计
• 模式库
• 背景、阴影和混合模式
• 对比度、颜色和空间

价格： 42 美元 | 更多信息

CSS Secrets: Better Solutions to Everyday Web Design Problem by Lea Verou

这是另一本以 CSS 为重点的书，涵盖了许多与 Grant 相同的主题。 但是，您可能会发现它更深入地体现了特定的美学，如果您有特定的元素需要处理，这可能会使其更适合您。 例如，“地形”部分包含“连字符”、“斑马条纹文本行”和“圆形文本”等子部分。

值得注意的章节包括：

• 网络标准：朋友还是敌人？
• 逼真的文字效果
• 选择正确的光标
• 调整表格列宽
• 逐帧动画

价格： $9 出租 | 更多信息

数字世界的包容性设计：Regine M. Gilbert 着眼于无障碍设计

缩小目标受众范围是一项值得的追求，但您不想因为网站无法访问而排除其中的一部分（即使是意外）。 在数字世界的包容性设计中，您将学习如何让需要解决方案的人可以访问您的网站（以及其他技术产品，如移动应用程序）。 这本书的描述说得最好：“想想每一个可能使用你的产品的潜在用户。 他们可能有视力障碍吗？ 运动技能有限？ 耳聋或听力困难？ 本书解决了残疾人面临的大量网络可访问性问题。”

值得注意的章节包括：

• 残疾的医学/社会模型
• 什么是辅助技术？
• 创造包容性/无障碍文化
• 使用虚拟现实技术
• 人工智能和可访问性

价格： $9 出租 | 更多信息

网页设计：1990 年数字世界的演变——今天，Rob Ford

对于网页设计爱好者或技术负责人来说，这本书是一段回忆之路——即使你还没有经历过互联网的曙光。 这本视觉历史书将带您了解与互联网相关的几乎所有内容，从拖放导航和视频集成到病毒式网站和移动网站。 此外，这些有史以来第一个网站和元素的创建者也提供了一些见解。 了解先驱者的想法，以及技术是如何开始的，以便它可以发展成为我们今天所知的现代网站。

值得注意的章节包括：

• 2000 年：网络活跃起来
• 2004 年：原始病毒网站年
• 2007 年：全屏视频到来之年——与 iPhone 一起
• 2014 年：移动浏览器与台式机一样强大的一年
• 2017 年：网络从网络演变而来的一年

价格： 31 美元 | 更多信息

荣誉奖：像艺术家一样偷窃，奥斯汀·克莱恩 (Austin Kleon)

这绝对是这份名单上最古老的书，出版于 2012 年，但我们不可能将它排除在外。 像艺术家一样偷窃：没有人告诉过你关于创造性的 10 件事并不是一本简单的网页设计书，你可能会说。 但是，对于任何和所有创意人员，包括网页设计师（专业人士或业余爱好者）而言，它都是必读的。 它会让你的艺术齿轮转动，一口大小的交付（轶事、模因、引言……）让你很容易快速地读完这本书，这样你就可以利用所有新的动力。

值得注意的章节包括：

• 不要等到你知道你是谁才开始
• 秘诀：做好工作并与人分享
• 善待：世界是一个小镇
• 无聊：这是完成工作的唯一途径
• 创意就是减法

价格： 8 美元 | 更多信息

如何选择网页设计书籍

有一种选择要阅读哪些网页设计书籍的方法，我们将要分享的许多技巧都遵循了上面的列表。 如果您要参考其他“最佳”图书列表，请记住以下几点：

选择最近出版日期的书籍

即使一本书承诺对您感兴趣的主题进行深入研究，如果这本书是几年前出版的，也不值得付出努力。 对于这个列表，我们坚持使用 2018 年或之后出版的书籍。 我们觉得网页设计策略变化太频繁，以至于无法发布任何比可靠相关的内容更远的内容。 过时的书籍将包含现在无关紧要的统计数据、想法和图像，以及不再有效的链接。

注意布局和可读性

网页设计专业人士应该了解一两件事，比如展示和可读性等细节。 如果你正在考虑的书有奇怪的布局问题，比如空白页或不稳定的表格，它应该引发危险信号。 此外，如果措辞难以阅读，请重新考虑这本书——网页设计的一部分是连贯性，作者应该能够清楚地沟通。

确定主题是否被彻底覆盖

您选择的网页设计书籍应该深入研究该主题，而不是略读表面。 如果您只想对某个主题进行粗略的概述，则可以查找“初学者指南”博客文章。

在你读完这本书之前很难弄清楚这一点，但浏览章节列表是一个好的开始。 看看主题是否进入主题的子和子主题，而不是坚持有限的信息。 此外，如果某些章节或子章节听起来像是涵盖了相同的想法，这可能表明作者没有进行足够的研究来填满整本书。

对重新包装为书籍的博客文章说“不”

“写”一本书的一种常见方法是将一系列关于某个主题的博客文章变成一本书。 并不是这种类型的书不值得，只是你不应该为已经免费的信息付费。 许多网页设计专业人士可以从他们的网站免费下载此类产品，可能会换取您的电子邮件地址。 当涉及到您真正花钱购买的书籍时，请寻找那些仅包含您在作者网站上找不到的新信息的书籍。

关于网页设计书籍的最终想法

没有一本书会教你所有你需要知道的关于网页设计的知识。 即使您有时间阅读此列表中的每个条目，您仍然无法 100% 了解那里的信息——这是一个不可能设定的目标。 网页设计的世界是广阔、复杂和不断变化的。 但是，无论是现在还是将来，寻找解决您最感兴趣的主题的网页设计书籍将使您处于行业领先地位，而不是淹没在知识中。

潜入网页设计书籍世界的最后一个提示：从一本开始，而不是一次用几本让自己不知所措。 你永远不会读完世界上所有的网页设计书籍，所以更明智的方法是阅读一本，从中学习尽可能多的知识，将你所能应用到你的网站，然后继续阅读下一本。

精选图片来自 [艺术家姓名]/shutterstock.com