Сегодня мы запускаем новые инструменты для дизайна веб-сайта, которые дают вам больше контроля над тем, как выглядит и ощущается ваш Substack.
Вам не должно приходиться выбирать между сайтом, который кажется вашим, и платформой, которая помогает вам расти, с помощью рекомендаций, приложения и Notes, которые приводят к вам новых подписчиков. Эти новые инструменты дизайна построены на этой идее. Как говорит глава дизайна Substack Mills Baker, Substack — это «еще одна попытка откусить от яблока», шанс взять лучшее из прошлого и настоящего интернета, объединить их и увидеть, дадут ли они что-то лучшее. Короче говоря, Substack — это ваш уголок интернета, и мы создаем больше способов, чтобы вы могли сделать его таким, каким он кажется вам своим.
Обновленный редактор веб-сайта поставляется с семью темами, которые можно использовать в качестве отправной точки. Внутри них есть широкий спектр комбинаций, которые позволяют легко создать сайт, который кажется вам своим.
Экспериментируйте в Mini-Editor: Прямо с главной страницы вашего издания вы можете открыть быстрый доступ к редактору в правом нижнем углу, чтобы поиграть с макетами, цветовыми палитрами и шрифтами. Нажмите на иконку кубика рядом с любым вариантом, чтобы случайным образом изменить его, или нажмите «Перемешать все», чтобы быстро переключаться между комбинациями.
Тонкая настройка в Full Editor: Full Editor позволяет вам формировать внешний вид вашей домашней страницы, страницы приветствия и страниц постов. Выберите тему, затем отрегулируйте ваш заголовок, секцию hero, основную часть и футер. Выбирайте из предложенных цветовых палитр или настройте свою собственную с помощью нового цветового пикера. Установите шрифты для вашего логотипа, заголовков постов, заголовков секций и основного текста. Добавьте логотип или изображение логотипа и измените его размер, пока он не будет выглядеть идеально. Используйте превью, чтобы увидеть, как ваш сайт будет выглядеть на десктопе, планшете и мобильном вебе. (Приложение Substack имеет свой собственный макет, поэтому ваши изменения не будут отображаться там.) Ваш новый дизайн не будет опубликован, пока вы не нажмете «Сохранить», поэтому не стесняйтесь исследовать на своем собственном темпе.
Узнайте больше о настройке вашего сайта в нашем Центре помощи.
Узнайте больше о настройке вашего сайта в нашем Центре помощи.
Эти новые инструменты — первые в серии улучшений, которые мы будем вносить в ближайшие месяцы, чтобы дать вам больше контроля над вашим сайтом. Цель — помочь вам легко и быстро довести ваш дизайн до следующего уровня, не жертвуя сетевыми и ростовыми эффектами, которые позволяют вашей работе находить новую аудиторию.
Мы дали нескольким издателям ранний доступ к новым инструментам. Вот как они сделали свои сайты своими собственными, а также их советы для начинающих:
Кайл Рэймонд Фицпатрик пишет The Trend Report™, еженедельный бюллетень, который его читатели воспринимают как воскресную газету. «Они говорят: «Я просыпаюсь, читаю Trend Report и пью кофе», — говорит Кайл. Это стало кратким описанием для редизайна.
Его партнер по жизни и бизнесу, Бобби Соломон, по профессии дизайнер с многолетним опытом, делает всю дизайнерскую работу для издания. «Если ваше письмо очень яркое, но контейнер, в котором оно появляется, не яркий, это может выглядеть немного плоско», — говорит Бобби. Они выбрали тему Cinematic, которая казалась ближе к редакционной первой странице воскресной газеты. Кайл прикрепляет главный трендовый отчет недели, поэтому читатели попадают на одно впечатляющее изображение, которое задает тон и указывает на главную историю.
Весь редизайн был быстрым, включая несколько минут экспериментов с «Перемешать все». «Это определенно научило меня, как издание, возможно, не должно выглядеть», — говорит Кайл, — «что само по себе полезно».
Их совет для всех, кто только начинает:
- Проверяйте читаемость, когда выбираете цвета, потому что все сводится к письму.
Проверяйте читаемость, когда выбираете цвета, потому что все сводится к письму.
- Затем будьте смелыми. «Сейчас много людей пишут», — говорит Бобби, — «что делает вас уникальным?» Рассмотрите возможность немного переборщить.
Затем будьте смелыми. «Сейчас много людей пишут», — говорит Бобби, — «что делает вас уникальным?» Рассмотрите возможность немного переборщить.
- Позвольте вашей теме направлять всё остальное. Подумайте, как ваши изображения, украшения и тон могут переноситься с вашего сайта в почтовые ящики людей.
Позвольте вашей теме направлять всё остальное. Подумайте, как ваши изображения, украшения и тон могут переноситься с вашего сайта в почтовые ящики людей.
Narratively, независимая компания по рассказыванию историй, которая заказала и опубликовала тысячи настоящих историй писателей, также выбрала смелый редизайн своего сайта, используя тему Cinematic в качестве отправной точки. Розовый текст на тёмном фоне и большие блоки с изображениями дают длинным нарративам издания достаточно места, чтобы выделиться. Команда также обновила своё сопутствующее издание, Narratively Academy, сообщество писателей и образовательный хаб. Для журнала, который всегда был «ориентирован на историю и писателя в первую очередь», новые макеты кажутся «гораздо более визуально привлекательными и соответствующими нашему бренду», — говорит сооснователь Ноа Розенберг. «Потребовалось менее 10 минут, чтобы разместить новые дизайны на обоих наших сайтах».
Его совет? «Экспериментируйте рано и часто! Пару лет назад изменение дизайна могло означать встречу команды и кучу сохранённых черновиков». На этот раз «наш последний дизайн был опубликован быстрее, чем потребовалось бы для планирования этой встречи».
Арден Юм пишет Ad Hoc, издание о культуре, идентичности и эстетике повседневной жизни, с эссе о всём, от матча до керамики, и серией, которая собирает рутины людей, которых она восхищается. Мия Брабхэм Нолан пишет In Deep With Mia Brabham Nolan, её «глубокое погружение» в развлечения и поп-культуру, а также The Saturday Letter, более личный бюллетень о жизни, материнстве и творчестве в Нью-Йорке.
Оба обновили свои сайты новыми цветами, шрифтами и стилями блоков контента, затем использовали Full Editor для тонкой настройки деталей, таких как логотип и навигационная панель. Мия также добавила очаровательный пользовательский курсор через настройки своего сайта, который переносит её брендинг до мельчайших деталей.
Для Арден процесс казался возвращением к старой страсти:
«Я был одержим созданием веб-сайтов в подростковом возрасте. Новые инструменты очень похожи на те дни, когда я возился с HTML и CSS, корректировал макеты, выбирал цвета с помощью пипетки и перебирал шрифты, пока не находил идеальный, но на этот раз я потратил всего час на обновление сайта Ad Hoc благодаря замечательному редактору без кода».
«Я был одержим созданием веб-сайтов в подростковом возрасте. Новые инструменты очень похожи на те дни, когда я возился с HTML и CSS, корректировал макеты, выбирал цвета с помощью пипетки и перебирал шрифты, пока не находил идеальный, но на этот раз я потратил всего час на обновление сайта Ad Hoc благодаря замечательному редактору без кода».
Она хочет, чтобы Ad Hoc был местом, где язык превращает повседневные наблюдения в идеи, которые кажутся «обширными, строгими и красивыми», поэтому она балансирует игривые мотивы, такие как нарисованные от руки звёзды, с более традиционными шрифтами с засечками — «спасибо Libre Baskerville».
Ее совет другим издателям — экспериментировать, получать удовольствие и доверять своей интуиции. «Обращайте внимание на то, что вам нравится в окружающем мире, и попробуйте применить те же принципы в собственном дизайне». Что касается самой недооцененной функции Substack? Цветной текст. «Если я упоминаю сапфировое ожерелье или сливочный матча-латте, я могу сделать слова синими и зелеными. Такое сочетание визуального и семантического буквально зажигает мой мозг».
Если вам нравится общий вид вашего сайта и вы хотите лишь немного подправить детали — от шрифтов до размера логотипа, — вы можете это сделать, а также добавить изображение в шапку. FOUND, городской гид с рекомендациями и информацией о том, где поесть, выпить, остановиться и совершить покупки, в прошлом месяце объединил свои городские выпуски под одной эгидой, предоставив доступ ко всему публикуемому контенту по единой платной подписке.
Издание сохранило проверенную временем классическую тему Substack и использовало новое изображение в шапке, чтобы сделать бренд центральным элементом, при этом сохранив уникальную цветовую гамму и профиль автора для каждого города, от Нью-Йорка до Парижа. «Цель дизайна — позволить читателям взаимодействовать на разных уровнях, — говорит команда , — будь то местные жители, которые хотят получить больше от места, где они живут, путешественники, ищущие что-то большее, чем шаблонные списки, засоряющие их ленты, или космополитичные исследователи в поисках новых горизонтов».
Попробуйте, а затем расскажите нам, как все прошло. Сделайте рестек этой публикации со своим отзывом и поделитесь своим новым оформлением в Notes. Мы всегда читаем ваши сообщения и с нетерпением ждем того, что вы создадите.
