6 заметок с тегом

образование

Рассказ Жени Арутюнова «Мы хотим играть»

В апреле привожу в Пермь Женю Арутюнова с лекцией. Женя расскажет, как живёт и работает дизайн-бюро «Интуиция». Почему нет офиса, рабочего графика, менеджеров и дедлайнов, а заодно вакансий и зарплат. Какое самое страшное слово может услышать дизайнер от арт-директора. Почему на сайте бюро нет контактов. Приходите и узнаете.

Регистрация

Если нужна скидка, напишите мне.

2 апреля   образование

Памятка по графическим стилям в типографике

Эволюция графических стилей. Стивен Хеллер и Сеймур Чваст, ИЗДАЛ, 2016

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

Недавно поймал себя на том, что вновь путаю Ар-нуво и Ар-деко, а при упоминании Движения искусств и ремесел судорожно думаю Так-так-так, я про это где-то читал. Даже не в одной книге. Поэтому составил для себя памятку по графическим стилям.

Не ставлю себе задачу запомнить все подстили. Хочу разобраться с большими стилями. Мне сейчас не важно знать отличия Югендстиля от Венского сецессиона, но хочется отличать Поздний модернизм от Постмодернизма.

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

Весь текст — выдержки и цитаты из Хеллера и Чваста. Мои только блоки Запомнить и подборки изображений.

Будет здорово, если памятка окажется полезной кому-то кроме меня. Если вы видите грубые ошибки, напишите в комментариях.

Викторианский стиль
Движение искусств и ремесел
Ар-нуво
Экспрессионизм
Модернизм
Ар-деко (Модерн)
Поздний модернизм
Постмодернизм

 

Викторианский стиль (1830—1900-е гг.)

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

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

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

Типичная черта викторианской типографики — немыслимое количество начертаний и кеглей, «утрамбованных» в один заголовок, — объяснялась практическими соображениями и стремлением печатников использовать каждый дюйм пространства листа.

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

    Запомнить

  • Орнаменты, гравюры, вычурные акцидентные шрифты, брусковые шрифты, немыслимое сочетание начертаний и кеглей.

 

Движение искусств и ремесел (1850—1900-е гг.)

С визуальной точки зрения стиль Движения искусств и ремесел остался верен орнаменту как ключевому элементу викторианского стиля, но объявил войну барочным и романтическим излишествам своего времени.

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

    Запомнить

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

 

Ар-нуво (1890—1910-е гг.)

«Цветочное безумие», «истерика линий», «странная декоративная болезнь», «стилистическая вседозволенность» — так отзывались современники об ар-нуво. ‹…› Ар-нуво стал бунтом против пронизанной духом прошлого викторианской эстетики.

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

Рекламные плакаты товаров и афиши мероприятий сочетали изящество японских гравюр, мистику символизма и манеры постимпрессионизма.

Автором самых знаковых образцов стиля ар-нвуо стал Альфонс Муха. Для его «византийской манеры» характерны идеализированные женские портреты в окружении херувимов, пальмовых листьев и мозаики.

    Запомнить

  • Если похоже на Муху и Грассе, то точно ар-нуво.
  • Гравюры похожи на японские или кельтские.
  • Декоративные шрифты.

 

Экспрессионизм (1900—1920-е гг.)

Представители фигуративного экспрессионизма демонстрировали отход от буквальной реальности и стремились передать образное внутреннее самовыражение.

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

    Запомнить

    Примитивная ксилография. Искаженные пропорции тела. Напоминает работы Шиле.

 

Модернизм (1910—1940-е гг.)

Ассиметричная типографика, геометрическая верстка, фотоиллюстрация — все эти приемы сформировали новый формальный язык модернизма.

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

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

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

Конструктивизм — своеобразный стиль, главными изобразительными элементами которого стали гротескный шрифт и комбинация графики с фотомонтажом.

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

Самое простое определение Новой типографики — отказ от классических канонов симметрии.

Типографика Эля Лисицкого стала первым формальным воплощением нового подхода, и его приемы — гротескные шрифты, ограниченный набор основных цветов и нарочитая геометричность — на долгое время прижились в рекламной типографике как клише.

