Category: дизайн

Category was added automatically. Read all entries about "дизайн".

Зимнее меню / Lumberjack









Хочу поделиться успехом наших выпускников. На одном из онлайн-курсов нашей школы в 2015 году дизайнер Алексей Калинин начал шрифтовое семейство, состоящее из 4-х шрифтов под названием Lumberjack. Это гротеск в rough стилистике, дополненный несколькими вспомогательными начертаниями.

После того, как гарнитура была закончена, было принято решение осуществить её распространение на бесплатной основе согласно SIL OFL 1.1 лицензии. Так получилось, что шрифт активно стал использоваться в оформлении кафе и ресторанов. Зимнее меню 2016/2017 таких брендов как Макдоналдс и Теремок — не исключение, шрифт Lumberjack используется в оформлении меню и постеров сетевых заведений.

Шрифт Lumberjack можно скачать по ссылке:
http://typetypeschool.ru/free-fonts/

Ссылка на профиль Алексея на Behance:
https://www.behance.net/alekseikalinin

Как создавался шрифт Magnolia Script

Перед отпуском у меня появилась идея написать историю создания шрифта Magnolia Script, который был представлен 1-го августа 2016 года миру бесплатно, и я свою идею предложил Тане Черкиз, непосредственно дизайнеру шрифта. В итоге мы написали два текста, которые и хотим представить читателям.

Напомню, что бесплатный шрифт Magnolia Script был нарисован Таней Черкиз, при моральной и технической поддержке Ивана Гладких и Дениса Серикова.

---

История создания Magnolia Script от Тани Черкиз

1. Идея шрифта
У нас чувствуется недостаток рукописных шрифтов. Я постоянно вижу на улицах и в магазинах одни и те же шрифты. Лишь изредка Лобстер, Наутилус и Аппетит разбавляются шрифтами, сделанными на коленках из латинских, либо сделанных дизайнерами, не полностью понимающими, как должны выглядеть кириллические знаки. Мне захотелось разбавить однообразие и привнести что-то своё. Изначально планировала сделать шрифт похожий на то, что я итак часто рисую: круглые, пухлые, мягкие буквы, которые соединяются между собой. Нужен такой шрифт, чтобы можно было сразу набирать логотипы, использовать шрифт в дизайне упаковок и оформлении ресторанов и кофеен.

Смотрю на зарубежные аналоги и наши: Madre Script, Tartine Script, Nexa Script, Nautilus Pompilius, Lobster, Funkydori. Так же смотрю на работы леттереров, выбираю что-то из своих старых работ:



2. Первые скетчи



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



3. Проблемы в скриптах
Когда речь идет о непрерывном соединении букв, обязательно столкнешься с вопросом, что делать с такими знаками как г, з, ж, э, х.
В латинице есть несколько форм для r, s, z — опять же выбор, какую лучше взять.

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



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

4. Доработка символов
Пожалуй, самыми проблемными символами в шрифте были в и б. Никак не давались! Изначально все округлые буквы типа о, б, в, р, ф, ю были такими:



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



5. Альтернативы и лигатуры
Альтернативы “ради красоты” изначально не планировались, почти все альтернативы сделаны только для того, чтобы набор был красивым и все буквы аккуратно соединялись.
Пример, когда подставляется своя альтернатива:



И даже для такого почти незаметного соединения:

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

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

6. Метрики и кернинг
После того как все буквы были отполированы и сделаны, оказалось, что есть проблемы с метриками и кернингом. Основная проблема — это соединение прописной и строчной, буквы должны были сходиться идеально, не должно было быть никаких дырок. Но часть знаков прямая, а часть округлая, поэтому что-то да нужно было бы кернить. Пары можно было делать либо отрицательными, либо положительными. Я выступала за то, что прямые пары типа Нн керниться не должны, и нам пришлось кернить все пары с первой круглой буквой (Оа, Юа). Так же пришлось делать кернинг для многих прописных пар, т.к. из-за своша многие пары слипались. В итоге в шрифте оказалось невероятное количество кернинг пар.

Тем временем у шрифта наконец-то появляется название — Magnolia Script. Его рабочим названием было Hydrangea, но оно слишком трудно произносится.

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

Определяемся, что выпустим шрифт 1 августа. Начинаю рисовать промо-картинки.

---

История создания Magnolia Script от Ивана Гладких

Шрифт Магнония Скрипт начал свою жизнь в июне 2015 года. Автор Таня решила сделать качественный скрипт на базе своего леттеринга. Моё же знакомство с этим шрифтом началось лишь через три месяца. Таня прислала мне скетч первой собранной версии.

Вот так выглядела Магнолия Скрипт вначале:

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



Мои первые комментарии по проекту были скорее концептуальными, нежели техническим, хотя о технике конечно тоже шла речь.
Меня больше волновал вопрос конепции, ведь уже существует и Лобстер, и Наутилус.

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


Постепенно шрифт превращается в полноценный проект, отточенный и оттеситрованный с большой кассой знаков:



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

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



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

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

Обнаруживаем лишние точки на контурах, Таня все подчищает:



Выравнена диакритика, продумываем длину хвостов у букв и логику работы шрифта в среде, где не работает опентайп:

Продумана логика встречу нижних выносных элементов между собой и рядом с другими буквами:



В процессе работы становитс понятна логика взаимодействия букв и сценарий появления контекстных альтернатив (разираемся с длиной правых нижних хвостов):


Мы начинаем бороться за детали, дело в том, что нашим спором оказался базовый набор метрик (полуапрошей) для символов», в рукописниках сложно без использования кернинга сделать так, чтобы строчные и прописные символы дружили между собой метриками. Какую-то группу символов нужно назначить базовой (как правило Н П Ш и подобные). Я выступал за отрицательные пары (Чтобы подбивались символы На Па и другие), Таня выступала за положительные пары для пар Оа Юа и другие.

Обратите внимание на пару «Ма», вот собственно за что была борьба:

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

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


В результате различных тестов возникают баги, правим:

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

Код контекстных альтернатив внутри шрифта получился достаточно большой, где-то 4 машинописные страницы (на картинке кусок кода и код целиком):



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

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

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

Публикуем.

Шрифтовая гарнитура Squares Condensed














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

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

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

---

Скидка на старте –85% для всех любимых покупателей:
http://www.myfonts.com/fonts/type-type/tt-squares-condensed/

Мы снова сделали анимированное оформление для Беханс, где также вы сможете скачать демо-шрифт для вашей коллекции (поставь нам палец вверх, комрад!):
https://www.behance.net/gallery/37133365/TT-Squares-Condensed-(FREE-DEMO)

Шрифтовая гарнитура Rabbits



TT Rabbits это сверхэмоциональная рукописная шрифтовая гарнитура, которая состоит из 10 различных шрифтов. Мы объединили эти шрифты одной общей темой — детство.

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

Мы дали каждому зайцу собственное имя. Все имена выстроились согласно первым десяти буквам латинского алфавита:
A — April, B — Bro, C — Chilli, D — Dummy, E — Elf,
F — Fatso, G— Goody, H — Hyper, I — Idol, J — Junior.

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









Прошу поддержать наш проект на Behance
(там же есть ссылка на бесплатную демо-версию):
https://www.behance.net/gallery/35781821/TT-Rabbits-family-(85-OFF-FREE-DEMO)

На старте как всегда скидка —85% для тех кто покупает:
http://www.myfonts.com/fonts/type-type/tt-rabbits/

Профессия «Шрифтовой дизайнер», часть вторая



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

Collapse )

Профессия «Шрифтовой дизайнер»



Так уж получилось, что в последний год я мало уделяю времени текстам, которые пишу самостоятельно. Закрутило по всем фронтам — и это конечно же позитивный фактор. За этот год у меня случилось достаточно глубокое погружение в шрифтовой дизайн, самое глубокое за последние 10 лет. Было очень много знакомств по теме, было очень много шрифтов, было очень много студентов, которые приходили учиться к нам. И меня это всё так раззадорило, что я запланировал ещё больше различных и крутых проектов сразу на несколько лет вперёд. Фактически мы только начали делать шрифты, только настроили станки, если конечно так можно выразиться. В моей голове постоянно возникает много мыслей вокруг темы шрифтового дизайна и я хотел бы рассказать как я воспринимаю эту профессию. Это моё представление о шрифтах, о людях, которые создают шрифты, занимаются типографикой и погружены в этот вопрос с головой.

