Архив метки: типографика

Сила визуальной иерархии в дизайне

Вам знакомо чувство, когда смотришь на карточку товара, рекламный баннер, или на сайт, и не понимаешь, что от тебя хотят? Смотришь на такой дизайн и хочется его развидеть. Если знакомо, то мои поздравления, вы столкнулись с провалом визуальной иерархии. Собственно, о ней родимой я и веду речь в этом ролике https://youtu.be/DxvgQQS5ruk

Всё что вы хотели знать о типографике. Типология и основные термины. Лекция №1

Привет! Этот курс лекций по основам типографики предназначается как для молодых людей, ещё только присматривающихся к профессии, так и для тех, кто уже работает в области графического или продуктового дизайна и хочет расширить и углубить свои компетенции. Именно на незнании базовых законов типографики и прокалываются молодые дизайнеры. Время от времени они присылают мне свои проекты на рецензию, и вот смотришь – вроде всё замечательно и с точки зрения креативности, и с точки зрения владения графическими инструментами, а с точки зрения типографики – беда. И беда в том, что эти ошибки видны не только мне, опытному дизайнеру и педагогу, беда в том, что их видит заказчик. Он просто не может сказать, где собака зарыта, но интуитивно чувствуют, что что-то не то и отправляет дизайнера “поиграть шрифтами”.

Тыц по ссылке: https://youtu.be/qUMAf6YFQfQ

О типографике в айдентике

Можно ли нарушать классические законы типографики в айдентике? Конечно, можно, если вы это делаете осмысленно. По большому счёту, каждый из отцов-новаторов типографики XX века, и Ян Чихольд, и Мюллер Брокман, и Рудер, нарушали законы, существовавшие до них. Для того чтобы нарушать правила, нужно их досконально знать и ими владеть, в противном случае «бунт» будет неубедительным. Именно на незнании базовых законов типографики и прокалываются молодые дизайнеры. Смотришь на их айдентику – вроде всё замечательно и с точки зрения креативности, и с точки зрения владения графическими инструментами, а с точки зрения типографики – беда. Печаль в том, что эти ошибки видны не только мне, опытному дизайнеру с многолетним опытом, печаль в том, что их видит и заказчик. Он просто не может сказать, где собака зарыта, но интуитивно чувствуют, что что-то не то и отправляет дизайнера “поиграть шрифтами”. Я хочу рассказать вам о трёх базовых правилами типографики в айдентике. Следуя им вы подстрахуете ваши проекты от негативной оценки. Премьера видео – тыц по ссылке:  https://youtu.be/oNQu0EF9huo

Всё что вы хотели знать о типографике. Эволюция правил

Записал и залил на канал новую лекцию. В ней я рассказываю, как менялись правила типографики за последние 300 лет и какие выводы мы — практикующие дизайнеры должны сделать для себя из этой нескучной истории. Типографика – это длинный свод законов, правил и запретов при работе с текстом. Этот свод увеличивается во много раз вследствие того, что не существует какой-то одной типографики. Типографик много. За время развития европейского книгопечатания, произошла смена трех эстетических систем. Это классическая система правил и запретов, модернистская и постмодернистская. Все эти системы до сих вполне рабочие и мы обращаемся к первой, второй или третьей исходя из проектных задач, стоящих перед нами. Можно ли отдельные ингредиенты типографических систем смешивать и в какой пропорции? Ответ – внутри лекции. Мегаспасибо всем, кто лайкнул, прокомментировал или перепостил мой материал. Всех благ!

О типографике в дизайне. Запреты и правила

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

👉 Школа Айдентика: https://school.romashin-design.com

👉 Мой менторинг: https://school.romashin-design.com/mentoring

Как модульные сетки меняли дизайн

 

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

Эта лекция об истории и эволюции модульного дизайна и о сетке, как одном из высших достижений коммуникативного дизайна. Предположу, что практикующего дизайнера, находящегося в проектном потоке, , бессмысленно агитировать за использование сеток, он их так или иначе уже использует, ведь весь современный софт, как предназначенный для графики и вёрстки, так и для вэба, имеет предустановленные линейки, направляющие и сетки. Однако, как говорится – «есть нюансы», ведь каждым профессиональным инструментом нужно пользоваться, заранее прочитав инструкцию. Смотрите лекцию – инструкция внутри https://youtu.be/y_rFcpVVejQ 

