認識安迪·克拉克(Andy Clarke)的新書“網絡藝術指導”

已發表: 2022-03-10
快速總結 ↬ 100 多年來,藝術指導一直是廣告和平面設計的一部分,但在網絡上,藝術指導很少見,關於它的有意義的對話也很少。 Andy Clarke 的網絡藝術指導改變了這一點,並解釋了藝術指導、它的含義、它為什麼重要以及誰能做到。 立即跳轉到目錄或預訂這本書。

Web 上的頁面與打印頁面不同。 當我們放棄固定寬度的佈局並接受網絡固有的靈活性和響應能力時,我們中的許多人都明白了這一點。 閱讀摘錄章節。

CSS Grid、Flexbox 和 Shapes 等現代 Web 技術使我們能夠實現打印中通常與眾不同的設計,並且 Web 現在充滿了關於如何使用它們的教程。 但最重要的問題不是“如何”我們可以使用藝術指導技術來改進我們的網頁設計,而是“何時”和“為什麼”。

一本放在木地板上的精裝書,名為“網絡藝術指導”

電子書

19 美元獲取電子書

PDF、ePUB、Kindle。
粉碎會員免費。

精裝

39 美元獲取印刷品(包括電子書)

印刷,質量精裝。
4 月中旬開始發貨。

這就是安迪·克拉克寫他的新書《網絡藝術指導》的原因。 這本書講述了為什麼藝術指導很重要,以及如何通過藝術指導跨設備和平台的引人入勝且有效的體驗。

安迪探索了一些最有影響力的藝術總監的作品,如 Alexey Brodovitch、Bea Feitler 和 Neville Brody 等名人。 他不鼓勵我們僅僅模仿以前時代和媒介的作品,而是要了解他們的想法並學習如何將這些知識應用於網絡藝術指導。

安迪寫道,

“你不必去藝術學校學習和應用我教給你的原則。 就像藝術指導本身一樣,它們是每個人——無論你的背景和當前的專業領域——每天都可以用來提高產品或網站設計的有效性的東西。”

Andy 的目標是讓人們了解藝術指導對網絡的重要性,並解釋藝術指導如何幫助人們通過設計講述故事。 這樣,產品和網站將與觀眾建立聯繫,並設法讓他們保持參與。 在對藝術指導方法進行徹底調查後,Andy 教授如何通過使用現代 CSS 擁抱網絡來完成它。

網絡藝術指導將幫助您使您的網站在溝通、說服和銷售方面更加有效。 如果您開發產品,這本書將使它們更引人注目,使用起來更愉快。 閱讀摘錄章節 →

一本在淺藍色背景上打開的精裝書,打開了兩頁顯示目錄

目錄

第 1 部分:解釋藝術指導

  • 藝術指導意味著什麼
    詢問藝術指導對開發人員意味著什麼,他們可能會回答:使用 HTML 中的<picture>元素或sizes屬性來製作響應式圖像; 在各種屏幕尺寸下呈現替代作物、方向或尺寸。 但還有更多。
  • 一百年藝術指導
    布拉德利、布羅多維奇、布羅迪和費特勒——加在一起,他們的名字聽起來像是廣告公司時代的廣告公司。 在本章中,我們將看看他們從 1930 年代到 1980 年代的標誌性作品。
  • 藝術指導經驗
    無論我們是寫事實還是虛構,銷售還是製造產品,讓人們參與、創造慾望、讓他們快樂並鼓勵他們保持這種狀態的方式都是創造敘事。 那麼我們在這樣做的時候需要考慮什麼呢?
  • 藝術指導和創意團隊
    讓我們看看我們如何擁抱協作並組建遵循圍繞共同目標建立的戰略的團隊。
一本在淺藍色背景上打開的精裝書,打開了兩頁,展示了 1930 年代的一些藝術品示例,作者 Alexey Brodovitch

第 2 部分:藝術指導設計

  • 設計原則
    幾代人在其他媒體中指導設計的原則與數字產品和網站的世界是否相關? 當然! 在本章中,我們將探討對稱、不對稱、比率和比例的原理。
  • 引導網格
    網格在設計方面有著悠久而多樣的歷史,從最早的書籍,到像建構主義這樣的運動,再到如今在 Bootstrap 和材料設計等框架中流行的網格。 本章解釋網格結構和術語以及如何使用模塊化和復合網格。
  • 導演類型
    空白、排版比例和字體的創造性使用是本章的重點。
  • 導演圖片
    圖像以及我們如何展示它們對人們如何看待我們的設計有著巨大的影響,無論是在商業或編輯網站上,還是在產品內部。 在本章中,您將學習如何定位和排列圖像以引導眼睛。

