Содержание

«Трамплин», «Шрифты Онлайн», «Мой Урал» — ADCI Solutions на vc.ru

Вторая подборка кейсов от участников конкурса Drupal-сайтов: новый медиапроект из Омска, сервис для подбора шрифтов и путеводитель по курорту Урала.

280 просмотров

Участники Russian Drupal Awards 2022 повышают свои шансы на победу, если сопровождают заявку кейсом — рассказом о целях проекта, способах их достижения и роли Drupal в этом. Некоторые из них мы решили публиковать для наших читателей на vc.ru — если ещё не читали, то почитайте, например, о сервисе для нумерологических расчётов, платформе для создания 3D-моделей и сайте салонов оптики. Это вторая публикация из серии.

Fonts Online

Расскажите о бизнесе, которому помогает сайт

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

Шрифты Онлайн

Какие цели и задачи ставились перед сайтом?

Цель проекта — быть удобным сервисом для людей, которым нужен шрифт, но они ещё не определились какой.

Как достигались цели, поставленные перед сайтом?

В начале разработки я уже использовал Drupal в нескольких простых проектах и точно знал, что буду делать сайт только на нём, так как хотелось сделать максимально быстрый старт, отсюда и выбор многих решений. Тогда актуальной была 6 версия. Первая версия сайта была простым каталогом, созданным через термины таксономии. Шрифты отображались как картинки, генерируемые-php скриптом, а тема и оформление были создана на основе какой-то базовой темы без привлечения дизайнера.

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

Укажите, пожалуйста, показатели, подтверждающие достижение поставленных перед сайтом целей

Сайт fonts-online.ru находится в топ-3 в выдаче Яндекса по ключевым словам, связанным со шрифтами: «Шрифты», «Бесплатные шрифты», «Кириллические шрифты» и т. д.

По данным similarweb, fonts-online.ru находится на 40400 месте среди всех сайтов мира и на 2200 среди сайтов России.

Расскажите про самую сложную задачу на проекте и как она была решена. Поспособствовал ли решению непосредственно Drupal?

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

Каждый шрифт (файл TrueType или OpenType, имеют расширения *.ttf и *.otf) хранят в себе много полезной информации: название шрифта, семейство, имя создавшего его дизайнера, лицензию, техническую информацию вроде начертания или наклона и многое другое. Нет смысла заполнять эти поля вручную, поэтому при создании материала файл парсится и из него извлекается нужная информация, которой заполняются соответствующие поля материала.

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

Все эти задачи легко решаются в рамках хуков и экстра-полей (computed field) Drupal.

Почему вы построили сайт на базе Drupal? Какое качество этой CMS максимально проявляет себя на проекте?

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

Пробовал WordPress, Joomla, ещё какие-то, но выбрал Drupal, на тот момент шестую версию. Drupal был не очень популярен, но меня подкупили возможности этой CMS, на нем можно было создать все! Универсальность и функциональность — лучшие качества Drupal.

Если можете, расскажите о технологическом стеке вашего сайта

На данный момент в сервисе используются следующие технологии:

  • Backend: Ubuntu 20.04, PHP 8, NGINX, Percona Server, Drupal 9, Composer
  • Frontend: Webpack, Glimmer, Tailwind CSS

Так как проект начинался на шестой версии Drupal, а на подходе уже 10, отдельно хотелось бы упомянуть процесс миграции между мажорными версиями Drupal. Переход с 6 версии на 7, а в последствии и на 8 версию, был довольно топорным — тогда богатой функциональности особо не было, а свой код было проще написать с нуля чем, рефакторить старый. Я просто создавал новый проект на новой версии Drupal, дописывал недостающие функции и импортировал материалы из предыдущей версии.

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

Весь фронтенд построен на веб-компонентах, Drupal пока в этом слаб, поэтому использовался Glimmer.

Drupal-модули довольно стандартные для любого Drupal проекта: devel, email_registration, flag, fz152, google_analytics, imagemagick, metatag, openid_connect, paragraphs, pathauto, raven, recaptcha, redirect, schema_metatag, simple_sitemap, smtp, twig_tweak.

Тема своя, CSS-фреймворк — Tailwind.

Как сайт продвигает себя и привлекает правильную аудиторию?

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

Почему вы решили участвовать в конкурсе?

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

Огромное спасибо организаторам и спонсорам Russian Drupal Awards за этот конкурс и возможность принять в нем участие.

Медиа «Трамплин»

Расскажите о бизнесе, которому помогает сайт

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

Какие цели и задачи ставились?

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

«Трамплин»

Как достигались цели, поставленные перед сайтом?

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

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

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

