Обновить
32K+

Типографика *

Играем с шрифтами

14,27
Рейтинг
Сначала показывать
Порог рейтинга
Уровень сложности

Голографические принтеры

Время на прочтение4 мин
Охват и читатели4.5K

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

Голопиксели – это крохотные фурье–образы ракурсов синтезированной голограммы, полученные из кадров многоракурсной съемки трехмерной сцены. Метод основан на том же принципе, что и интегральная фотография Липпмана. Элементы оптического растра Липпмана заменяются миниатюрными голограммами диаметром 0,5 мм, имитирующими работу фотографического линзового растра.

Читать далее

Title case против Sentence case

Уровень сложностиПростой
Время на прочтение3 мин
Охват и читатели4.1K

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

Читать далее

Пробуем Typst, альтернативу LaTeX

Уровень сложностиПростой
Время на прочтение20 мин
Охват и читатели34K

Вы могли слышать об Typst, современной альтернативе LaTeX, написанный на Rust, или не могли, ведь на Хабре я нашёл лишь несколько статей о нём. Некоторые до меня подчёркивали, что есть некоторые недостатки у первого по сравнению с последним.

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

Читать далее

Встроили в шрифт микротипограф, который сам ставит правильные тире, кавычки и не только

Уровень сложностиСредний
Время на прочтение7 мин
Охват и читатели11K

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

Проблема в том, что «правильные» типографские знаки не входят в ASCII и не всегда удобно набираются с клавиатуры. Например, в Windows набрать тире или кавычки можно только на клавиатуре, у которой справа есть numpad, или в Ворде с помощью юникодных номеров и Alt + x, или если установить типографскую клавиатурную раскладку Ильи Бирмана. 

Читать далее

Как я запрограммировала собственный рукописный шрифт

Уровень сложностиСредний
Время на прочтение5 мин
Охват и читатели47K

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

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

Как обойтись без UX-редактора и сделать текст в интерфейсе понятным?

Уровень сложностиПростой
Время на прочтение5 мин
Охват и читатели8.7K

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

Но бывает и такое, что в команде нет UX‑редактора и работу с текстом приходится брать в свои руки. Для таких случаев я решил поделиться своими принципами при работе с текстом, которые помогут вам самостоятельно проверять текст на качество

Читать далее

100+ бесплатных онлайн-инструментов для всех, кто работает с контентом: копирайтеров, дизайнеров, SMM-специалистов

Уровень сложностиПростой
Время на прочтение10 мин
Охват и читатели17K

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

Читать далее

Nota, Typst и Evidence. Языки программирования для генерации документов

Уровень сложностиПростой
Время на прочтение6 мин
Охват и читатели12K


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

В то же время появляется всё больше новых языков, которые позиционируют себя как замену, альтернативу или дополнение к Markdown и TeX. В некоторых случаях они включают функции программирования, то есть позволяют добавить в документ исполняемый код. Веб-редакторы нового поколения можно использовать даже вместо Google Docs.
Читать дальше →

Почему 4 базовых правила дизайна нужно знать всем, будь ты разработчик, верстальщик или копирайтер

Уровень сложностиПростой
Время на прочтение3 мин
Охват и читатели13K

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

Читать далее

Эмоциональное восприятие шрифтов. Метод семантического дифференциала

Уровень сложностиСредний
Время на прочтение8 мин
Охват и читатели9.3K

Я занимаюсь в Иви UX-исследованиями. Однажды ко мне пришел директор по дизайну с запросом: “Разрабатываем новый шрифт для внешних коммуникаций. Хотим, чтобы вызывал у людей эмоции, соответствующие новой платформе бренда. Сделали несколько вариантов. Помоги понять, действительно ли люди будут испытывать больше эмоций по сравнению с нашим нейтральным шрифтом для интерфейсов, и выбрать наиболее подходящий”. 

С подобной задачей я никогда раньше не сталкивалась, поэтому первая моя мысль была: “Да ладно, эмоции и шрифты? Люди вообще не заметят разницу”. Вторая — про семантический дифференциал. 

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

Читать далее

Точка, точка, запятая, или Почему на Госуслугах нет части пунктуационных знаков

Уровень сложностиПростой
Время на прочтение6 мин
Охват и читатели15K

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

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

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

Читать далее

XeLaTeX для оформления текстов: Текст, рисунки, таблицы, автоматизация

Уровень сложностиПростой
Время на прочтение18 мин
Охват и читатели19K

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

Читать далее

КОГДА УМЕСТЕН CAPS LOCK, как расставить акценты и другие заметки о типографике

Уровень сложностиПростой
Время на прочтение7 мин
Охват и читатели6.3K

Привет. Меня зовут Костя, и я отвечаю за дизайн в AGIMA. Мы занимаемся дизайном интерфейсов. Особенность нашей работы в том, что во многих проектах мы не можем управлять контентом. Например, когда мы делаем какой-нибудь магазин, мы задаем «гнезда», в которые потом система или контент-менеджер вставит фото товаров, цену, описание и т. д. Каталог товаров формируется динамически, а состав главного меню может поменять продакт-оунер после A/B-тестов или хотелок инвестора. Даже надписи на кнопках правит UX-райтер.

Читать далее

Ближайшие события

Верстальная программа TeX: какие изменения сделаны в 2021 году

Уровень сложностиСредний
Время на прочтение2 мин
Охват и читатели5.8K

Пишут, что ПО развивается — и только TEX Дональда Кнута завершён и остановлен. Однако в 2021 году TEX обновился. Посмотрим, что изменилось в программе, которая считается образцовой и примерной.

Читать далее

Как мы делали свой шрифт

Уровень сложностиПростой
Время на прочтение9 мин
Охват и читатели6.9K

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

Если вдруг у вас появится желание повторить этот путь — для этого нужно:

1. Понять, для чего вам нужен свой шрифт (и нужен ли).
2. Определиться с характером шрифта.
3. Долго и много рисовать буквы.
4. Упороться с кернингом.
5. Обратиться к специалисту-шрифтовику.
6. Повторить подход.
7. Да, и хинтинг, конечно.

Дальше больше

Типографика: основные виды и характеристики шрифтов

Уровень сложностиПростой
Время на прочтение7 мин
Охват и читатели44K

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

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

Читать далее

Шрифтовая «не-пара»

Время на прочтение6 мин
Охват и читатели3.7K

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

Читать далее

Расти и делись: создание шрифта для фестиваля G8

Уровень сложностиПростой
Время на прочтение2 мин
Охват и читатели991

Фестиваль креативных индустрий G8 представил публике свою айдентику 2022 года. Ассоциации приходят сразу: делящиеся клетки, органика и единение человека с природой.

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

Читать далее

CSS-селектор :has() и междустрочные интервалы в длинных текстах

Время на прочтение6 мин
Охват и читатели4.7K


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

Читать дальше →

Заблуждения программистов о тексте

Время на прочтение11 мин
Охват и читатели20K


Возжелавший прильнуть к жанру вестернов обратится либо к десятой строчке топ-250 лучших фильмов по версии IMDb, либо уже будет обладать знанием, что начинать нужно с «Хороший, плохой, злой». Там он увидит жадных потных мужчин, которые заканчивают фильм напряжённым мексиканским противостоянием. Жалкая охота за золотом конфедератов разворачивается на фоне кровавых битв Гражданской войны между «Севером» и «Югом». Таким зритель запомнит вестерны как жанр.

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

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

Заблуждение 1. Любые символы, кроме управляющих, имеют предсказуемую ширину


В реальности ширина символов может отличаться даже в моноширных шрифтах.
Читать дальше →