Перфекционизм в дизайне

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

Маленький каминг-аут

В прошлом году мне на глаза попался сайт одного Берлинского издательства, которое специализируется на русской периодике. Я обнаружил в их редакционном портфеле медицинский журнал, который они печатали для русскоязычной публики, живущей в Германии и странах Бенилюкса. Сам журнал, с точки зрения его дизайна, был полным «колхозом». А у меня, по случаю, лежал невостребованный заказчиком макет аналогичного издания для федеральной аптечной сети. Отлично, подумал я, немного изменю свой макет под берлинский формат, выйду на главного редактора и предложу ему рестайлинг. Сел верстать и залип. Залип месяца на 4. Сначала я поменял шрифты, потом сетку издания, цветовую палитру, затем ещё чего-то по мелочам. Потом мне показалось, что будет более наглядно, если я возьму один из их берлинских номеров и полностью переверстаю в новом стиле.

Через 4 месяца у меня на руках был макет, в котором мне не хотелось ничего поменять. Я встал из-за компьютера, отёр рукавом пот со лба, достал из холодильника банку пива… и понял, что не хочу больше заниматься этим проектом. И что же я сделал? А ничего, даже не стал макет в Берлин отсылать. Творческий процесс походу выжег все силы и вытеснил цель моих усилий. Что в остатке?  Получилось так, что я бессознательно разделил проектные действия на приятные и неприятные, отдав все силы приятным. Приятными были дизайн и вёрстка, я вообще люблю поверстать.  Неприятными были: созвон, переговоры, одним словом – продажа проекта. Вот моё подсознание и вытеснило эту задачу в область необязательного. В результате – «помереть не померла, только время провела», как поётся в старинном городском романсе.

Что за метаморфоза происходит с нами в подобные моменты?

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

Вы замечали, что мы редко залипаем на креативные задачи, в основном – на элементарные, с минусовой креативностью. Наш ленивый мозг постоянно уводит нас от сложного к простому, и это простое пожирает всё наше рабочее время. Что же делать? Вариантов не особо много. Для начала надо научиться управлять своей креативностью, и походу начать получать от этого удовольствие.

Для этого я рекомендую выстраивать проектную работу, чередуя задачи креативные и чисто технические – поработали головой, поработаем ручками, затем опять головой.  Второе, что лично мне помогает не залипать на бесконечном улучшении одного и того же (за вычетом случая с медицинским журналом) – это навык вести работу сразу в трёх направлениях. Не важно, над каким проектом работаю, над логотипом, рекламным постером, или упаковкой, я сразу создаю 3 рабочих пространства и готовлю для заказчика 3 решения. Почему к заказчику правильнее идти с тремя вариантами? Так проще продать проект. Меньше трёх – у него будет ощущение, что ему чего-то не додали, больше трёх – он обязательно запутается в вариантах и будет требовать «ещё и ещё».

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

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

А шрифтами поиграть?

Как совладать с внутренним перфекционизмом, мы вроде разобрались. А как быть с перфекционизмом заказчика, его патологическим желанием бесконечно вносить правки, улучшать проект, всеми этими – «а поиграйте шрифтами», «а пойдите туда, не знаю куда» и т.д.?  Я подарю вам волшебных два слова, которые действуют на заказчика успокаивающе и умиротворяюще. Эти слова… барабанная дробь – «проектная дисциплина». Произносите их ему время от времени, когда ему захочется внести тупые правки в ваш проект не по делу, а так, от внутренних сомнений, или из-за того, что сотрудник что-то буркнул негативное, или из-за того, что на улице дождь и слякоть. Скажите ему торжественно и со значением: «Давайте не будем нарушать проектную дисциплину, последовательность и характер работ описаны в нашем договоре, а отклонение от него ставит под угрозу конечный результат». Круто? Но для того, чтобы эти слова приобрели вес и подействовали, вы сами должны железно придерживаться написанного в договоре, о чём я уже говорил в предыдущем абзаце. То есть понятие «проектная дисциплина», должно стать волшебным не только для заказчика, но и для вас. Для вас, возможно, в первую очередь.

И последний совет, который могу дать – это с первого дня начать аккуратно воспитывать своего заказчика. Хорошим результатом будет, если из вашего общения и обсуждений вы исключите такие оценочные эпитеты, как “красиво – некрасиво”, “нравится – не нравится”, и начнёте работать с такими понятиями как:

  • подходит
  • не совсем подходит
  • совсем не подходит

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

