Статистика ВК сообщества "Tilda Publishing"

Как дизайнеру оформить сайт-портфолио

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

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

Чтобы сделать сайт быстрее, можно воспользоваться шаблоном «Портфолио дизайнера на Тильде». Ссылка на шаблон — в комментариях.

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

Шрифтовые пары

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

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

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

Montserrat Normal + Merriweather Normal
Oswald Bold + PT Sans Normal
PT Mono Bold + PT Sans Regular
Raleway Light + Roboto Regular
Montserrat Light + Kazimir Text Light
Fira Sans Extra Condensed Bold + Montserrat Medium
Fira Sans Extra Condensed Light + Fira Sans Regular
Playfair Display Normal + IBM Plex Serif Light

Автоматическая публикация новостей из Telegram на сайте

На сайт, созданный на Тильде, можно добавить виджет с публикациями из вашего Telegram-канала. Для этого воспользуйтесь блоком T854: Канал новостей из категории «Другое». Листайте карточки, чтобы узнать больше.

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

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

А вы ведёте телеграм-каналы? Расскажите в комментариях

Шрифтовые пары

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

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

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

Cormorant Garamond Normal + Arial Normal
Playfair Display Black + Ubuntu Normal
Montserrat Bold + Arial Normal
Le Murmure + Tilda Sans Medium
Old Standard TT Normal + PT Astra Serif Normal
Montserrat Black + Fira Sans Normal
Oswald Bold + Roboto Regular
IBM Plex Serif ExtraLight + Tilda Sans Medium

Какие пары считаете самыми классными? Расскажите в комментариях

Потоки в Тильде

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

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

2. Посты не требуют вёрстки и создаются в простом редакторе. В редакторе текста есть все базовые инструменты для оформления: картинка, видео, цитата, разделитель, введение, заголовок.

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

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

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

Когда лучше использовать обычный редактор, а когда — потоки?

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

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

А вы используете Потоки в своих проектах?

Дизайнер создаёт лендинг платформы для изучения языков в Zero Block.

Смотрите видео со звуком и вдохновляйтесь процессом

Ссылка на портфолио дизайнера в комментариях.

#tildapublishing #tildatimelapse

Силовые линии в дизайне

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

А вы используете силовые линии в работе? Для каких задач? Поделитесь своим опытом в комментариях

Альт-текст для изображений

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

А вы добавляете альтернативный текст для изображений на сайте? Это важно не только для SEO, но и для людей с нарушением зрения. Они использую скринридеры, которые озвучивают содержимое сайта, в том числе заполненный альт-текст для изображений. Если его оставить пустым, пользователь не сможет узнать, что изображено на картинке.

Как продавать товары с помощью Zero Block

Если вы хотите создать нестандартную карточку товара для вашего интернет-магазина, вы можете сделать это с помощью Zero Block. Так вы сможете получить уникальный дизайн и добавить дополнительные элементы для ваших задач. Рассказываем, как это сделать, в три шага.

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

2. Добавьте для выбранного элемента ссылку вида #order:Название товара =1000, где 1000 — цена товара. Если вы хотите, чтобы при добавлении в корзину у товара было превью, используйте ссылку #order:Название товара =1000:::image=URL,
где URL — адрес изображения. Вы можете копировать адрес изображения, которое уже загрузили на Тильду.

3. Не забудьте добавить на страницу блок прямой оплаты или корзины и подключить платежную систему. Затем опубликуйте страницу. Готово!

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

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

Как сочетать блоки разной ширины

В Тильде используется модульная сетка из 12 колонок — это самая популярная сетка в вебе. Все блоки вписаны в сетку, но могут иметь разную ширину: например, простой текстовый блок TX01 по умолчанию занимает 8 колонок, а блок видео с YouTube VD01 — 10 колонок.

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