Укажите, пожалуйста, показатели, подтверждающие достижение поставленных перед сайтом целей

Мы не можем публиковать детали об этом, но «Трамплин» стал популярен в Омске и транслируется другими СМИ.

Расскажите про самую сложную задачу на проекте и как она была решена. Поспособствовал ли решению непосредственно Drupal?

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

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

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

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

Почему вы построили сайт на базе Drupal?

Перед разработкой сайта мы выбирали между WordPress, Drupal и «Битрикс». Так как сайт был разработан для регионального СМИ, его доступность и работоспособность были крайне важны. Поэтому мы выбрали Drupal как CMS, более устойчивую к кибератакам по сравнению с конкурентами.

Все функции Drupal понятно описаны в документации. Это позволяет с легкостью их использовать для выполнения нужных задач.

Какое качество этой CMS максимально проявляет себя на проекте?

Скорость работы сайта и быстрые Ajax-запросы.

Если можете, расскажите о технологическом стеке вашего сайта.

  • Подключение автоматических платежей и оплаты от Альфа-Банка;
  • Модуль для поиска Search Autocomplete;
  • CKEditor и дополнительные библиотеки к нему;
  • дополнительные модули для работы с контентом и мета-тегами.

Как сайт продвигает себя и привлекает правильную аудиторию?

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

Почему вы решили участвовать в конкурсе?

Считаем, что сделали важное дело: создали новое СМИ, которое создает положительный образ и бренд города, а также является популярным в Омске!

Мой Урал

Расскажите о бизнесе, которому помогает сайт

Один из крупнейших всесезонных курортов Южного Урала «Солнечная долина», при грантовой поддержке Ростуризма, интенсивно развивает туристическую инфраструктуру. Так, для гостей региона здесь создали туристическую тропу, интерактивный визит-центр, а также мобильное приложение с интересными местами и маршрутами по Горно-Заводской зоне Челябинской области.

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

Сайт позволяет прочитать статьи о Южном Урале, посмотреть маршруты и прослушать аудиогиды. Также на курорте были расставлены таблички с QR-кодами, по которым можно перейти к чтению материалов сайта о локации. Теперь многочисленные гости курорта, приезжающие на важные культурные события (Ильменский фестиваль) или международные соревнования (этап кубка мира по ски-кроссу), смогут больше узнать об Урале, прослушать лекции в визит-центре и запланировать своё новое путешествие.

Какие цели и задачи ставились?

  • Создать адаптивный сайт с интерфейсом приложения, который можно будет удобно использовать не только в браузере, но и на тач-панелях визит-центра и мобильных устройствах.
  • Создать PWA мобильные приложения и выложить их на Android и Appstore. После 24 февраля было принято решение дополнительно выложить приложения в NashStore.

Примечание: Мы верим, что подход PWA (т.е. браузер как точка входа и как платформа для разработки) со временем отвоюет у нативных приложений немалую долю рынка. Сейчас PWA работают везде, по сути не зависят от магазинов приложений и обеспечивают близкий к нативному user experience.

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