第 3 部分:藝術指導發展

  • 使用 CSS 網格開發佈局
    CSS Grid 加上深思熟慮的藝術指導內容為我們提供了最好的機會,讓我們能夠更好地與我們的受眾交流。 在本章中,安迪解釋了最適合藝術指導的屬性和技術。
  • 使用 Flexbox 開發組件
    雖然 Grid 非常適合實現藝術導向的佈局,但 Flexbox 通常更適合開發分子和有機體,例如導航鏈接、圖像、標題、搜索輸入和按鈕。 本章探討如何使用它。
  • 發展排版
    從多列佈局和帶有書寫模式的排版到文本方向和裝飾排版,本章深入探討了字體的代碼方面。
  • 用圖像開發
    你如何讓你的藝術指導圖像適應用戶的視口? CSS 形狀和路徑為您的設計提供了什麼? 讓我們在最後一章中找出答案。
一本在淺藍色背景上打開的精裝書,打開了兩頁,展示了邦德會議和中等會員資格的一些藝術品示例

粉碎電視網絡研討會

為配合本書,Andy 還在 Smashing TV 上舉辦了一系列網絡研討會。 Smashing Membership 可以免費參加網絡研討會,每月只需幾杯咖啡(隨時取消)。

Andy Clarke 正在舉辦一個關於藝術指導的網絡研討會。

關於作者

Andy Clarke 是一位著名的設計師、設計顧問和導師。 自從他開始在網絡上工作以來,他被稱為很多東西。 他的自我喜歡諸如“CSS 大使”、“行業先知”和“鼓舞人心”之類的術語,但他最自豪的是 Jeffrey Zeldman 曾稱他為“三才多藝的混蛋”。

1998 年,Andy 與妻子 Sue 共同創立了 Stuff & Nonsense。他們通過提供諮詢和設計專業知識幫助世界各地的公司改進設計。

Andy 撰寫了幾本關於網站設計和開發的流行書籍,包括Hardboiled Web Design: Fifth Anniversary EditionHardboiled Web DesignTranscending CSS: The Fine Art Of Web Design 。 他是一位受歡迎的演講者,在世界各地發表關於藝術指導和設計相關主題的演講。

感言

我們的目標是使這本書盡可能地鼓舞人心、實用和有用,我們很榮幸能夠得到如此積極的評價。

“通過‘網絡藝術指導’,安迪提供了一個利用網絡潛力的框架。 通過歷史背景和現實生活中的例子,安迪激勵我們每個人對我們做出的選擇更有目的性。 並且忠實於形式,他通過演示和實踐知識來跟進所有靈感,讓我們的想法在網上體現出來。”

——Trent Walton,Paravel Inc. 的聯合創始人。

為什麼這本書適合你

這本書的內容基於安迪二十年與客戶合作的經驗,以及他採訪的藝術總監和設計師的專業知識。 你會學到

  1. 藝術指導意味著什麼,為什麼重要,誰可以做到。
  2. 如何為數字產品和網站進行藝術指導
  3. 如何提高轉化率並使客戶的旅程栩栩如生。
  4. 如何通過連接營銷、產品設計和網站的接觸點來維護品牌價值和設計原則。
  5. 如何以更具想像力的方式使用藝術指導原則,例如佈局、排版、比例、比例和網格,來更好地傳達你想要做的事情。
  6. 如何使用最新的 HTML 和 CSS在任何平台上實現您的設計
  7. …另外,我們將從100 年的媒體和印刷出版中探索傑出的設計,以獲得一些額外的藝術指導靈感。
一本放在木地板上的精裝書,名為“網絡藝術指導”
安迪的新書探討了 100 年來的藝術方向,以及我們如何利用這些知識和最新的網絡技術來創造更好的數字產品。

電子書

19 美元獲取電子書

PDF、ePUB、Kindle。 粉碎會員免費。

精裝

39 美元獲取印刷品(包括電子書)

印刷,質量精裝。
4 月中旬開始發貨。

技術細節

  • 344頁, 14 × 21厘米( 5.5 × 8.25英寸)
  • 國際標準書號: 978-3-945749-76-0 (印刷版)
  • 帶有縫合裝訂和絲帶頁面標記的優質精裝本。
  • 電子書有 PDF、ePUB 和 Amazon Kindle 版本。
  • 來自德國的全球免費航空郵寄服務。 4月中旬開始。 (見交貨時間。)
  • 提供印刷品、優質精裝書和電子書。