А у меня на сегодня всё. Делайте дизайн и не страдайте перфекционизмом! Алексей Ромашин. Эксперт блог-платформы Medium, руководитель онлайн школы Айдентика

Взбалтывать, но не смешивать

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

Типографика — это длинный свод законов, правил и запретов при работе с текстом. Этот свод увеличивается во много раз вследствие того, что не существует какой-то одной типографики. Типографик много. За время развития европейского книгопечатания, произошла смена трех эстетических систем. Это классическая система (XV — начало XX века), модернистская (почти весь XX век), и, наконец, — постмодернистская (с конца XX века).

Все эти системы до сих вполне рабочие и мы обращаемся к одной второй или третей исходя из проектных задач, стоящих перед нами. Можно ли отдельные ингредиенты типографических систем смешивать и в какой пропорции? Тыц по ссылке: https://youtu.be/d-LWZjdnues

Все мои лекции на Youtube>>>  Перейти в YouTube

О ТИПОГРАФИКЕ В АЙДЕНТИКЕ

типографика

Хочу начать с того, что типографика – это длинный свод законов, правил и запретов при работе с текстом. Этот свод увеличивается во много раз вследствие того, что не существует какой-то одной типографики. Типографик много. Есть типографика классическая, со своими правилами, типографика модернистская, постмодернистская и типографика маргинальная (это то, что порой требует от нас особо упоротый заказчик). Естественно, когда дизайнер объективирует все стилевые различия и имеет навыки использования всей палитры средств стилевой выразительности, он серьёзно повышает свою конкурентоспособность на рынке дизайна. Он как опытный тапёр, который может и Шопена сыграть, и «Мурку сбацать».

антиква

Антиква Леонардо да Винчи

ДНК типографики – буква. Буква – это культурный продукт длинной эволюции. Проявив любопытство и покопавшись в истории развития шрифта, мы можем проследить эту самую эволюцию. Важно понимать, что буква на каждом историческом этапе развития типографики, несла в себе эстетические черты своей эпохи и эти характеристики считываются зрителем вне зависимости от того, искушён он в тонкостях типографики, или нет. Очень грубо, все шрифтовые гарнитуры можно разделить на исторические и современные. Оговорюсь, что это очень грубо. Актуальность того или иного шрифта проявляется не в том, сколько лет или десятилетий назад он был спроектирован, а в том, на сколько он адекватен контексту вашего дизайна.

Хочу акцентировать внимание на том, что типографика имеет два аспекта – утилитарный и эстетический. Утилитарный аспект – это тупо читаемость текста.  Иногда необходимо, чтобы шрифт читался на рекламном билборде когда мы проносимся мимо него на скорости 100 км час. Иногда нам нужен шрифт для создания больших текстовых блоков журнальной или книжной верстки. Это другая ситуация, от слова совсем. Тут актуализируется задача обеспечить комфортность чтения. Глаза читателя не должны уставать и слезиться. Очевидно, что верстая блоки текста, мы должны выбрать какой то другой шрифт, отличный от того, который мы использовали на биллборде.

С утилитарным аспектом мы разобрались. Двигаемся дальше.

Мои видео лекции на Youtube>>>  Перейти в YouTube

ГельветикаЭстетический аспект выражается в том, что шрифт представляет собой сложную художественную форму, несущую в себе как красоту, так и некое культурно-историческое содержание. В разные эпохи графического дизайна, начинал доминировать либо первый, либо второй аспект. Так в послевоенные годы, когда сформировался международный стиль типографики, называемый швейцарским, дизайнеры вообще начали отказываться от использования каких либо шрифты кроме Гельветики. Великий американский, с итальянскими корнями дизайнер Массимо Виньелли, как то в интервью сказал: “Мне не нужны другие шрифты и гарнитуры, если я хочу выразить в макете гнев, я возьму Гельветику более жирного начертания. Если хочу сказать о любви – меня вполне устроит та же гельветика, но только светлого начертания”.

Шрифт. Невил Броуди UK

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

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