Яркий контраст между динамикой фотоколлажа и сдержанно типографикой текста.

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

    Запомнить

  • Геометрическая верстка, фотоколлажи, ассиметричная типографика.
  • Если плакаты похожи на стихи Маяковского и Каменского, то футуризм/конструктивизм. На русском — конструктивизм, не на русском — футуризм.
  • Модульная сетка, гротескные шрифты, фотомонтаж — Баухаус или Новая типографика.
  • Ограниченный набор основных цветов.
  • Родченко, Лисицкий, Чихольд, Байер

 

Ар-деко (1920—1930-е гг.)

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

Стиль ар-деко явился очередным подтверждением конца традиционного дизайна, но в отличие от классического модернизма в его основе лежала мания нового.

В 1929 году парижский дизайнер Альфред Тольмер издал книгу «Верстка», где сформулировал каноны книжного дизайна в стиле ар-деко. ‹…› Чтобы получить большее число комбинаций верстки, нужно отказать от строгой системы вертикалей и горизонталей... выработать альтернативную систему... наклонных линий и кривых.

Ар-деко — сочетание утонченной эстетики и флера современности, атмосфера эксцентрики и фантасмагории. ‹…› Ар-деко содержало отсылки к роскоши и экстравагантности.

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

    Запомнить

  • Манера «модной» иллюстрации. Крупные иллюстрации и надписи акцидентными шрифтами. Геометрический орнамент.
  • Плакаты в стиле кубизма.
  • Плакаты отдают привкусом роскошной жизни и джаза.
  • В плакатах используются символы новой индустриальной революции — автомобили и механизмы.
  • Адольф Мурон Кассандр, Поль Колен, Герберт Маттер, Фрэнк Пик

 

Поздний модернизм (1940—1980-е гг.)

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

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

Философия швейцарского дизайна формировалась в двух центрах — школах Цюриха и Базеля. Представителем первой выступал Йозеф Мюллер-Брокман, а второй — Армин Хофманн.

    Запомнить

  • Выверенная геометрическая верстка, базовые цвета, модульная сетка, гротески — чаще всего Гельветика и Юниверсал.
  • Все, что похоже на Мюллера-Брокмана и Хофманна.

 

Постмодернизм (1970—1990-е гг.)

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

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

Дизайнеры искали предел новизны типографики, при котором она остается функциональной.

В основе всех видов дизайна 1980-х лежит игра и эклектика.

2018   искусство   книги   образование   типографика

Прошел курс «Типографика и верстка» Игоря Штанга

Все фото — Никиты Полосова

В начале декабря ездил в Екатеринбург на практический курс Игоря Штанга по типографике и верстке. Курс крутой. Игорь грамотно сочетает теорию и практику. Хороший конспект по теории с курса написал Ваня Звягин. Повторяться не буду.

Для меня самое полезное с курса — обратная связь от Игоря на каждый этап работы. На два часа лекции приходился час практики и час разбора работ. Разбор начинается не сразу с линча, а с вопроса «почему ты так сделал, из чего исходил». Это важный вопрос, на который сложно ответить.

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

Разбор работ других участников полезнее разбора собственной работы.

Мне понравилось делать плакат в швейцарском стиле и курсовую работу. О них расскажу подробнее.

Плакат в швейцарском стиле

Дана дореволюционная реклама. Нужно переделать в швейцарском стиле. Текст можно редактировать, добавлять и убавлять. На выбор было два плаката, я выбрал с Роллс-Ройсом.

За 40 минут сделал первый вариант:

Игорь: Фотография бесформенная. Модуль «Открыта запись» плохо болтается у заголовка. Нижний блок завис в воздухе. Дата в ПВУ стоит плохо. Основной блок текста не держится за фотографию.

Переделываю.

Игорь: Фотография все равно неудобной формы, тексту не за что зацепиться. Из-за тени, фотография как будто висит над текстом. Набор модулей таков, что не удается создать достаточный контраст.

Пробую другие варианты.

Останавливаемся на последней. Дорабатываю.

Финальный вариант. Плюс он же с сеткой, выделенными модулями и полями.

Классные плакаты с курса Игорь собирает в отдельный альбом в ВКонтакте.

Курсовая работа

Для курсовой работы переделываем афишу Екатеринбургского театра. Срок — неделя.