Как достигались цели, поставленные перед сайтом?

  • Был разработан логотип и стилистика проекта (промо-материалы: https://disk.yandex.ru/d/9AEHnA34JTa1GA). Изначально разработали три концепции (https://disk.yandex.ru/i/DB-EkyWn8xSBlQ), из которых заказчик выбрал наиболее подходящую и выдержанную.

Принятый заказчиком логотип — в центре

После внесения правок у нас появилась визуальная основа. Вооружившись выбранной стилистикой, мы создали иллюстрацию, в которой спрятали различные пасхалки, т.е. места из маршрутов сайта. Визуально получился Южный Урал со всеми его узнаваемыми пейзажами. Иллюстрация стала основой дизайна и встречает пользователя на первом экране. В качестве слогана проекта мы использовали слова писателя Джона Стейнбека: «Это не люди создают поездки – поездки создают людей. Выбирайте маршруты, узнавайте новое, созидайте себя».

«Мой Урал»

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

И пару слов о названии — мы опирались на культурный контекст и свободные домены, в итоге оптимальным оказался вариант Мой Урал и точка. Для приложения зарегистрировали домен myural.online, для рекламы используем два варианта: МойУрал. рф и Мой-Урал.рф.

  • Разработан дизайн сайта. Далее проект был свёрстан под Drupal 8. При разработке мы опирались на готовую стилистику курорта, в основе которой лежит дизайн-экосистема, состоящая из готовых визуальных блоков. Тут для нас не было ничего сложного — нам просто нужно было следовать документации и уделить больше внимания наполнению.
  • В сотрудничестве с компанией Initlab был разработан наиболее сложный функционал – интеграция «Яндекс Карт» для автоматической генерации маршрутов (подробнее об этом ниже).
  • После наполнения и тестирования сделали PWA-версию сайта, на основе которой создали PWA- приложения для всех платформ. Пришлось помучиться с AppStore, т. к. приложения для этого магазина нужно было подписывать цифровым сертификатом (этот процесс показался нам непростым и запутанным), а также соблюсти множество других нюансов. На текущий момент очень недовольны скоростью приложения под Android и готовим новую версию, которая решает эту проблему.
  • Для больших тач-панелей визит-центра мы нарисовали карту Горно-Заводской зоны Челябинской области, чтобы наглядно показать где это и что там посмотреть. Получилось наглядно и эффектно, если смотреть на тач-панелях: https://myural.online/map.

Для оформления визит-центра создали плакаты А2 о местной фауне. Прочитайте, чем интересен, например, степной орёл.

Плакат в визит-центре

Укажите, пожалуйста, показатели, подтверждающие достижение поставленных перед сайтом целей

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

Расскажите про самую сложную задачу на проекте и как она была решена. Поспособствовал ли решению непосредственно Drupal?

Для нас наиболее сложной задачей стала генерация маршрутов на лету при помощи API «Яндекс Карт». Решить её мы смогли при помощи разработчиков из компании Initlab, которые уже имели опыт в реализации подобных задач. К сожалению, для Drupal 8 нет готовых удобных модулей по интеграции «Яндекс Карт», поэтому для нашего проекта пришлось писать свой отдельный модуль, который:

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

Есть проблемы, над решением которых мы работаем сейчас, в частности, использование Ajax при переключении страниц, здесь Drupal далеко не идеален. На текущий момент эту задачу пока не решили, т. к. есть более приоритетные задачи.

Почему вы построили сайт на базе Drupal? Какое качество этой CMS максимально проявляет себя на проекте?

Наша студия работает только с этой CMS, в ней мы уверены и сделали на ней множество проектов. Данный проект — ещё одно доказательство, что Drupal — это система с большими возможностями. Главное — знать как готовить (что относится и к любому другому решению).

Если можете, расскажите о технологическом стеке вашего сайта

На бэкенде используем Drupal 8. Из модулей отметим: Geolocation + Geolocation — Yandex Maps, Mobile Detect, Paragraphs + Paragraphs Browser, Pathauto, Progressive Web App, Routes, Taxonomy Views Integrator, Simplify Menu, Twig Field Value, Twig Tweak, Chosen, Responsive Favicons, Field Group, Views Autosubmit, Views Show More Pager, Ace Editor, Site Settings and Labels.

Если говорить о фронтенде, то хочется отметить плагин для зумирования карты Smooth Zoom Pan — jQuery Image Viewer. С его помощью нам удалось быстро всё настроить. Плагин хоть и очень старый, но работает хорошо, имеет много возможностей и поддерживает тач-панели.

Как сайт продвигает себя и привлекает правильную аудиторию?

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

Почему вы решили участвовать в конкурсе?

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

Победители конкурса Russian Drupal Awards будут определены осенью. В этом году мы определим победителей в пяти номинациях: «Лучший промо-сайт, лендинг или сайт-визитка», «Лучший интернет-магазин», «Лучший онлайн-сервис», «Лучший сайт СМИ, медиа или блог» и «Лучший корпоративный сайт».

Комбинировать шрифты | Онлайн и бесплатное слияние

Powered by aspose.com and aspose.cloud

Попробуйте другие приложения

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

Вот инструмент для ваших целей. В его экосистеме есть бесплатное веб-приложение для объединения шрифтов онлайн. Всего за несколько секунд вы смешиваете глифы нужных шрифтов и получаете комбинированный файл шрифтов. Приложение работает с форматами TTF, CFF, WOFF, WOFF2, Type 1 и EOT.

Приложение работает с Mac OS, Linux, Android, iOs и любым другим интерфейсом. Нет необходимости устанавливать какое-либо программное обеспечение на ваше устройство. Единственное, что вам нужно, это веб-браузер.

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

  • Комбинируйте шрифты онлайн простым способом.
  • Получите компактный документ, состоящий только из нужных вам глифов.
  • Объедините шрифты, чтобы получить файл шрифта меньшего размера.
  • Функциональность поддерживает форматы TTF, CFF, WOFF, WOFF2, Тип 1 и EOT.
  • Сохраните объединенный документ в формате TTF, WOFF или WOFF2.

Как объединить шрифты

  • Выберите приложение, равное формату исходных шрифтов.
  • Выберите приложение, равное формату, в котором вы хотите сохранить комбинированный шрифт.
  • Чтобы добавить файлы, нажмите в любом месте синей области или кнопку Обзор файла, чтобы загрузить или перетащить их. Вы также можете добавить файлы, введя их URL-адрес в ячейке URL-адреса.
  • Чтобы сбросить выделение или начать сначала, щелкните крестик в правом верхнем углу области перетаскивания.
  • org/HowToStep»>Затем вам нужно ввести символы исходных шрифтов, которые вы хотите перенести в результирующий файл. Вы также можете выбрать набор символов, щелкнув один из элементов выбора справа. Обратите внимание, что если символы совпадают, они будут взяты из последнего файла шрифта.
  • Нажмите на кнопку Объединить. Ваши наборы глифов будут загружены и объединены в формат результата.
  • Ссылка на скачивание будет доступна сразу после объединения.
  • Чтобы начать все сначала, нажмите кнопку Вернуться к приложению.

FAQ

  • Как объединить шрифты?Сначала выберите формат документов, которые вы хотите объединить, и формат, в который вы хотите сохранить полученный результат. Затем добавьте документы для объединения: щелкните в любом месте синей области или кнопку Обзор файла, чтобы загрузить или перетащить шрифт. Можно также добавить документы, введя их URL-адрес в ячейке URL. Введите нужные символы и нажмите кнопку Объединить. Когда шрифты объединены, вы можете загрузить полученный результат.
  • Сколько времени нужно, чтобы комбинировать шрифты?Это приложение работает быстро. Шрифты будут объединены всего за несколько секунд.
  • Безопасно ли использовать это приложение?Конечно! Ссылка для скачивания результирующего файла будет доступна сразу после слияния. Мы удаляем его через 24 часа, и после этого ссылка перестанет работать. Никто не имеет доступа к вашим файлам. Объединение шрифтов абсолютно безопасно.
  • Могу ли я использовать приложение на Linux, Mac, OS или Android?Да, вы можете использовать его в любой операционной системе с веб-браузером. Оно работает онлайн и не требует установки программного обеспечения.
  • Быстрое и простое слияние

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

    Он работает на всех платформах, включая Windows, Mac, Android и iOS. Все обрабатывается на наших серверах. Установка плагинов или программного обеспечения не требуется.
  • Качество объединения

    Функциональность работает с использованием API-интерфейсов Aspose, которые используются многими компаниями из списка Fortune 100 в 114 странах.

Правда о плохом шрифте в вашем онлайн-курсе Proof Mango

Шрифт — это больше, чем просто красивый вид — это атмосфера.

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

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

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

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

Результат — рассеянность, непонимание, раздражительность и, в конце концов, непройденный курс — и все это совершенно вас недостойно.

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

И этому способствует хороший шрифт.

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

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

Вот правда о плохом шрифте в вашем онлайн-курсе: он подсознательно говорит вашим ученикам уйти .

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

Это потому, что шрифты не просто передают информацию — они вызывают эмоции, даже если мы этого не осознаем.

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

(Довольно странно об этом думать.)

Но это только верхушка айсберга.

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

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

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

Вот несколько вещей, которые следует учитывать при выборе лучшего шрифта для онлайн-курса: 

  • О чем он сообщает вашим ученикам? В книге «Как вас видит мир» Салли Хогсхед рассказывает о семи языках, которые мы используем для общения для достижения разных результатов. Основной язык, на котором вы хотите общаться в своем курсе, — это доверие. Убедитесь, что ваш шрифт передает это четкими линиями, четкой формой, балансом и хорошим контрастом.
  • Придает ли он сплоченность вашему бренду? Если у вас более 2 или 3 типов шрифтов, ваш курс может выглядеть менее привлекательным, менее продуманным и менее цельным.
  • Могут ли учащиеся обрабатывать информацию? Вам нужна визуальная иерархия, чтобы установить порядок того, как учащиеся видят и обрабатывают вашу информацию. (Мы к этому подходим, я обещаю.) Чем сложнее ваш шрифт для чтения, тем меньше вас поймут.
  • Хорошо ли он выглядит на всех платформах? На разных платформах шрифт отображается по-разному, поэтому важно протестировать его везде и убедиться, что все ваши шрифты отображаются четко и последовательно.

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

Via Tim Slade

на них маленькие акценты. Вспомните Times New Roman, Garamond и Georgia.

Шрифты без засечек не имеют знаков ударения. Вспомните Arial, Helvetica и Verdana.

Шрифты Script — это такие шрифты, как Great Vibes, Pacifico и Allura. Я бы не рекомендовал использовать эти шрифты в вашем онлайн-курсе, потому что они не такие читабельные. Но они отлично подходят для маркетинга и брендинга.

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

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

Но это может быть неплохо .

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

Звучит совсем наоборот, но исследователи говорят, что трудность шрифта во время чтения развивает своего рода умственную мускулатуру.

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

Однако это не означает, что вы начнете использовать в своем курсе трудный для чтения шрифт — это просто означает, что шрифт с засечками стоит рассмотреть.

Так что помните об этом при выборе шрифта.

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

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

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

Via History Graphic Design

Вам не обязательно нужен шрифт для всех трех разделов — вы можете выбрать только два шрифта: один для заголовков и один для основного текста. Хорошее эмпирическое правило — никогда не использовать более 2-3 шрифтов в своем курсе, чтобы все не выглядело слишком неорганизованным.

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

При создании визуальной иерархии учитывайте две вещи: возраст вашей аудитории и тематику вашего контента.

Возраст вашей аудитории важен, потому что чем старше вы становитесь, тем труднее читать в Интернете. Например, у людей в возрасте 40 лет только половина света проходит через их глаза. А для людей в возрасте 60 лет проникает только около 20% света.

В этих случаях размер шрифта должен быть больше, чем вы обычно думаете (если ваша аудитория старше 40 лет).

Также не забывайте о предмете. Какие эмоции вы пытаетесь вызвать своим контентом? Вы пытаетесь произвести впечатление профессионализма или веселья?

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

Теперь давайте посмотрим на несколько крутых сочетаний шрифтов для вашего онлайн-курса.

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

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

Пара шрифтов #1

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

Не пытайтесь использовать два шрифта с засечками или два шрифта без засечек — например, Arial + Helvetica или Times New Roman + Garamond. Это просто выглядит неловко, так как оба типа шрифта выглядят очень похожими.

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

А Helvetica хорошо известна своей легкостью чтения и способностью четко передавать текст — идеально подходит для онлайн-курсов.

Font Pairing #2

Rockwell — полужирный шрифт с засечками. Он проецирует основательность и уверенность . Он похож на старые шрифты постеров к фильмам и имеет большое разнообразие с точки зрения веса и курсива.

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

Font Pairing #3

Это сочетание шрифтов я недавно видел в курсе Leverage доктора Кэрри Роуз. Это придало курсу чистоту, организованность и отточенность.

Это тот же шрифт без засечек (Open Sans), но выделенный жирным шрифтом для заголовков. Это хороший способ использовать один и тот же шрифт двумя способами, и он отлично подходит для сохранения единообразия внешнего вида в вашем курсе.

Font Pairing #4

Raleway в сочетании с Roboto Slab — это красивое, чистое сочетание. Raleway — более сложный шрифт, а Roboto Slab — простой шрифт с засечками и естественным ритмом чтения.

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

Font Pairing #5

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

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

Шрифт всегда отправляет сообщение в вашем курсе. Это сообщение, написанное хорошим шрифтом:

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

С плохим шрифтом это сообщение:

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

Чтобы дать вам последний пример красивого, отточенного стиля шрифта в онлайн-курсе, посмотрите на этот снимок экрана из курса Dr. Carrie Rose Leverage, о котором мы упоминали ранее:

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

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

Как создатель курса, содержание вашего курса должно быть не только интересным, но и легко читаемым .

Однако, как мы упоминали ранее, иногда шрифт с засечками (например, Times New Roman или Garamond) может заставить ваших читателей замедлиться и потратить больше времени на ваш контент.

Так что, если это ваша цель, примите это во внимание.

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

Отличный совет от доктора Кевина Ларсона, психолога чтения, давшего интервью для подкаста Human Tech, заключается в том, чтобы быть невидимым при выборе шрифта:

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

И наоборот, давайте рассмотрим пример не очень удачного шрифта в вашем онлайн-курсе. Вот пример белого шрифта Impact на черном фоне на слайде:

Это считается трудным для чтения.

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

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

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

Затем определите правильное сочетание шрифтов. Выберите тот, который сделает вас невидимым, и сосредоточьтесь на содержании.

Помните об этих последних вещах:

  • Создайте визуальную иерархию . Когда вы решаете, какой шрифт вы будете использовать в заголовках и основном тексте, это обеспечивает согласованность, которая помогает вашим учащимся быстрее находить нужный им контент.
  • Мелкий шрифт вызывает утомление глаз . Поддерживайте размер основного шрифта в пределах 14-16 пунктов и никогда не ниже 10 пунктов.
  • Никогда не используйте более 3 шрифтов в своем онлайн-курсе.
  • Никогда не смешивайте два одинаковых типа шрифта , например, Century и Times New Roman.
  • Используйте пустое пространство для визуального разделения ваших заголовков, субтитров, контента и/или иллюстраций.
  • Не переусердствуйте с заглавными буквами , полужирным шрифтом, курсивом или подчеркиванием. Особенно избегайте подчеркивания слов, так как они всегда воспринимаются как ссылки в Интернете и могут запутать учащихся.

Какой шрифт вы используете в своем онлайн-курсе? Сколько мыслей вы вложили в это? Как вы думаете, это имеет значение? Буду рад услышать ваши истории!

moniquemuro

Моник — корректор онлайн-курсов из солнечного Лос-Анджелеса. Она создает информационные продукты, связанные с написанием текстов курсов, например, ее флагманский курс Course Copy Essentials. И она любит помогать создателям курсов хорошо выглядеть в тексте. Вы можете найти ее свернувшись калачиком с кофе и хорошей книгой, когда она не корректирует содержание курса и не впитывает все, что связано с онлайн-обучением.

Как продавать шрифты в Интернете (+ советы по заработку)

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

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

  • Начните продавать бесплатно
  • Маркетинговые советы по продаже шрифтов
  • Технические советы по продаже шрифтов

Начните продавать бесплатно

Лучший способ создать бизнес или подработку с вашими шрифтами — продавать их на вашем собственном веб-сайте.

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

🎉 Вы можете создать свой собственный веб-сайт и платформу электронной коммерции без необходимости кодирования.

Два примера

Вот красивые сайты, продающие действительно классные шрифты.

Pixilate Fonts

Mix Fonts

🤩 Как им это удалось? С WordPress и Easy Digital Downloads.

Получите полный контроль и создайте собственный магазин шрифтов с помощью WordPress и Easy Digital Downloads (EDD).

  • О WordPress и EDD
  • Пошаговое руководство по началу продаж

О WordPress и EDD

Зачем использовать WordPress и EDD? Потому что вы получаете мощность, гибкость и доступность.

Почему WordPress?

WordPress — лучший способ создать собственный веб-сайт. Сейчас на нем работает более 43% всей сети. Какие!? 🤯 Да. WordPress имеет самую большую экосистему тем (шаблонов), плагинов и профессиональных поставщиков услуг. Это делает его мощным и гибким.

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

😭 У вас нет сайта на WordPress? Без проблем! 😂 WordPress бесплатен! Тяжело поверить, но это правда. Лучший и самый популярный в мире конструктор сайтов с открытым исходным кодом. Это бесплатно и бесценно. Вы можете использовать его, как хотите. Вам просто нужен хороший веб-хостинг.

  • Нажмите здесь, чтобы найти хороший веб-хостинг (также ознакомьтесь с кодами скидок! 🤑)
  • Нужно перейти с другой платформы? Это, безусловно, возможно и, вероятно, было сделано раньше на любой платформе, на которой вы находитесь. Ознакомьтесь с этими руководствами по переключению.
Почему ЭДД?

Точно так же, как вы можете доверять WordPress, вы можете доверять Easy Digital Downloads. EDD имеет подтвержденный 10-летний опыт работы. Более 50 000 компаний доверяют EDD управление своими цифровыми магазинами.

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

Почему нет других решений?

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

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

Во-вторых, вы можете использовать EDD бесплатно.

Бесплатно как бесплатно. Нет накладных расходов.

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

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

Полный контроль! Вот что дает вам бесплатная версия EDD:

  • Защищенные файлы продуктов, только платные клиенты будут иметь доступ к вашим цифровым загрузкам
  • Неограниченное количество продуктов
  • Полный контроль над ценообразованием
  • Корзина для покупок
  • Гибкие варианты оформления заказа
  • Коды скидок
  • Управление клиентами (базовая CRM)
  • Отчеты по электронной торговле
  • Импорт/экспорт продуктов и данных с помощью CSV над брендингом)

