认识安迪·克拉克（Andy Clarke）的新书“网络艺术指导”

Web 上的页面与打印页面不同。 当我们放弃固定宽度的布局并接受网络固有的灵活性和响应能力时，我们中的许多人都明白了这一点。 阅读摘录章节。

CSS Grid、Flexbox 和 Shapes 等现代 Web 技术使我们能够实现打印中通常与众不同的设计，并且 Web 现在充满了关于如何使用它们的教程。 但最重要的问题不是“如何”我们可以使用艺术指导技术来改进我们的网页设计，而是“何时”和“为什么”。

这就是安迪·克拉克写他的新书《网络艺术指导》的原因。 这本书讲述了为什么艺术指导很重要，以及如何通过艺术指导跨设备和平台的引人入胜且有效的体验。

安迪探索了一些最有影响力的艺术总监的作品，如 Alexey Brodovitch、Bea Feitler 和 Neville Brody 等名人。 他不鼓励我们仅仅模仿以前时代和媒介的作品，而是要了解他们的想法并学习如何将这些知识应用于网络艺术指导。

安迪写道，

“你不必去艺术学校学习和应用我教给你的原则。 就像艺术指导本身一样，它们是每个人——无论你的背景和当前的专业领域——每天都可以用来提高产品或网站设计的有效性的东西。”

Andy 的目标是让人们了解艺术指导对网络的重要性，并解释艺术指导如何帮助人们通过设计讲述故事。 这样，产品和网站将与观众建立联系，并设法让他们保持参与。 在对艺术指导方法进行彻底调查后，Andy 教授如何通过使用现代 CSS 拥抱网络来完成它。

网络艺术指导将帮助您使您的网站在沟通、说服和销售方面更加有效。 如果您开发产品，这本书将使它们更引人注目，使用起来更愉快。 阅读摘录章节 →

目录

第 1 部分：解释艺术指导

• 艺术指导意味着什么
  询问艺术指导对开发人员意味着什么，他们可能会回答：使用 HTML 中的<picture>元素或sizes属性来制作响应式图像； 在各种屏幕尺寸下呈现替代作物、方向或尺寸。 但还有更多。
• 一百年艺术指导
  布拉德利、布罗多维奇、布罗迪和费特勒——加在一起，他们的名字听起来像是广告公司时代的广告公司。 在本章中，我们将看看他们从 1930 年代到 1980 年代的标志性作品。
• 艺术指导经验
  无论我们是写事实还是虚构，销售还是制造产品，让人们参与、创造欲望、让他们快乐并鼓励他们保持这种状态的方式都是创造叙事。 那么我们在这样做的时候需要考虑什么呢？
• 艺术指导和创意团队
  让我们看看我们如何拥抱协作并组建遵循围绕共同目标建立的战略的团队。

第 2 部分：艺术指导设计

• 设计原则
  几代人在其他媒体中指导设计的原则与数字产品和网站的世界是否相关？ 当然！ 在本章中，我们将探讨对称、不对称、比率和比例的原理。
• 引导网格
  网格在设计方面有着悠久而多样的历史，从最早的书籍，到像建构主义这样的运动，再到如今在 Bootstrap 和材料设计等框架中流行的网格。 本章解释网格结构和术语以及如何使用模块化和复合网格。
• 导演类型
  空白、排版比例和字体的创造性使用是本章的重点。
• 导演图片
  图像以及我们如何展示它们对人们如何看待我们的设计有着巨大的影响，无论是在商业或编辑网站上，还是在产品内部。 在本章中，您将学习如何定位和排列图像以引导眼睛。

第 3 部分：艺术指导发展

• 使用 CSS 网格开发布局
  CSS Grid 加上深思熟虑的艺术指导内容为我们提供了最好的机会，让我们能够更好地与我们的受众交流。 在本章中，安迪解释了最适合艺术指导的属性和技术。
• 使用 Flexbox 开发组件
  虽然 Grid 非常适合实现艺术导向的布局，但 Flexbox 通常更适合开发分子和有机体，例如导航链接、图像、标题、搜索输入和按钮。 本章探讨如何使用它。
• 发展排版
  从多列布局和带有书写模式的排版到文本方向和装饰排版，本章深入探讨了字体的代码方面。
• 用图像开发
  你如何让你的艺术指导图像适应用户的视口？ CSS 形状和路径为您的设计提供了什么？ 让我们在最后一章中找出答案。

粉碎电视网络研讨会

为配合本书，Andy 还在 Smashing TV 上举办了一系列网络研讨会。 Smashing Membership 可以免费参加网络研讨会，每月只需几杯咖啡（随时取消）。

关于作者

Andy Clarke 是一位著名的设计师、设计顾问和导师。 自从他开始在网络上工作以来，他被称为很多东西。 他的自我喜欢诸如“CSS 大使”、“行业先知”和“鼓舞人心”之类的术语，但他最自豪的是 Jeffrey Zeldman 曾称他为“三才多艺的混蛋”。

1998 年，Andy 与妻子 Sue 共同创立了 Stuff & Nonsense。他们通过提供咨询和设计专业知识帮助世界各地的公司改进设计。

Andy 撰写了几本关于网站设计和开发的流行书籍，包括Hardboiled Web Design: Fifth Anniversary Edition 、 Hardboiled Web Design和Transcending CSS: The Fine Art Of Web Design 。 他是一位受欢迎的演讲者，在世界各地发表关于艺术指导和设计相关主题的演讲。

感言

我们的目标是使这本书尽可能地鼓舞人心、实用和有用，我们很荣幸能够得到如此积极的评价。

“通过‘网络艺术指导’，安迪提供了一个利用网络潜力的框架。 通过历史背景和现实生活中的例子，安迪激励我们每个人对我们做出的选择更有目的性。 并且忠实于形式，他通过演示和实践知识来跟进所有灵感，让我们的想法在网上体现出来。”

——Trent Walton，Paravel Inc. 的联合创始人。

为什么这本书适合你

这本书的内容基于安迪二十年与客户合作的经验，以及他采访的艺术总监和设计师的专业知识。 你会学到：

1. 艺术指导意味着什么，为什么重要，谁可以做到。
2. 如何为数字产品和网站进行艺术指导。
3. 如何提高转化率并使客户的旅程栩栩如生。
4. 如何通过连接营销、产品设计和网站的接触点来维护品牌价值和设计原则。
5. 如何以更具想象力的方式使用艺术指导原则，例如布局、排版、比例、比例和网格，来更好地传达你想要做的事情。
6. 如何使用最新的 HTML 和 CSS在任何平台上实现您的设计。
7. …另外，我们将从100 年的媒体和印刷出版中探索杰出的设计，以获得一些额外的艺术指导灵感。

技术细节

• 344页， 14 × 21厘米（ 5.5 × 8.25英寸）
• 国际标准书号： 978-3-945749-76-0 （印刷版）
• 带有缝合装订和丝带页面标记的优质精装本。
• 该电子书有 PDF、ePUB 和 Amazon Kindle 版本。
• 来自德国的全球免费航空邮寄服务。 4月中旬开始。 （见交货时间。）
• 提供印刷品、优质精装书和电子书。