Первые подходы:

Сдаю этот вариант:

Игорь: В целом ок, с основной задачей справился. Но

  • фотографии стоят слишком робко, особенно Амур сверху
  • Ноябрь итак крупный, можно не жирнить
  • в блоках слишком много запятых. Можно делить расстоянием или выделением: курсив, цвет
  • премьеры плохо выделены
  • время можно не выделять, это не так важно
  • спектакли 6 и 28 ноября нужно выделить по-другому, сейчас слишком в общей сетке

Пробую:

Сдаю этот:

Игорь: Лучше. Но:

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

Исправляю и ищу как лучше разместить блок с контактами.

Финальная версия.

Крутые расписания с других курсов.

Один практический курс заменяет 3 книги. Если думаете, купить пару книжек по типографике и верстке или сходить на курс, выбирайте курс. Следующие курсы Игоря Штанга 6—8 января в Петербурге и 16—18 февраля в Екатеринбурге.

2017   образование   типографика

Что читать о дизайне, редактуре и управлении собой

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

Дизайн

Советы Бюро.

Блог Сергея Стеблина. Уроки и хинты по «Иллюстратору» и «Индизайну».

Телеграм-канал «Не знал Ai».

Телеграм-канал «Не знал Indd».

Ворчание ягнят. Проект о том, что бесит в интерфейсах. + канал в телеграме.

Блог Антона Жиянова. О продуктоводстве, дизайне, здравом смысле и разработке софта. + канал в телеграме.

Рассылка «Интерфейсы без шелухи». Лучшее о дизайне продуктов и интерфейсов.

Рассылка «Дизайн интерфейсов для нормальных людей».

Блог Игоря Адаменко. О дизайне интерфейсов.

Блог Павла Моисеенко. О дизайне интерфейсов и сайтов.

Блог Игоря Штанга. О типографике и верстке.

Блог Ильи Бирмана. + канал в телеграме.

Блог Кирилла Беляева. О дизайнерском росте, подаче информации, интерфейсах, ведении проектов и жизненной среде.

Блог Тани Бибиковой. О визуализации данных.

Блог Евгения Арутюнова.

Блог Александра Караваева. О дизайне транспортных схем.

Телеграм-канал «Мильчин-канал». Выдержки из «Справочника издателя и автора» Аркадия Мильчина и Людмилы Чельцовой.

Блог Саши Бизикова. + Телеграм-канал.

Редактура

Блог Максима Ильяхова.

Базовый курс Главреда.

Продвинуты курс Главреда.

Курс для редакторов о переговорах и отношениях с клиентом.

Дизайн текста для редактора.

Телеграм-канал «Ильяховщина».

Телеграм-канал Главреда.

Блог Артур Белостоцкого.

Блог Ян Хацкевича.

Блог Люды Сарычевой. + Телеграм-канал.

Блог Ники Троицкой. О редактуре для застройщиков.

Блог Вячеслава Демиша.

Управление собой, командой, временем

ФФФ-блог. ФФФ от fix time, fix budget, flex scope — устройство мозгов и система работы, которая помогает запускать проекты в срок и не идти на компромиссы с качеством.

Курс о внимании к себе и времени.

Курс о долговременных начинаниях. Как не бросать проекты на длинной дистанции и получать удовольствие.

Блог Макса Черепицы. О селф-менеджменте.

Блог Максима Дорофеева. О прокрастинации.

Курс «Аджайл для новичков».

Телеграм-канал «Разумная внимательность». О внимании и медитации

Блог Всеволода Устинова.

Блог Сергея Шабалина.

Блог Сергея Капличного.

Интересные люди, которые живут интересной жизнью и делятся полезными ссылками

Блог Сергея Короля. + Телеграм-канал

Рассылка Сергея Короля.

Рассылка Макса Черепицы.

Рассылка Наты Покровской.

Телеграм-канал «Живые советы». Текстовые трансляции с Живых Советов из Коворкафе.

2017   образование   списки

Выучил Токипону

mi kama sona e toki pona. Последовал совету Бирмана и выучил Токипону. Токипона — это искусственный язык, как Эсперанто, только еще проще.

14 букв и 120 коренных слов;