⭐️ Что вам мешает построить свою мечту прямо сейчас?


Пошаговое руководство по началу продаж

После установки Easy Digital Downloads у вас появится новый пункт меню под названием Загрузки на панели инструментов WordPress (слева).

🔍 Узнайте больше об использовании и установке плагинов здесь

Цифровые продукты называются «Загрузки» в EDD.

Сначала наведите указатель мыши на Загрузки и нажмите Добавить новый .

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

После этого укажите цену вашего шрифта.

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

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

Примечание. Этот загружаемый файл будет защищен от поисковых роботов и несанкционированной загрузки файлов (не клиентами). О-о-о-о! 🥳

Продукт / Изображение для загрузки

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

🔍 Ознакомьтесь с нашим руководством по созданию продукта i маги (также есть бесплатные шаблоны!) Скачать изображение .

После этого… готово. Хорошая работа! Это было легко! Нажмите Опубликовать .

Давайте посмотрим на страницу так, как ее увидит потенциальный покупатель.

Нажмите View Download в верхнем баннере уведомлений, который появился после того, как вы нажали кнопку «Опубликовать».

Вы увидите свой шрифт (Скачать, Продукт) в интерфейсе вашего сайта. Это страница продукта или страница загрузки. В нашем примере мы используем бесплатную тему Astra. Внешний вид и стиль вашего сайта будут различаться в зависимости от того, какая у вас тема WordPress.

