Это здесь! Встречайте «Art Direction For The Web», новую потрясающую книгу

В отличие от мира печатного дизайна, наш творческий процесс часто ограничивался тем, что возможно с нашими ограниченными инструментами. Это также усложняется уникальными проблемами проектирования для Интернета, такими как обеспечение того, чтобы наши сайты хорошо подходили для различных устройств и браузеров.

Сеть, конечно же, не печатная, и мы не можем брать концепции из твердой печати и слепо применять их к гибкой сети. Тем не менее, мы можем изучить ранее неизведанную территорию макета, обработки шрифта и композиции , которую дизайнеры печати умело и скрупулезно завоевали, и изучить, какие уроки из печати мы могли бы привнести в наш веб-опыт сегодня.

Мы можем сделать это, взглянув на свою работу через призму художественного направления , стратегии для достижения более убедительных, очаровательных и увлекательных впечатлений. С появлением передовых технологий, таких как Flexbox, CSS Grid и Shapes, наши творческие оковы могут быть сняты. Пришло время изучить, что это на самом деле означает.

Скачать образец : PDF, ePUB, Amazon Kindle.

О книге

Art Direction For The Web существует, потому что мы хотели изучить, как мы можем вырваться из бездушного, общего опыта в Интернете. Это не книга о тенденциях, не о шаблонах проектирования или «готовых к использованию» решениях для вашей работы. Нет, речь идет об оригинальных композициях, неожиданных макетах и ​​критическом дизайнерском мышлении . Речь идет о том, как максимально использовать технические возможности, которые у нас есть сегодня, чтобы создать что-то выдающееся.

Это книга для дизайнеров и фронтенд-разработчиков ; книга, которая должна заставить вас думать , исследовать и преодолевать границы и условности, пробовать что-то новое, сохраняя при этом доступность и удобство использования в приоритете.

Чтобы достичь этого, в книге применяется концепция художественного направления — основной элемент печатного дизайна на протяжении более ста лет — для изучения нового подхода к дизайну для Интернета, начиная с истории, которую вы хотите рассказать своим дизайном, и заканчивая законченным дизайном. продукт, который идеально подходит для вашего бренда.

Конечно, электронная книга бесплатна для участников Smashing Members, и участники также экономят на обычной цене.

Автор Энди Кларк. Отзыв от Рэйчел Эндрю. Предисловие Трента Уолтона. Опубликовано в апреле 2019 года.

Скачать образец : PDF, ePUB, Amazon Kindle.

Технические подробности

• 344 страницы, 14 × 21 см ( 5,5 × 8,25 дюйма)
  ISBN: 978-3-945749-76-0 (печать)
• Твердый переплет с качественной печатью, прошитый переплёт и ленточный маркер.
• Бесплатная доставка авиапочтой по всему миру из Германии.
• Вы можете проверить время доставки вашей книги.
• Электронная книга доступна в форматах PDF, ePUB, Amazon Kindle.
• Доставка сейчас в печатном виде, качественная книга в твердом переплете и электронная книга.

Оглавление

Возможности художественного оформления в Интернете выходят далеко за рамки адаптивных изображений. В книге рассказывается, как создавать художественные впечатления с помощью современных интерфейсных технологий.

В своей книге Энди показывает важность и эффективность дизайна, который усиливает сообщение своего содержания, как использовать элементы дизайна для эффективной передачи сообщения и пробуждения эмоций , и как использовать самые современные веб-технологии, чтобы сделать веб-сайты с прекрасным художественным оформлением привлекательными. реальность. Это выходит за рамки теории, чтобы научить вас методам, которые вы можете использовать каждый день и которые изменят ваш подход к веб-дизайну.

Книга проиллюстрирована примерами классического художественного направления из рекламы и журналов от новаторских арт-директоров, таких как Алексей Бродович, Беа Фейтлер и Невилл Броди. В нем также представлены современные примеры художественного направления в Интернете с таких сайтов, как ProPublica , а также вызывающий воспоминания вымышленный бренд, демонстрирующий изучаемые принципы.

Часть 1, «Объяснение художественного направления»

Художественное направление для Интернета начинается с представления концепции художественного направления, его истории и того, как оно так же актуально для современного веб-дизайна, как и в других медиа. В части 1, «Объяснение художественного направления», Энди показывает вам, как начать думать обо всех аспектах вашего дизайна через призму художественного руководства.

Вы узнаете, как дизайн может вызывать эмоции , влиять на наше подсознательное восприятие того, что мы читаем, и оставлять на нас неизгладимое впечатление . Вы также узнаете историю художественного направления, начиная с самых ранних примеров в качестве центрального компонента дизайна журнала и показывая, как основные философии художественного направления сохраняются в невероятном диапазоне визуальных стилей и гарантируют, что дизайн всегда соответствует содержанию. .

Поскольку художественное руководство часто связано с тем, чтобы визуальный дизайн соответствовал повествованию вашего контента, этот раздел также даст вам практические навыки для определения историй, стоящих за вашими проектами , даже если их трудно раскрыть.

Наконец, эта часть научит вас тому, что художественное руководство — это процесс, в который мы все можем быть вовлечены, независимо от нашей роли в наших проектах. Сильные ценности бренда, передаваемые через кодифицированные принципы, гарантируют, что все в вашей команде говорят одним голосом, чтобы усилить обмен сообщениями вашего бренда с помощью художественного руководства.

Часть 2, «Дизайн для художественного руководства»