простая конструкция предложений: строгий порядок слов, около десятка правил грамматики, практически нет орфографии, пунктуации и правил произношения;

слова выступают существительными, глаголами и прилагательными. В зависимости от того, что требуется;

смысл зависит от контекста;

Благодаря тому, что язык простой, его легко выучить. Я не сильно напрягался и выучил слова и грамматику за две недели. Этого достаточно, чтобы понимать простой текст и переписываться на простые темы. Для сравнения аналогичный уровень английского я получил за 8 лет изучения в школе и 5 в университете.

toki Inli li ike!

Что это

Дословно Toki Pona — язык добра. В нем лежит принцип даосизма о простоте и минимализме. Он создан, чтобы фокусироваться на конкретных вещах, которые наиболее универсальны для человечества.

Toki Pona неизбежно приводит вас к игре под названием «семантическая декомпозиция». Мы разбиваем семантические конструкции на самые простые и неделимые единицы смысла и в этот момент открываем для себя что же действительно означают эти вещи.

Сложные идеи и системы могут быть полностью описаны в терминах наиболее простых их частей или компонентов.

Toki Pona выражает понятия наиболее естественным и простым способом. Здоровье — хорошее тело. Счастье — чувствовать хорошо. Toki Pona — хороший язык.

Например: tomo — конструкция, tawa — двигаться, передвижной. tomo tawa — движущаяся конструкция — автомобиль. Если добавить kon (воздух), то получится tomo tawa kon — воздушная движущаяся конструкция — самолет. А пилот (jan lawa pi tomo tawa kon) дословно значит «управляющий воздушной движущейся конструкцией».

toki pona li pana e sona

Зачем учить

Работает принцип «от простого — к сложному». Выучить немецкий или испанский сложно и долго. Токипону — легко и быстро. Через токипону легко усвоить базовые лингвистические понятия: словообразование и порядок слов в предложении. Потом легче разобраться со всем этим в английском, немецком, японском и других языкых.

Токипона разминает мозги и расширяет кругозор. Начинаешь смотреть на мир под другим углом. Фокусироваться на сути сказанного, а не на форме. Она учит думать непривычными конструкциями.

Как сказать на токипоне «как аукнется, так и откликнется» или «муж и жена — одна сатана» или просто «демократия»? А можно ли так вообще сказать? А почему?

Где учить

Простой и понятный учебник. На русском

Курс для запоминания и тренировки. На английском

Токипона-русский словарь

Чат в Телеграме для тренировки

Сообщество во ВКонтакте

o sona e toki pona!

2017   образование

Планирую личный рост

О необходимости постоянного личного роста хорошо написал Ильяхов. Суть в том, что важно постоянно развиваться. Не растешь, расслабился — нет тебя больше.

Планирование помогает определить куда и как расти. Составленный план помогает оценить объем задач и правильно распределить время на их выполнение.

Осьминожка — метофора личного роста

Перед планированием необходимо определить цель и задачи. Цель понятная: «прокачиваться». Задача — какие навыки будешь прокачивать, какими средствами, зачем.

Сейчас учусь в Школе стажеров Бюро. Задание первой недели — составить осьминожку навыков. Осьминожка — метофора личного роста.

«Чем голова больше, тем больше ножек у осьминожки может быть. Со временем у осьминожки могут развиться „слоты“ для подключения других осьминожек. Ножки — это навыки. Чем ножка толще, длиннее, сильнее, тем скил более прокаченный. Это применимо к чему угодно: рисованию иконок или языку. При этом у мага одна ножка очень сильная, а все остальные дохлые».

Подробнее о метафоре осьминожек в блоге Товеровского и на сайте Бюро.

Задача: понять какие у тебя есть навыки и как ты хочешь «прокачаться» за год. Моя выглядит так:

Упор делаю на навыки, которые изучаю в Школе.

У всех осьминожки разные: с разными навыками, по-разному оформленные.

Красота.

План роста на год

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

За год хочу много сделать. Все дела — несрочные. Несрочные — значит, что при появлении срочных «все эти проекты» буду откладывать. Чтобы не отложить навсегда в ящик, рассказываю о планах публично. Создаю себе стимул отвечать за слова.


Самое главное правило личного роста

Никогда не расслабляться

2017   образование   организация   списки