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

Обо мне Все заметки Разделы

Позднее Ctrl + ↑

Что не так с оформлением Яндекс.Музыки?

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

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

Следом расположен блок “Интересно сейчас”, который выбивается из 4-колоночной вёрстки, которую использовали в остальных блоках:

В “Новых релизах” возвращаются 4 колонки, и плейлисты логично сопровождаются обложками альбомов, как и в «Подкастах», расположенных ещё ниже:

Затем видим блок «Плейлисты с новинками», где в четырёх плитках использованы три разных стилистики:

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

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

Презентация издательства Де’Либри для писателей

Де’Либри — российское книжное издательство, дающее опытным и начинающим писателям не только подготовить опубликовать книгу, но и полноценно заявить о ней и авторе на рынке. Сверстал и оформил презентацию услуг издательства для писателей.

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

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

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

Глобальные принципы

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

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

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

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

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

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

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

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

Насколько понятна пользователю навигация сайта?
Читаем ли и информативен текст на афише или вывеске?
Не спорят ли элементы оформления с важной информацией на страницах презентации?

Отвечая на эти вопросы в процессе работы и отказываясь от принципа „дизайн ради дизайна“ в пользу удобства пользователя, дизайнер создаст по-настоящему качественный продукт, который будет работать.

Визуальные принципы

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

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

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

Баланс бывает симметричным, асимметричным и радиальным.

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

Пример симметричного баланса. Источник
Пример асимметричного баланса. Источник
Пример радиального баланса. Источник

Приоритет
Разные элементы внутри макета отличаются по смысловой нагрузке, весу и значению.
Выделяют три уровня приоритета.

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

Пример расстановки приоритетов на странице Источник

Пропорции
Пропорции — это соотношение размеров элементов внутри макета. Чем часть композиции крупнее, тем сильнее она влияет на внимание и восприятие пользователя.

Поэтому пропорции объектов строятся на основе приоритета. Чем выше приоритет, тем больше размер.

Различие в пропорциях элементов диктует, какой объект на макете увидят первым Источник

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

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

Контраст цвета и размера Источник

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

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

Единый стиль оформления обложек Источник

Новогодняя корпоративность

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

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

Страшнее этих текстов может быть только оформление

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

Но за годы люди научились игнорировать потоки праздничного лицемерия. Письмо, у которого в заголовке хотя бы намёк на то, что внутри будет очередное пожелание «счастья-мира-доброты», пользователи удаляют, не открывая.

Как быть?

Хотите поздравить — пишите людям, которых знаете лично, и вам есть за что сказать им спасибо, а пожелания основывайте на конкретно их ситуации. Каждый адресат получит сообщение, предназначенное именно ему, живое и честное.
Но организация написать «от души» не может, поэтому новогодняя рассылка — скорее дань традиции и очередная попытка напомнить о себе. К тому же компании рассылают поздравления клиентам, партнёрам, поставщикам и подрядчикам. Составлять личное поздравление каждому из 100, 500 или 1000? Это утопия.

Новогоднее настроение что ты делаешь ахахах прекрати

Если партия сказала: надо!

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

Как насчёт примера?

Я разработал такое письмо для новогодней корпоративной рассылки:

В конце декабря принято подводить итоги года, и нам есть чем поделиться! Весь 2018-й мы создавали и продвигали сайты, внедряли CRM, ваяли логотипы — делали всё, чтобы ваша работа стала легче, а прибыль выше.
За год нас стало втрое больше, мы запустили две новых услуги, провели семинар и поменяли фирменный стиль. Мы растём и развиваемся вместе с вами и для вас.
И чтобы дальнейшая совместная работа была ещё более приятной и продуктивной, мы приготовили для вас подарок — скидку 15% на все услуги агентства. Получить скидку вы можете, сообщив нашим сотрудникам промокод.
Спасибо, чтоб были с нами и до встречи в 2018-м!

Текст не без огрех, но как ориентир без штампов вроде «разрешите сердечно пожелать» вполне годен.

Н — неотвратимость

Утреннее

  1. Получаешь в 7:50 утра вот такой комментарий от заказчика:

«Володя попробуй контур вблизи это просто тапки А нужно сердце»

  1. Понимаешь, что этот текст — не результат приступа шизофазии.
  2. Работаешь дальше, смирившись с тем, что заказчик может изъясняться любым доступным ему лексиконом и способом построения фраз.

Три способа обрезать растровое изображение в Adobe Illustrator

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

1. С помощью команды Crop Image

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

  1. Закиньте файл изображения на монтажную область.
  2. Выделите его.
  3. Нажмите на верхней панели кнопку Crop Image.
  4. Настройте границы обрезки, вводя нужные значения в соответствующие поля, или вручную.
  5. Нажмите Apply.

2. С помощью монтажной области

Если изображение нужно сохранить вне текущего макета, поможет монтажная область.

  1. Импортируйте изображение на монтажную область.
  2. Нажмите на боковой панели инструментов Artboard Tool или Ctrl+O на клавиатуре.
  3. Настройте границы монтажной области.
  4. Экспортируйте картинку как обычно (File > Export > Export As). Не забудьте выделить опцию Use Artboards.

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

