Шрифт и текстовая информация

• 
  Типографика
• 1 мин на чтение
• 
  732

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

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

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

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

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

Оригинал взят в блоге Ярослава Шкрабалюка

• #типографика

• 
  
• 
  1
• 
  

Статьи по теме

CoFo Redmadrobot—харизматичный пиксельный шрифт на основе CoFo Sans — блог Contrast Foundry

В апреле 2020 года к нам обратилась компания Redmadrobot, которая занимается разработкой цифровых сервисов и продуктов для улучшения пользовательского опыта и оптимизации бизнес-процессов—от банков до заводских цехов. Ребята обновляли свой визуальный стиль и логотип, и автором новой айдентики стал Максим Арбузов. Изначально он собирался заказать нам кириллизацию одного из уже существующих на рынке пиксельных шрифтов: «роботы» работают с клиентами по всему миру, которые говорят на разных языках и используют как латиницу, так и кириллицу, и Redmadrobot нужно иметь возможность говорить со всеми заказчиками на одном графическом языке. Но мы предложили поступить иначе и сделать свой пиксельный шрифт на основе нашего CoFo Sans. Такой подход решил сразу две задачи—позволил подумать и о кириллице тоже с самого начала работы над шрифтом и создать в итоге максимально цельную типографическую систему.  

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

Два направления—два вида пикселей

В процессе проектирования мы предложили два вида пикселей—регулярный и нерегулярный. Их размеры мы рассчитали исходя из параметров CoFo Sans. В результате нерегулярный пиксель вышел более крупным и прямоугольным (отсюда и его «нерегулярность») со сторонами 80 и 68 единиц, а регулярный—более мелким и квадратным со стороной 40 единиц. 

Крупный размер и «нерегулярная» форма первого пикселя делали его менее подвижным и давали меньше простора для поиска перекликающихся с оригинальным CoFo Sans рисунков знаков.

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

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

Как и в случае с пикселями, размеры самих знаков будущего пиксельного шрифта мы рассчитали на основе параметров CoFo Sans. Высота прописных знаков и выносных элементов получилась 680 единиц, высота строчных, без учёта оптических выносов—476 единиц, а толщина—80 единиц. Также мы вычислили, сколько пикселей должно помещаться в каждую из высот.

Альтернативные формы

В шрифт заложены альтернативные формы для букв b d g p q. Основной комплект повторяет конструкцию знаков CoFo Sans и отлично работает в логотипах и крупном масштабе, но в более мелком текстовом наборе эти буквы «проседают» в строке за счёт непропорционально маленького «белого» внутри знаков. Чтобы решить эту проблему, оптически увеличить размер знаков и выровнять плотность набора, мы добавили в шрифт дополнительный комплект знаков с большим количеством белого внутри букв.

Получившийся в результате работы CoFo Redmadrobot—это пиксельный «брат» CoFo Sans. Основное место его применения—крупный акцидентный набор, логотипы и иллюстрации. В состав входят как латинские, так и кириллические буквы, а также базовый комплект пунктуации, математических символов и валютных знаков.

Дизайнер: Никита Сапожков
Под руководством Марии Дореули
Мастеринг: Ноэ Бланко
Айдентика: Максим Арбузов
Креативный директор (Redmadrobot): Евгений Бондарев
Год создания: 2020

Поделись в Facebook или Twitter

Шрифт

Tree root скачать бесплатно

Расширенный поиск Запросить дизайн

[Шрифт] The Roots (шрифт truetype .ttf 23,16 КБ)

Манфред Кляйн

[ Шрифт ] Sweet Candy Trees ( шрифт truetype .ttf 25.31KB )

Ботанические штаны

[ Шрифт ] Apple Tree ( шрифт truetype .ttf 4,65 КБ )

Неван Орр

[ Шрифт ] Subikto Tree ( шрифт truetype . ttf 76,39 КБ )

Литейный завод Subtitude

[Шрифт] CF Tree Of Life (шрифт truetype .ttf 275,12 КБ)

Клотье Фонтес

[Шрифт] !Crass Roots OFL (шрифт truetype .ttf 28,55 КБ)

!Литейный завод типа Exclamachine

[ Шрифт ] Black Pine Trees ( шрифт truetype .ttf 13,53 КБ )

Джеронимо

[ Шрифт ] Tall Trees ( шрифт truetype .ttf 4,60 КБ )

Шрифты Skyhaven

[ Шрифт ] KG Christmas Trees ( шрифт truetype . ttf 374.43KB )

Кимберли Гесвайн