Настройка способа оплаты

Наконец, вам нужно настроить способ, которым клиенты будут платить вам!

Мы рекомендуем использовать Stripe. Он прост в использовании и имеет отличные функции. С Stripe вы также можете настроить кнопки Apple Pay или Google Pay. Если Stripe недоступен в вашей стране или вам нужны другие валюты, хорошим вариантом будет PayPal или один из наших других шлюзов.

Узнайте больше и начните работу с:

  • Stripe
  • PayPal
  • Посмотреть все наши платежные шлюзы

Что видит покупатель

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

Предустановленный текст для этого электронного письма отлично работает. Или вы можете настроить это электронное письмо по своему усмотрению в разделе «Загрузки» > «Настройки» > «Электронная почта» > «Квитанции о покупках» 9.0094 .

Ссылка «Моя загрузка», которую вы установили выше, — это то, что клиент использует для получения своего нового шрифта. Предоставленная ссылка действительна через 24 часа.

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

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


Маркетинговые советы по продаже шрифтов

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

Вот несколько советов, как начать маркетинг и продвижение ваших шрифтов.

Найдите нишу

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

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

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

Они скажут: «О, мне это нравится, нет, мне это нужно».

Некоторые нишевые идеи:

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

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

Coexist

Продажа ваших шрифтов на торговой площадке (или через торговых посредников) имеет как плюсы, так и минусы.

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