В части 2 «Дизайн для художественного руководства» рассказывается, как использовать элементы дизайна и макет для достижения визуальных эффектов, дополняющих ваш контент. Вы изучите принципы дизайна, такие как баланс, симметрия, контраст и масштаб, которые помогут вам понять основы дизайна, на которых основано художественное направление. Вы также узнаете, как создавать интересные и уникальные макеты, используя передовые системы сеток с неравномерными столбцами , составными сетками и сетками с накоплением, а также модульными сетками.

В этой книге также рассказывается , как творчески использовать типографику для создания голоса, которым будет говорить ваш бренд. В дополнение к изучению того, как создать читаемый и привлекательный основной текст, в этом разделе также исследуется, как быть по-настоящему выразительным с помощью шрифта, чтобы сделать красивые заголовки, абзацы, буквицы, кавычки и цифры.

Вы также узнаете, как в полной мере использовать изображения в своих проектах — даже при изменении размеров страницы — для создания впечатляющих дизайнов, которые привлекут внимание к вашему контенту и заинтересуют ваших читателей.

Часть 3, «Разработка для художественного руководства»

Заключительная часть Art Direction для Интернета, «Разработка для Art Direction», научит вас новейшим инструментам веб-дизайна, которые раскрепощают ваш творческий потенциал и помогут вам начать применять то, что вы узнали, в своих собственных проектах.

Вы узнаете, как использовать CSS Grid для создания интересных адаптивных макетов и как Flexbox можно использовать для разработки элементов, которые оборачивают, масштабируют и деформируют в соответствии с их контейнерами.

В этой третьей части также будет рассмотрено, как использовать столбцы CSS , преобразования и сетку CSS для создания красивой типографики. Вы также узнаете, как единицы области просмотра, background-size , object-position и формы CSS могут создавать привлекательные изображения, адаптированные для каждого устройства или ширины окна.

На протяжении всей книги Энди продемонстрировал , как художественное руководство может быть применено к любому дизайн-проекту , независимо от того, разрабатываете ли вы дизайн для журнала, витрины магазина или цифрового продукта.

Отзывы

«В Интернете художественное руководство было отложено. «Среда не предназначена для этого», — сказали мы. Мы говорили себе, что экраны и браузеры слишком ненадежны, страницы слишком изменчивы, производственные графики слишком безжалостны, чтобы мы могли дать нашим читателям и пользователям тот вдумчивый художественный опыт, которого они жаждут. Но не больше. «Художественное руководство для Интернета» Энди Кларка должно открыть новую эру творческого веб-дизайна ».

— Джеффри Зельдман, креативный директор Automattic.

«Энди показывает, как художественное руководство может поднять ваш веб-сайт на новый уровень благодаря положительному опыту, и как применить эти принципы и методы дизайна в своих проектах. Эта книга наполнена множеством хорошо объясненных практических примеров с использованием самых современных технологий CSS. Это настроит ваш мозг на более творческое мышление и наполнит ваши страницы душой».

— Верле Питерс, бельгийский графический/веб-дизайнер.

Об авторе

Энди Кларк — известный дизайнер, консультант по дизайну и наставник. Вместе со своей замечательной женой Сью Энди основал Stuff & Nonsense в 1998 году. Они помогали компаниям по всему миру улучшать их дизайн, предоставляя консультации и опыт в области дизайна.

Энди написал несколько популярных книг по дизайну и разработке веб-сайтов, в том числе Hardboiled Web Design: Fifth Anniversary Edition , Hardboiled Web Design и Transcending CSS: The Fine Art Of Web Design . Он популярный спикер и выступает с докладами на темы, связанные с искусством и дизайном, по всему миру.

Почему эта книга для вас

Книга выходит за рамки обучения использованию новых технологий в Интернете. Он глубоко раскрывает, как мастерство художественного руководства может быть применено к каждому проекту, над которым мы работаем.

1. Идеально подходит для дизайнеров и разработчиков интерфейса , которые хотят бросить вызов себе и выйти за рамки,
2. Покажите, как использовать арт-директорство для цифровых продуктов, не отвлекаясь на его тонкости,
3. Содержит примеры классического художественного направления из рекламы и журналов от новаторских арт-директоров, таких как Алексей Бродович, Беа Фейтлер и Невилл Броди.
4. Показывает, как использовать шрифт, композицию, изображения и сетки для создания привлекательного адаптивного дизайна.
5. Показывает, как оказывать влияние , выделяться, запоминаться и повышать конверсию.
6. Объясняет, как поддерживать ценности бренда и принципы дизайна, соединяя точки соприкосновения в маркетинге, дизайне продуктов и веб-сайтах.
7. Содержит практические примеры использования CSS Grid, CSS Shapes и старого доброго Flexbox.
8. Объясняет, как интегрировать художественное руководство в ваш рабочий процесс без огромных финансовых и временных затрат.

Художественное направление имеет значение для историй, которые мы рассказываем, и продуктов, которые мы создаем, и с помощью Art Direction for Web Энди показывает, что единственным оставшимся ограничением нашего творчества в Интернете является наше собственное воображение.

Скачать образец : PDF, ePUB, Amazon Kindle.

Всем приятного чтения!

Мы надеемся, что вы полюбите книгу так же сильно, как и мы. Конечно, это арт-режим, и нам потребовались месяцы, чтобы создать композицию для каждой отдельной страницы. Мы сердечно благодарим Натали Смит за прекрасные иллюстрации, Алекса Кларка и Маркуса Сейферта за набор текста, Рэйчел Эндрю за техническое редактирование, Энди Кларка за его художественное руководство и терпение и Оуэна Грегори за безупречное редактирование.

Нам не терпится услышать ваши истории о том, как с помощью книги вы создадите выдающийся опыт. Даже если после прочтения этой книги вы создадите что-то, что выдержит испытание несколькими годами , это цель, ради которой стоило писать книгу. Всем приятного чтения!