Типографика, как я уже сказал – это свод законов. Можно ли их нарушать? Конечно, можно, если вы это делаете осмысленно. По большому счёту, каждый из отцов-новаторов типографики XX века, и Ян Чихольд, и Мюллер Брокман, и Рудер, нарушали законы, существовавшие до них. Для того чтобы нарушать правила, нужно их досконально знать и ими владеть, в противном случае ваш «бунт» будет неубедительным.

Именно на незнании базовых законов типографики и прокалываются молодые дизайнеры. Время от времени они присылают мне свои проекты на рецензию, и вот смотришь – вроде всё замечательно и с точки зрения креативности и с точки зрения владения графическими инструментами, а с точки зрения типографики – беда.  Печаль в том, что эти ошибки видны не только мне, опытному дизайнеру с многолетним опытом и академическим образованием, печаль в том,  что их видит и заказчик. Он просто не может сказать где собака зарыта, но интуитивно чувствуют что что-то не то и отправляет дизайнера “поиграть шрифтами”.

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

ПРАВИЛО СООБРАЗНОСТИ

Выбирая шрифт для своего проекта, мы исходим из того, что имеется два шрифтовых семейства – это антиквы и гротески. Антиквенные шрифты – это наследство доставшиеся нам от Римской империи. Может быть из-за длинной истории, может быть из-за рисунка, но эти шрифты обладают каким то авторитарным характером. Условно назовем Антикву “президент”. У шрифтов семейства Гротеск совсем другой характер, да история покороче. Они стали массово использоваться в типографике лишь в начале XX века, а до этого применялись только в уличных афишах и рекламе. Возможно это и обусловило их демократический характер. Если мы с вами договорились, что Антиква –  это “президент”, то Гротеск – это скорее всего “бухгалтер”. Выбирая шрифт для проекта, задайте себе вопрос, какой характер у бренда, над которым вы работаете. Должен он быть в результате авторитарным, или наоборот – демократичным и примите решение в пользу либо одного, либо другого шрифтового семейства.

ПРИНЦИП СХОЖЕСТИ

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

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

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

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

ВЫРАВНИВАНИЕ

Предположим, мы придумали и отрисовали в векторе знак, подобрали к нему логичную шрифтовую пару, теперь нам нужно создать то, что называется логоблок. Логоблок – это одна из констант фирменного стиля это устойчивая неизменяемая композиция состоящая из знака, логотипа и дескриптора. Как сделать эту композицию устойчивой и безупречной? Я советую начинающим дизайнерам две наиболее экономичных и логически обоснованных схемы. Первая схема – с выравниванием по левому краю, так называемый “левый флаг”, вторая – с выравниванием по центральной оси. При флаговой композиции знак располагается слева логотип справа. Мы устанавливаем точку между ними и играя размерами знака и логотипа достигаем визуального равновесия всей композиции. Хочу обратить внимание что знак должен быть всегда слева.

Центрально-осевая компоновка логоблока. Тут всё ещё проще. Мы просто выравниваем знак и логотип по центру, главное не ошибиться с расстояниями между всеми элементами.

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

Кому интересно тема коммуникационного дизайна – залетайте на страничку моего онлайн курса  “Айдентика”, регистрация на который идёт в данный момент. Тыц по ссылке: https://school.romashin-design.com/

Мои видео лекции на Youtube>>>  Перейти в YouTube

 

ЛЕТРАСЕТ

Может кто то помнит это чудо? Если нет, расскажу, называлось оно – Летрасет. Появилось в Англии в 60-е годы, в СССР пришло спустя лет 20. Летрасет – это переводные буквы, элементы типографики и декора. Вначале были “сырыми”, требовали предварительного замачивания, как переводные картинки на холодильник, затем был придуман метод сухого переноса, где буква переходила на бумагу при давлении с обратной стороны листа. Навык работы с Летрасетом сводился не только к навыку тереть шариковой ручкой, но и к навыку и пониманию законов элементарной типографики. Если ты не точно “ловил” расстояние между буквами, то переделать это было весьма геморройно, буква прилипала намертво и её приходилось соскабливать, иногда портя рабочую поверхность. Уже в институте я отказался от Летрасета (которого вывез из Армии килограмм 10) и перешёл на техники фотонабора – печатал буквы на фотобумаге, нарезал и наклеивал на макет. Выходило значительно качественнее. А уже в начале 90-хх. все эти древние техники убил компьютер. Английский Letraset, между тем, жив до сих пор, производит разную канцелярщину и плёнку-самоклейку.