🔍 Нажмите здесь для подробного анализа торговых площадок за/против

Одна из стратегий для этой дилмы — делать и то, и другое! По крайней мере на ранней стадии.

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

  • К популярным торговым площадкам относятся: Etsy, Creative Market, Envato, FontShop или FontSpring
    • Многие сайты со шрифтами принадлежат известному международному конгломерату Monotype/Linotype; включая MyFonts (myfonts.com) и fonts.com

Вот несколько идей, как извлечь лучшее из обоих миров:

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

Показать шрифт в использовании

Отличный способ сделать ваши шрифты совершенно неотразимыми — продемонстрировать их использование в красивом дизайне или макете.

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

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

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

Лид-магниты (бесплатные)

Мне нравятся бесплатные вещи. Тебе нравятся бесплатные вещи. Как и ваши потенциальные клиенты!

Один из проверенных способов, которым умные предприниматели получают трафик на свои веб-сайты (интернет-магазины), — это лид-магниты. Лид-магнит — это просто желанный ресурс, который вы отдаете бесплатно в обмен на адрес электронной почты.

Совет: создавайте и раздавайте бесплатно праздничные шрифты. Это дает два больших преимущества:

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

2: они будут использовать ваш бесплатный шрифт только для этого ограниченного праздничного использования, а не в течение всего года, что повышает вероятность того, что они купят у вас премиум-шрифт!

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

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

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