Collapse )

Школа TypeType — Санкт-Петербург



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

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

Ведь такой круг интересов формирует само желание заниматься типографикой,
создает правильное общение и вобще просто полезен для организма своими «витаминами»,
ну по типу винегрета или гранатового сока. Просто полезная вещь!

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

Знакомьтесь — школа типографики TypeType.

У нас уже есть небольшая группа Вконтактике: https://vk.com/typetypeschool (всем добавляться!)

---

Теперь по делу:

Мы пока что обкатываем формат интенсивной типографики на выходных.
Этот дизайн уик-энд вынесет вам мозг и прокачает по полной.

Будет полезен:
- Дизайнерам в качестве расширения сознания и практики;
- Иллюстраторам в качестве нового шрифтового скилла;
- Начинающим шрифтовикам в качестве знакомства с новым уровнем типографики;
- Любопытсвующим товарищам, которые исследую новые грани реальности;

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

Остальное зависит от вас.

Все вопросы по участию в нашем первом интенсиве можно смело задавать в группе:
https://vk.com/typetypeschool (всем добавляться!)

Шрифтовая гарнитура Prosto Sans



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

Сегодня мы рады представить вам гарнитуру Prosto Sans. Это универсальная гарнитура в 10 начертаниях по доступной цене.

Эта гарнитура далась нам не Просто ;) Просто Санс — результат кропотливой работы многих шрифтовых дизайнеров и инженеров. Как устроен процесс изнутри большой-пребольшой секрет.

Впереди у Typetype много всего интересного, следите за новостями ;)

Купить гарнитуру Prosto Sans

---

Как я и обещал ранее — мы сделали бесплатные версии некоторых наших шрифтов для свободного использования.

Встречайте:

Squares Bold
Supermolot Light
Days Sans Black
Prosto Sans Bold

(При нажатии по ссылке, скачается архив со шрифтом)
Бесплатные версии шрифтов лицензированы под SIL OFL 1.1

---

Сделано в www.typetype.ru

Корпоративные шрифты

Вобще очень интересная тема.

Стоит ли вобще иметь корпоративные шрифты?
Лет 10 назад это было очень круто и модно, когда у тебя есть свой собственный шрифт.

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


Овсяные хлопья, оформленные гарнитурой 19 O'Clock, сделанной Леттерхедами
по заказу Студии Лебедева для бренда Верность качеству. Гарнитура не продается.




Это особенный и странный случай одновременно. Каравай использует шрифт из гарнитуры
Нокиа Санс (старый корпоративный шрифт Нокии) для песочной полоски,
которую выпускает уже не первый год. Гарнитура не продается.

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




Особенный случай и опять про Леттерхедов. Дизайнер полюбил корпоративный шрифт
и использует его на единственном щите по каждому удобному случаю.
Речь идет о рукописной надписе, сделанной по заказу Redd`s

Алкогольная тематика намекает на профиль дизайнера в сегменте HoReCa.



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

Четвертый быстрый словосмысл

Это игра. Или можно назвать творческим конкурсом.

Уже прошли три быстрых словосмысла.
Вот результаты первого, второго и третьего быстрых словосмыслов.

Нужно взять любое слово и реализовать его смысл в типографическом смысле.

Простые правила:
— Не используем цветов.
— Не используем 3d, любой граф. дизайн.
— Не используем ничего, что дольше 3 минут.


Примеры мои:
















Комментить работы тоже можно и нужно.

Комментим просто:
— толсто
— тонко
— за и против

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

На этот раз у нас спонсорская поддержка и три приза:
За 1 место — толстовка Бэтмена
За 2 место — футболка дизайна Егора Жгуна
За 3 место — футболка Лос Поллос (для любителей сериала «Во все тяжкие»)