[ Шрифт ] Christmas Trees ( шрифт truetype .ttf 28,64 КБ )

Д3

[Шрифт] Gau Font Root ( шрифт truetype .ttf 17.29КБ)

Графические отделы

[ Шрифт ] AlphaShapes Xmas Trees ( шрифт truetype .ttf 9,80 КБ )

Шрифты и вещи

[Шрифт] Trees TFB (шрифт truetype .ttf 191,33 КБ)

занатлия

[ Шрифт ] Jungle Tree ( шрифт truetype . ttf 13,69 КБ )

[ Шрифт ] Кобра на кокосовой пальме ( шрифт truetype .ttf 17.53KB )

мы знаем

[Шрифт] Heavenly Rooted (шрифт truetype .ttf 99,96 КБ)

Ханна Бу

[ Шрифт ] Christmas Tree ( шрифт truetype .ttf 22.03KB )

Шрифты Wa2ise

[ Шрифт ] Trees Of Happiness ( шрифт truetype .ttf 14,46 КБ )

мы знаем

[ Шрифт ] Gill Tree ( шрифт truetype .ttf 176,69КБ)

Матиас Каналес Гонсалес

[Шрифт] WM Trees 1 (шрифт truetype . ttf 84,91 КБ)

ВиллиМак

[Шрифт] SF Square Root (шрифт truetype .ttf 95,21 КБ)

ShyFonts

[ Шрифт ] Tree Like ( шрифт truetype .ttf 227,61 КБ )

Манфред Кляйн

[Шрифт] Trees Friends (шрифт truetype .ttf 25,38 КБ)

изображениеx

[Шрифт] CF One Two Trees (шрифт truetype .ttf 142,08 КБ)

Клотье Фонтес

корень дерева деревья дерево корни яблони дерево как корень гау высокое дерево дерево джунглей кокосовая пальма дерево жизни сосна дерево дингбаты деревья дерево дерево кокосовая пальма дерево дерево tfb дерево дингбат cf один два дерева

Критерий поиска:

Тип поиска:

Совпадение с любымСовпадение со всеми

Искать в:

ВекторыИконкиФотоШрифтыШаблоны сайтовPSD

Лицензия:

Все лицензииРазрешить коммерческое использование

Результат сортировки:

Сначала лучшее совпадениеСначала новыеСначала много загрузокСначала меньше загрузок

• Дом
• Лицензии
• Срок
• Конфиденциальность
• О
• Связаться с

Парик с кружевной купелью.

Блондинка с париком темных корней. Long Beach Waves

Etsy больше не поддерживает старые версии вашего веб-браузера, чтобы обеспечить безопасность пользовательских данных. Пожалуйста, обновите до последней версии.

Воспользуйтесь всеми преимуществами нашего сайта, включив JavaScript.

Нажмите, чтобы увеличить

Звездный продавец

Star Sellers имеют выдающийся послужной список в обеспечении отличного обслуживания клиентов — они постоянно получали 5-звездочные отзывы, вовремя отправляли заказы и быстро отвечали на любые полученные сообщения.

|

19,066 продаж
|

5 из 5 звезд

€168,61

Загрузка

Доступен только 1

НДС включен (где применимо), плюс стоимость доставки

Продается быстро! Остался только 1.

Продавец звезд. Этот продавец неизменно получал 5-звездочные отзывы, вовремя отправлял товары и быстро отвечал на все полученные сообщения.

Возможна подарочная упаковка

Исследуйте другие похожие поисковые запросы

Внесен в список 9 ноября 2022 г.

34 избранных

Сообщить об этом элементе в Etsy

Выберите причину… С моим заказом возникла проблемаОн использует мою интеллектуальную собственность без разрешенияЯ не думаю, что это соответствует политике EtsyВыберите причину…

Первое, что вы должны сделать, это связаться с продавцом напрямую.

Если вы уже это сделали, ваш товар не прибыл или не соответствует описанию, вы можете сообщить об этом Etsy, открыв кейс.

Сообщить о проблеме с заказом

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

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

Посмотрите, как мы определяем ручную работу, винтаж и расходные материалы

Посмотреть список запрещенных предметов и материалов

Ознакомьтесь с нашей политикой в ​​отношении контента для взрослых

Товар на продажу…

не ручной работы

не винтаж (20+ лет)

не ремесленные принадлежности

запрещены или используют запрещенные материалы

неправильно помечен как содержимое для взрослых

Пожалуйста, выберите причину

Расскажите нам больше о том, как этот элемент нарушает наши правила.