3. С помощью обтравочной маски

Используйте этот способ, если картинка останется в макете

  1. Наложите на изображение, которое предстоит обрезать, фигуру нужной формы.
  2. Выделите оба объекта.
  3. Нажмите Ctrl+7 на клавиатуре.
Обрезать можно не только прямоугольником.

Чек-лист: готовим макет к печати

Представьте: пятница, до конца рабочего дня пятнадцать минут, все дела сделаны, выходные ждут. Осталось только допить последний кофе, выключить рабочий компьютер и бежать навстречу выходным. И тут из типографии прилетает: «Re: Срочно переделайте! Файлы не подходят!»
Такое случается, когда дизайнер запарился и забыл проверить файл перед отправкой в печать, а менеджер не проконтролировал.
Избежать таких страданий и сберечь время поможет список с обязательным минимумом пунктов для проверки готовности макета. На что обратить внимание?

Уточняем размер

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

Например, размер вертикального листа формата А4: 210×297 мм.

Устанавливаем цветовую модель

Цветовой называется абстрактная модель, которая описывает представление цветов с помощью наборов чисел — цветовых координат.
Подробнее о цветовых моделях я писал в статье «Почему типография требует файл в CMYK».
Да, типография попросит вас сохранить рабочий файл в модели CMYK. Это стандарт, просто следуйте ему.

Настраиваем разрешение

Разрешение макета — это максимальное количество точек краски, которое печатная машина способна уместить в одном квадратном дюйме на листе (Dots Per Inch — «точек на дюйм»).
Если верить исследованиям — оптимальное разрешение при печати составляет 300dpi,при меньшем человеческий глаз увидит пикселизацию и менее чёткое изображение.

Для биллбордов, перетягов и всех широкоформатной рекламы обычно достаточно разрешения в 90-120dpi.

Одно и то же изображение с разрешением 300, 150 и 72 dpi.

Добавляем выпуски

Отпечатанные листы тиража в типографии режутся стопками. Эти стопки могут немного смещаться под нажимом печатного ножа. Например, так возникают срезанная с одного края макета информация и непонятные белые поля с другого.
Выпуски (bleeds) — запечатываемые дополнительные поля вокруг макета. Они нужны, чтобы избежать таких проблем на печати. Даже если нож съедет, он захватит запечатанную область из выпуска, и белого поля не появится.
Размер выпусков варьируется от 2 до 5 мм, он зависит от требований типографии.

Пунктиром показана траектория ножа. Пространство между границами основного макета и выпусками будет срезано.

Приводим текст в порядок

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

Переводим шрифты в кривые

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

Слева — редактируемый текст, справа — он же в кривых.

Это необходимо, если вы отправляете в типографию исходник (например, в форматах .ai, .eps, .cdr или .indd).
При сохранении в PDF шрифты встраиваются в файл, если нет лицензионных ограничений.
Также нет нужды переводить шрифты в кривые, если в печать пойдёт растровый TIFF.

Проверяем чёрный

Если макет предполагает сплошную чёрную заливку, простой чёрный свет лучше не использовать (CMYK: 0-0-0-100) — бумага впитает часть краски, и заливка получится неравномерно серой.
Вместо этого попробуйте составной чёрный — он комбинируется из всех четырёх красок.
Максимальную величину суммы красок уточняйте в типографии, обычно это 220-300%. Если краски будет больше, то бумага размокнет и изображение расплывётся.

Слева — простой чёрный цвет (CMYK: 0-0-0-100). Справа — составной чёрный (CMYK: 60-60-60-100).

Повышаем визуальную привлекательность текста

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

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

Выделяем абзацы

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

Полотно текста слева читать трудно, справа же он разбит на аккуратные абзацы.
  1. Чтобы отделить абзацы один от другого, добавьте между ними дополнительное пространство или втяжку.
    Начало абзаца можно выделить абзацным отступом (красной строкой). Но если абзац следует сразу после заголовка, красная строка не нужна.
  2. Выбор выключки (выравнивания строк в абзаце) зависит от предпочтений дизайнера, редакционных стандартов или правил из брендбука заказчика.

О выключке

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

Закрываем «коридоры»

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

Работаем с кернингом и интерлиньяжем

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

Изменение расстояния между символами на уровне абзаца или большого массива текста называется трекингом.

Наработать навыки кернинга помогают инструменты вроде KERNTYPE a kerning game.

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

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

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

Удаляем лишние пробелы

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

Удалить ненужные пробелы можно с помощью команды «Найти и заменить» в текстовом редакторе или программе вёрстки.

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

Приводим в порядок кавычки

При вёрстке текстов дизайнер сталкивается с цитатами, прямой речью, названиями разных изданий. Все они заключаются в кавычки.
В типографике встречается несколько видов кавычек, среди них «ёлочки» и „лапки“.
В России стандартом оформления печатного текста считаются кавычки «ёлочки».
Если же требуется оформить цитату внутри цитаты, то используются оба типа кавычек. «Ёлочками» выделяется внешняя цитата, „лапками“ — внутренняя.

Например: «„Как это скучно!“ — воскликнул я невольно» (Лермонтов).

Убираем висячие предлоги и союзы

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

Разбираемся с дефисами и тире

Хотя дефис и тире графически выглядят, как просто горизонтальные чёрточки, назначение у них разное. Поэтому путать их при оформлении текста нельзя.

Дефис используется для:

деления слова на слоги или для переноса слова на новую строку (например: ти-по-гра-фи-ка);
деления частей составных слов (например: северо-восток, тёмно-синий);
сокращения слов (например: д-р — доктор, пр-т — проспект);
присоединения частиц (например: что-нибудь, кто-либо).

Дефис не отделяется от слов, с которыми используется. Исключение — случаи, когда в перечислении ко второй части составного слова присоединяются две первые части (например: фото- и видеоматериалы).

В типографике используется два типа тире.

Короткое тире (n-dash). Называется так, потому что его ширина равна ширине буквы N.
Используется только в диапазонах чисел (например: 5—10 классы, в 2007—2018 годах). Пробелами не отбивается.
Длинное тире (m-dash). Названо так, потому что его ширина равна ширине буквы M.
Длинное тире всегда отбивается пробелами и на новую строку не переносится.

Тире используется для:

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

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

Убираем лишние переносы

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

Напомню, слова переносятся по слогам и разделяются дефисами. Дефис остаётся в конце строки.

Переносы полезны при оформлении текста, но злоупотреблять ими не стоит. Используйте 3—4 переноса в тексте одной колонки и не более двух — при вёрстке книжной полосы.

Работаем с разрядкой

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

Однако опасно и лепить буквы друг к другу, чтобы вместить в одну строку как можно больше слов, — страдает удобочитаемость.
Вместе с тем, разрядка в 5—15% не повредит словам набранным капителью (прописными буквами).

Нормальная, слишком узкая и слишком широкая разрядка строчных + два варианта разрядки прописных — обычная и 10%.

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

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

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

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

Google Fonts

Сервис Google Fonts — первое, что приходит на ум, если речь заходит о поиске бесплатных шрифтов. Да, коллекция обновляется катастрофически медленно. Да, Гугл-шрифтами пользуются все, кому не лень. Однако, не стоит забывать, что речь идёт о самом большом наборе бесплатных, проверенных гарнитур. Все они доступны как для скачивания, так и для подключения к сайтам.

Магазины шрифтов

Шрифтовые магазины нередко разрешают скачивать отдельные шрифты бесплатно. Я уже рассказывал, как быстро найти бесплатные кириллические шрифты на MyFonts.com.

Несложно найти бесплатные гарнитуры с поддержкой кириллицы на Fonts.com.

Гарнитура — набор из нескольких стилистически единых шрифтов в разных начертаниях.

Немного бесплатной кириллицы есть в магазине Fontshop. Зайдите в раздел Free fonts, в опциях поиска задайте форматы Open Type и True Type и выберите русский язык.

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

Бесплатные сборники

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

Fontspace
Font Squirrel
Dafont

Сообщества дизайнеров

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

Искать бесплатную кириллицу на Behance
Искать бесплатную кириллицу на Dribbble
Искать бесплатную кириллицу на DeviantArt

Сайты издателей

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

Кириллица от Fontfabric
Общедоступные кириллические шрифты ПараТайп
«Проект бесплатных шрифтов» Ивана Гладких
Сайт 4th Februaru Сергея Ткаченко
Бесплатные шрифты Михаила Панфилова

P.S. Создатели шрифта разрешают пользоваться им в личных и (или) коммерческих целях. Чтобы избежать проблем с авторскими правами, прочитайте текст лицензии до того, как начнёте использовать шрифт.

Текст про тексты. Как я готовлю материалы к публикации

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

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

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

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

Итоговую проверку на орфографию доверяю Орфографу — сюда я помещаю текст целиком, а не отдельными фразами.

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

Как я работаю с курируемым контентом

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

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

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

Где нахожу контент

В email-рассылках.
В профильных сообществах Facebook и Twitter.
На тематических порталах и профильных блогах.
В лентах RSS.

Где храню и систематизирую

Хранить найденные в социальных сетях и на сайтах статьи предпочитаю в Google Keep — бесплатном сервисе от Google для заметок, списков и закладок. Пользуюсь им через плагин для браузера и в мобильном приложении. Один клик — и ссылка на статью в закладках, а ориентироваться в массиве сохранённых ссылок помогают теги

Чем можно заменить

Pocket
CheckitLink
Instapaper
Evernote Web Clipper

Статьи из RSS-лент читаю, классифицирую и храню в Feedly.
Ленты (блок «Feeds») разбиты на папки-категории: «Маркетинг», «Дизайн», «Корпоративные блоги», «Личные блоги», «Новости» и «Прочие». Интересующие статьи в потоке добавляю в закладки («Read Later»), нужные для тематических подборок — в заранее созданные тематические доски («Boards»).

Ранее Ctrl + ↓