Совет для профессионалов: используйте лид-магниты в своих сообщениях в блоге (читайте ниже).

Продвигайте свой блог

У вас есть мощный маркетинговый инструмент, готовый и ожидающий прямо на вашем веб-сайте.

🥁💥 Ваш блог!

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

Как часто вы ищете Google или Bing, чтобы ответить на вопрос, решить проблему или узнать что-то новое? Только около 500 раз в день, верно!?

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

О чем ты пишешь? То, что вы любите, знаете и о чем заботитесь. Что, если вы делаете и продаете шрифты, должно быть графическим дизайном и типографикой.

Вот несколько идей для контента:

  • Напишите обзоры ваших любимых приложений, веб-сайтов и инструментов для дизайна и шрифтового дизайна
  • Проведите ускоренный курс по работе со шрифтами, расскажите людям, что это такое; восходящие, нисходящие, лигатура и стволы. Узнайте, что такое шрифты без засечек и с засечками. Опишите интерлиньяж и кернинг. Чем больше они знают о шрифтах, тем больше они оценят ваши продукты.
    • Это также укрепит ваш авторитет и авторитет в области дизайна шрифтов и графического дизайна.
  • Научите людей, как выбирать и сочетать шрифты
  • Раздайте (или дайте ссылку) бесплатные ресурсы, ресурсы для владельцев бизнеса

Поделитесь в социальных сетях

Представьте или изучите своего идеального клиента. Где они «тусуются» в сети?

  • Эти креативщики ищут вдохновляющие визуальные эффекты в Instagram?
  • Может быть, они ищут смеха в TikTok?
  • Или они ищут решение своей проблемы в LinkedIn?

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

Что разместить? Просто покажите свои шрифты в действии, как описано выше в разделе «Показать используемый шрифт». Создавайте яркие дизайны с большим количеством цветов, которые идеально подчеркнут ваши шрифты. Не знаете, чем поделиться? Вот несколько идей:

  • Известные или вдохновляющие цитаты
  • Сезонные поздравления
  • Риффы на мемы с вашим личным изменением дизайна (с использованием вашего шрифта)
  • Спросите людей, какой шрифт, по их мнению, лучший (удваивается как исследование рынка)

Должен ли я сказать шрифт или гарнитуру?

Следует ли говорить «шрифт» или «гарнитура» при маркетинге или продвижении ваших шрифтов?

Обычно следует говорить «шрифт». Но это зависит от вашей аудитории. Иногда могут использоваться оба термина.

Гарнитура — Группа символов и букв, имеющих единый дизайн. Группа шрифтов.
Пример: Arial
Пример: Roboto

Шрифт — особый стиль, ширина и вес внутри гарнитуры (группы).
• Пример: Arial, полужирный, размер 18.
Пример: Roboto, средний, размер 24

Когда использовать «Шрифт»

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

Используйте слово «Font» в:

  • Названия
  • Описания продуктов
  • Категории и теги
  • URL / ссылки / Permanicks
  • Большинство Copywriting
, когда используйте. слово «шрифт», если ваша аудитория — графические дизайнеры, получающие технические знания.
Даже когда вы делаете это, вы можете использовать оба слова повсюду, чтобы убедиться, что все понимают, о чем вы говорите.

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

  • Информация о продукте
  • Технические характеристики
  • Часто задаваемые вопросы
  • Документация

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

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

Загружайте и продавайте шрифты в виде ZIP-файлов

Независимо от того, какие форматы файлов вы используете, мы рекомендуем продавать ваши продукты в виде ZIP-файлов. ZIP-файлы предлагают самые высокие шансы на успех и совместимость. ZIP-файлы, скорее всего, будут:

  • Разрешенный тип файла для загрузки на ваш веб-сервер
  • Разрешенный тип файла для вашего магазина или веб-сайта
  • Возможность загрузки для наибольшего процента ваших клиентов открыт/предварительно просматривается в веб-браузере и не загружается, если не указано иное, что приводит к путанице клиентов)

🔍 Нажмите здесь, чтобы получить более подробную информацию о том, почему (и как) использовать ZIP-файлы для продажи

How To Create Fonts

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

Все еще работаете над новым шрифтом? Не знаете, как начать? Без проблем. 🙌

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

  • Создание шрифта с помощью Adobe Illustrator — руководство в блоге Adobe Make It
  • Fontlab — приложение для macOS и Windows для создания шрифтов. Это приложение с множеством функций и элементов управления, таких как использование условных глифов. Это может занять время, чтобы узнать.
  • Glyphs — приложение macOS для создания шрифтов, а также надписей и значков.
  • Fontself — Расширение для работы с глифами и шрифтом в Adobe Illustrator или Photoshop (версия для ПК). В дополнение к платному расширению Fontself требуется лицензия Adobe Creative Cloud или отдельного приложения).
  • Caligraphr — веб-сайт с инструментами для преобразования вашей каллиграфии или письма в настоящие шрифты. У них есть бесплатные и платные варианты.
  • Glypher Studio — бесплатное веб-приложение для дизайна шрифтов. Там написано, что он предназначен больше для любителей. Это может быть хорошим местом для начала, если вы только учитесь.

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

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

  • Creative Fabrica
  • Creative Market
  • DesignBundles
  • Envato Elements
  • Etsy
  • FontSpring
  • HypeForType
  • LinoType
  • My Fonts
  • So Fontsy
  • TheHungryJPEG
  • Yellow Images

💸 😼 Помните, что эти платформы берут большую долю с каждой продажи.

Используете WordPress и хотите получить Easy Digital Downloads бесплатно?

Введите URL-адрес вашего веб-сайта WordPress для установки.


Заключение

Отлично! Вы узнали, как продавать свои шрифты в Интернете.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *