Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Классический пинбол, как в древнем игровом автомате или в компактной игрушке: есть пружины, шарики и препятствия. В нашем варианте можно не только зарабатывать очки: чтобы пройти уровень, придется выполнить дополнительную миссию.

Пинбол Пикабу

Аркады, На ловкость, Казуальные

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

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

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

Верстка + Типографика

С этим тегом используют

HTML CSS IT Программирование Дизайн Сайт Frontend Шрифт Веб-дизайн Графический дизайн Дизайнер Все
12 постов сначала свежее
3
user10424664
user10424664
14 дней назад

Как переносить «висячие» слова на новую строку с помощью JavaScript⁠⁠

Как переносить «висячие» слова на новую строку с помощью JavaScript Разработка, Программирование, Javascript, Типографика, Uxui, Ui, Ux, Frontend, Верстка, IT, Программист, Telegram (ссылка), Длиннопост

изображение сгенерировано в ChatGPT

В типографике существует понятие “висячих слов” — это короткие слова (предлоги, союзы, местоимения), которые остаются в конце строки при переносе текста. Такие переносы нарушают удобочитаемость и эстетику текста. В русской типографике принято избегать переносов после коротких слов длиной 1-2 символа.

Решение проблемы с помощью JavaScript

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

// Перенос висячих слов

document.addEventListener('DOMContentLoaded', function () {

// 1. Находим все текстовые элементы, которые нужно обработать

const textElements = document.querySelectorAll('p, span, h1, h2, h3, h4, h5, h6, li, dt, dd');

// 2. Список предлогов и союзов, которые нельзя переносить

const prepositions = ['в', 'без', 'до', 'из', 'к', 'на', 'по', 'о', 'от', 'перед', 'при', 'через', 'для', 'с', 'у', 'и', 'а', 'но', 'да', 'или', 'либо', 'что', 'чтобы', 'как', 'когда', 'если', 'вы'];

// 3. Функция для обработки каждого элемента

textElements.forEach(element => {

// Получаем все текстовые узлы внутри элемента

const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);

const textNodes = [];

while (walker.nextNode()) {

textNodes.push(walker.currentNode);

}

// Обрабатываем каждый текстовый узел

textNodes.forEach(textNode => {

let text = textNode.nodeValue;

// Заменяем пробелы после коротких слов на неразрывные пробелы

text = text.replace(/(^|\s)([а-яё]{1,2})\s/gi, (match, prefix, word) => {

// Проверяем, есть ли слово в списке предлогов

if (prepositions.includes(word.toLowerCase())) {

return prefix + word + '\u00A0'; // \u00A0 - это неразрывный пробел

}

return match;

});

// Обновляем содержимое текстового узла

textNode.nodeValue = text;

});

});

});


Разбор кода по частям


1. Инициализация скрипта

document.addEventListener('DOMContentLoaded', function () {

Код выполняется после полной загрузки DOM-дерева страницы. Это гарантирует, что все элементы будут доступны для обработки.


2. Поиск текстовых элементов

const textElements = document.querySelectorAll('p, span, h1, h2, h3, h4, h5, h6, li, dt, dd');

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


3. Список коротких слов

const prepositions = ['в', 'без', 'до', 'из', 'к', 'на', 'по', 'о', 'от', 'перед', 'при', 'через', 'для', 'с', 'у', 'и', 'а', 'но', 'да', 'или', 'либо', 'что', 'чтобы', 'как', 'когда', 'если', 'вы'];

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


4. Обход текстовых узлов

const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);

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


5. Регулярное выражение для замены

text = text.replace(/(^|\s)([а-яё]{1,2})\s/gi, (match, prefix, word) => {

Регулярное выражение ищет:
· (^|\s) — начало строки или пробел (группа 1);
· ([а-яё]{1,2}) — слово из 1-2 русских букв (группа 2);
· \s — пробел после слова;
· Флаги gi означают глобальный поиск без учёта регистра.


6. Условная замена

if (prepositions.includes(word.toLowerCase())) {

return prefix + word + '\u00A0'; // \u00A0 - это неразрывный пробел

}

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


Результат работы

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

Настройка скрипта

Вы можете легко адаптировать скрипт под свои нужды:
· Добавить новые селекторы в querySelectorAll() для обработки других элементов;
· Расширить список слов в массиве prepositions;
· Изменить длину слов в регулярном выражении с {1,2} на другое значение;
· Добавить обработку других языков, изменив диапазон символов в регулярном выражении.

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

P.S.: это JS решение иногда не во всех случаях срабатывает + бывают сложности с адаптивностью: на смартфонах может переносить совсем не так, как хотелось бы, текст может «уехать» за пределы контейнера, нужно будет «фиксить» эти моменты в CSS.


Разработчики, а как вы решаете вопрос переноса «висячих» слов?

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

Показать полностью 1
Разработка Программирование Javascript Типографика Uxui Ui Ux Frontend Верстка IT Программист Telegram (ссылка) Длиннопост
13
1
Блог компании
gdekurs
gdekurs
1 год назад

ТОП-15 курсов дизайна и верстки полиграфических изданий⁠⁠

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

ТОП-15 курсов дизайна и верстки полиграфических изданий Обучение, Онлайн-курсы, Верстка, Шрифт, Полиграфия, Типографика, Дизайнер, Фриланс, Удаленная работа, Блоги компаний, Длиннопост, YouTube (ссылка)

Последнее обновление: 26 января 2024 года.

ТОП-5 курсов по типографике и дизайну шрифтов в 2024 году

  1. «Типографика: о форме и содержании» от Bang Bang Education ― курс, где вы создадите несколько работ для портфолио

  2. «Шрифт в дизайне» от Skillbox ― обучение от создателей популярных шрифтов (промокод ГДЕКУРС — скидка 45%)

  3. «Типографика PRO» от Pentaschool ― курс для создания авторского шрифта в портфолио

  4. «Дизайнер-полиграфист» от Логомашины ― обучение под руководством владелицы собственной типографии

  5. «Онлайн-курсы типографики» от Международной школы профессий ― курс для уверенного старта в профессии

Онлайн-курсы по типографике и дизайну шрифтов

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

1. Типографика: о форме и содержании — Bang Bang Education

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

ТОП-15 курсов дизайна и верстки полиграфических изданий Обучение, Онлайн-курсы, Верстка, Шрифт, Полиграфия, Типографика, Дизайнер, Фриланс, Удаленная работа, Блоги компаний, Длиннопост, YouTube (ссылка)

Bang Bang Education — курс по принципам оформления текста, с работами для портфолио

  • Цена: 30 870 ₽ (44 100 ₽ без скидки) или в рассрочку от 5 145 ₽/мес. (7 350 ₽/мес. без скидки)

  • Формат обучения: онлайн-вебинары + практические задания

  • Продолжительность обучения: 1 месяц

  • Документ об окончании: сертификат

  • Пробное занятие: нет

Преимущества:

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

  • После покупки курса вам откроется доступ к «дизайн-библиотеке».

  • Каждую практическую работу прокомментируют преподаватели.

Недостатки:

  • Учащиеся жалуются на долгую обратную связь.

→ На сайт школы

Другие курсы Bang Bang Education: Типографика и верстка: внимание к тексту, Шрифт в логотипе.

2. Шрифт в дизайне — Skillbox

🎁 По промокоду ГДЕКУРС доступна скидка 45% на курсы.

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

ТОП-15 курсов дизайна и верстки полиграфических изданий Обучение, Онлайн-курсы, Верстка, Шрифт, Полиграфия, Типографика, Дизайнер, Фриланс, Удаленная работа, Блоги компаний, Длиннопост, YouTube (ссылка)

Skillbox — онлайн-курс по тонкостям подбора шрифтов в дизайне

  • Цена: 5 043 ₽/мес. (7 205 ₽/мес. без скидки)

  • Формат обучения: видеоуроки + практические задания

  • Продолжительность обучения: 2 месяца

  • Документ об окончании: сертификат о прохождении курса

  • Пробное занятие: нет

Преимущества:

  • При покупке программы обучения вы получите годовой доступ к курсу по английскому в подарок.

  • Преподаватель курса ― создатель шрифтов PT Sans, PT Serif, Circe, Golos.

Недостатки:

  • Некоторые ученики говорят, что образовательная платформа может не работать.

→ На сайт школы

3. Типографика PRO — Pentaschool

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

ТОП-15 курсов дизайна и верстки полиграфических изданий Обучение, Онлайн-курсы, Верстка, Шрифт, Полиграфия, Типографика, Дизайнер, Фриланс, Удаленная работа, Блоги компаний, Длиннопост, YouTube (ссылка)

Pentaschool — курс по созданию креативных авторских шрифтов

  • Цена: 17 400 ₽ (29 000 ₽ без скидки) или в рассрочку от 2 900 ₽/мес.

  • Формат обучения: видеоуроки + тесты + практические занятия

  • Продолжительность обучения: 2 месяца

  • Документ об окончании: удостоверение о повышении квалификации

  • Пробное занятие: нет

Преимущества:

  • Возможность создать собственный шрифт.

  • Бессрочный доступ к материалам курса.

  • Возможность оплатить обучение по беспроцентной рассрочке.

Недостатки:

  • В отзывах ученики говорят, что процесс возврата средств плохо организован.

→ На сайт школы

Другие курсы Pentaschool: Дизайн и верстка полиграфии.

4. Дизайнер-полиграфист — Логомашина

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

ТОП-15 курсов дизайна и верстки полиграфических изданий Обучение, Онлайн-курсы, Верстка, Шрифт, Полиграфия, Типографика, Дизайнер, Фриланс, Удаленная работа, Блоги компаний, Длиннопост, YouTube (ссылка)

Логомашина — мини-курс от опытного дизайнера и владелицы типографии Кристины Дрозд

  • Цена: 2 917 ₽/мес. (4 167 ₽/мес. без скидки)

  • Формат обучения: видеоуроки + онлайн-вебинары + практические задания

  • Продолжительность обучения: 5,5 часов

  • Документ об окончании: диплом о прохождении курса

  • Пробное занятие: нет

Преимущества:

  • Преподаватель курса ― владелец собственной типографии.

  • Начало обучения сразу после оплаты.

  • Бонусный курс по Photoshop.

Недостатки:

  • Учащиеся говорят, что слишком часто меняют кураторов.

→ На сайт школы

5. Онлайн-курсы типографики — Международная школа профессий

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

ТОП-15 курсов дизайна и верстки полиграфических изданий Обучение, Онлайн-курсы, Верстка, Шрифт, Полиграфия, Типографика, Дизайнер, Фриланс, Удаленная работа, Блоги компаний, Длиннопост, YouTube (ссылка)

Международная школа профессий — курс по продвижению продукта и управлению вниманием аудитории с помощью грамотно оформленного текста

  • Цена: 9 900 ₽ (16 500 ₽ без скидки)

  • Формат обучения: видеоуроки + практические занятия

  • Продолжительность обучения: 3 недели

  • Документ об окончании: диплом о повышении квалификации

  • Пробное занятие: нет

Преимущества:

  • Возможность пройти обучение за счет государства.

  • Возможность обучаться за материнский капитал.

Недостатки:

  • Некоторые ученики считают, что программа обучения недостаточно насыщена.

→ На сайт школы

6. Дизайн полиграфии — НИИДПО

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

ТОП-15 курсов дизайна и верстки полиграфических изданий Обучение, Онлайн-курсы, Верстка, Шрифт, Полиграфия, Типографика, Дизайнер, Фриланс, Удаленная работа, Блоги компаний, Длиннопост, YouTube (ссылка)

НИИДПО — профессиональная переподготовка по специальности Дизайн полиграфии

  • Цена: 36 100 ₽ (60 000 ₽ без скидки)

  • Формат обучения: текстовые материалы + онлайн-вебинары + практические занятия

  • Продолжительность обучения: 18 недель

  • Документ об окончании: диплом о профессиональной переподготовке

  • Пробное занятие: нет

Преимущества:

  • Доступ к онлайн-библиотеке школы.

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

  • Бесконечный доступ к курсу.

Недостатки:

  • Некоторые жалуются на слишком большой срок доставки диплома.

→ На сайт школы

7. Типографика для веб-дизайнеров — Controforma

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

ТОП-15 курсов дизайна и верстки полиграфических изданий Обучение, Онлайн-курсы, Верстка, Шрифт, Полиграфия, Типографика, Дизайнер, Фриланс, Удаленная работа, Блоги компаний, Длиннопост, YouTube (ссылка)

Controforma — онлайн-курс по типографике для веб-дизайнеров

  • Цена: 3 500 ₽ 

  • Формат обучения: видеоуроки + реальный проект

  • Продолжительность обучения: зависит от ученика

  • Документ об окончании: не выдается

  • Пробное занятие: нет

Преимущества:

  • Обучение в своем темпе.

  • Возможность в любой момент пересмотреть курс.

Недостатки:

  • Не обнаружены.

→ На сайт школы

8. Типографика в Indesign — Praktika.school

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

ТОП-15 курсов дизайна и верстки полиграфических изданий Обучение, Онлайн-курсы, Верстка, Шрифт, Полиграфия, Типографика, Дизайнер, Фриланс, Удаленная работа, Блоги компаний, Длиннопост, YouTube (ссылка)

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

  • Цена: от 990 ₽/мес. за доступ к платформе

  • Формат обучения: практические задания + домашние задания + видеоуроки

  • Продолжительность обучения: 7 дней

  • Документ об окончании: не выдается

  • Пробное занятие: нет

Преимущества:

  • Обучение проводится на реальных проектах.

  • Возможность пройти курс всего за 7 дней.

  • Моментальный возврат средств за подписку.

Недостатки:

  • Не обнаружены.

→ На сайт школы

9. Типографика в графическом дизайне — Stepik

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

ТОП-15 курсов дизайна и верстки полиграфических изданий Обучение, Онлайн-курсы, Верстка, Шрифт, Полиграфия, Типографика, Дизайнер, Фриланс, Удаленная работа, Блоги компаний, Длиннопост, YouTube (ссылка)

Stepik — базовый курс по типографике для начинающих графических дизайнеров

  • Цена: 2 790 ₽

  • Формат обучения: текстовые материалы + видеоуроки + тесты

  • Продолжительность обучения: 10 часов

  • Документ об окончании: не выдается

  • Пробное занятие: нет

Преимущества:

  • Возможность бесплатно посмотреть некоторые уроки.

Недостатки:

  • Не обнаружены.

→ На сайт школы

10. Типографика и верстка — Бюро Горбунова

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

ТОП-15 курсов дизайна и верстки полиграфических изданий Обучение, Онлайн-курсы, Верстка, Шрифт, Полиграфия, Типографика, Дизайнер, Фриланс, Удаленная работа, Блоги компаний, Длиннопост, YouTube (ссылка)

Бюро Горбунова — практический курс Михаила Нозика по созданию выразительных макетов на экране, бумаге и в среде

  • Цена: от 34 300 ₽ (49 000 ₽ без скидки)

  • Формат обучения: видеолекции + текстовые материалы + практические задания

  • Продолжительность обучения: 3 недели

  • Документ об окончании: сертификат о прохождении курса

  • Пробное занятие: нет

Преимущества:

  • Большая часть курса уделяется практическим занятиям.

  • Для прохождения курса не требуется мощный компьютер.

Недостатки:

  • Есть нарекания по поводу качества обучения.

→ На сайт школы

Бесплатные онлайн-курсы по типографике и дизайну шрифтов

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

  • О шрифте от Bang Bang Education (3 видеоурока, без сертификата, доступ после регистрации)

  • Типографика от Академии IT (10 уроков, видеоуроки, без сертификата, доступ после регистрации)

  • Работа со шрифтом в дизайне с нуля до PRO от Stepik (5 уроков, видеоуроки + практические задания, без сертификата, доступ после регистрации)

  • Типографика от Design Prosmotr (18 уроков, видеоуроки, без сертификата, свободный доступ)

  • Первый курс типографики от Typodesign (31 урок, видеоуроки, без сертификата, доступ после регистрации)

Как мы подбирали школы и курсы для нашей статьи?

При написании статьи мы опирались на несколько следующих критериев:

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

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

3. Собственная образовательная платформа. Если школа обладает собственной онлайн-платформой, то это гарантия удобства для учеников. Им не придется устанавливать сторонние программы, а работать только в браузере.

4. Реальные отзывы учеников. Узнать о настоящем качестве обучения и наполнения курса можно только от настоящих учеников.

Что такое типографика и как на этом заработать

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

Вот несколько областей в которых пригодятся навыки типографики:

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

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

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

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

Фриланс. Предоставление услуг по дизайну и верстке текстов на удаленной основе для клиентов и компаний.

Итоги

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

Еще раз хотим напомнить вам о нескольких курсах из подборки:

  1. Типографика: о форме и содержании от Bang Bang Education, если вы хотите получить практический опыт создания проектов;

  2. Шрифт в дизайне от Skillbox, если вы хотите перенять опыт профессионалов;

  3. Типографика PRO от Pentaschool, если вы хотите создать свой уникальный проект.

Расскажите, какие курсы по типографике вы проходили или хотели бы пройти?

Реклама ООО «Сила знания», ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», МАДП «ПЕНТАСКУЛ», ООО «ЙОЛО», ИП Гребнев Павел Сергеевич, АНО «НИИДПО», ИП Шишкина Ольга Александровна, ИП Иванова Снежана Игоревна, ООО «Цифровые образовательные решения», OOO «Дизайнбюро Артема Горбунова», АНО ДПО «АКАДЕМИЯ АЙТИ»,

Показать полностью 10
Обучение Онлайн-курсы Верстка Шрифт Полиграфия Типографика Дизайнер Фриланс Удаленная работа Блоги компаний Длиннопост YouTube (ссылка)
0
17
7shakh
1 год назад
Лига фрилансеров

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

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

100+ бесплатных онлайн-инструментов для всех, кто работает с контентом: копирайтеров, дизайнеров, SMM-специалистов Копирайтинг, Редактура, Маркетинг, Инструменты, Верстка, Проект, Реклама, Типографика, Сервис, Автоматизация, Контент, SMM, Дизайн, Длиннопост

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

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

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

Текст

Проверка правописания и читабельности:

  • Glvrd.ru — сервис подсветит стоп-слова (то, что можно удалить без потери смысла) и проверит текст на соответствие информационному стилю.

  • Turgenev.ashmanov.com — оценит стилистику (бесплатно) и переоптимизированность (за деньги) — показатель, который оценивает риск попадания под санкции поисковиков.

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

  • Yandex.ru/dev/speller — найдёт орфографические ошибки в русском, украинском или английском тексте. Сервис можно подключить к приложению или сайту по API.

  • Languagetool.org — проверит грамматику, пунктуацию и стилистику текста до 10 000 символов. Поддерживает 30+ языков.

  • Artlebedev.ru/orfograf — подсветит базовые ошибки правописания, но варианты исправления не предложит. Проверяет отдельные тексты или целые веб-страницы.

  • Typograf.ru — поможет подготовить текст к публикации на сайте с точки зрения типографики: убрать двойные пробелы, заменить кавычки, проставить «правильные» тире.

  • Artlebedev.ru/typograf/ — аналогичный сервис по типографике с возможностью выбрать тип кавычек и настроить другие детали.

Словари и энциклопедии:

  • Gramota.ru — самый популярный справочник по правописанию. Можно задать свой вопрос о том, как правильно писать слова и предложения.

  • Sinonim.org — большой словарь синонимов и антонимов. Также есть поиск ответов на кроссворды и подбор ассоциаций.

  • Kartaslov.ru — толковый словарь и словарь синонимов. Показывает примеры использования слов и словосочетаний в контексте.

  • Antonymonline.ru — словарь антонимов с поиском и разбивкой по буквам.

  • Antonimov.net — ещё один простенький каталог антонимов с поиском.

  • Sklonili.ru — склонение слов по падежам и числам.

  • Skloneniya.ru — словарь склонений, который ещё и определет начальную форму слова.

  • Numeralonline.ru — склонение имён числительных: вводите число цифрами — получаете разные варианты склонений.

  • Summa-propisyu.ru — сервис выводит сумму прописью. Можно добавить приписку про НДС и валюту.

  • Sokr.ru — словарь сокращений, акронимов, аббревиатур и сложносоставных слов.

  • Slovesa.ru — простенький словарь ассоциаций.

  • Wordassociation.ru — словарь ассоциаций с группировкой по смыслу, значению и даже «психологическому восприятию».

  • Sociation.org/graph/ — сервис показывает ассоциации в виде цветной анимированной паутины. Красиво и полезно: так проще генерировать идеи.

Текстовые редакторы:

  • Google.ru/intl/ru/docs/about — один из самых популярных редакторов документов от Гугла. Поддерживает большинство «офисных» функций, есть история версий и режим совместной работы.

  • Docs.yandex.ru — чуть более скромный по функциональности, но вполне достойный аналог от Яндекса.

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

  • Telegra.ph — анонимная платформа для публикации постов. Написанные статьи можно открывать в режиме Instant View, не покидая приложения.

SEO:

  • Text.ru/antiplagiat — самый известный среди сеошников сервис по проверки уникальности текста. В бесплатной версии количество проверок ограничено.

  • Advego.com/antiplagiat — проверка на плагиат, дубликаты, некачественный рерайт, заимствования.

  • Content-watch.ru/text — аналогичный севрис. Будет полезен, когда на предыдущих двух большая очередь текстов.

  • Pr-cy.ru/unique — ещё одна альтернатива для антиплагиата. Можно указать конкретную поисковую систему, есть 5 бесплатных проверок для незарегистрированных.

  • Text.ru/seo — SEO-анализ текста: сервис проверяет на «воду», заспамленность и другие показатели, важные для поисковой оптимизации.

  • Advego.com/text/seo — чуть менее подробный SEO-анализ текста: покажет тошноту, водянистость, плотность ключевых слов.

Перевод и конвертация:

  • Translate.yandex.ru — переводчик от Яндекса. Поддерживает 100+ языков, среди которых есть даже эльфийский. Можно надиктовать текст для перевода и прослушать результат.

  • Translate.google.com — переводчик от Гугла, тоже поддерживает 100+ языков. Кроме текста для перевода можно указать URL страницы или загрузить картинку либо документ.

  • Translate.ru — переводчик от создателей некогда популярной программы PROMT. Поддерживает 20+ языков, есть телеграм-бот.

  • Img2txt.com — распознавание текста с картинки или pdf-файла. Поддерживает десятки языков, результат можно сохранить в формате txt, pdf, docx и odf.

  • Any2text.ru — расшифровка (транскрибация) аудио- и видеофайлов на 50+ языках. Бесплатно можно расшифровать первую запись длительностью 15 минут.

  • Teamlogs.ru — расшифровка с разделением на спикеров, настройкой доступов и суммаризацией текста. Длительность бесплатной первой расшифровки — 15 минут.

  • Realspeaker.net — ещё один сервис транскрибации, который бесплатно обрабатывает записи длительностью до 1,5 минуты. Поддерживает 30+ языков.

  • Translit.ru — транслитерация: перевод русских букв в латинские и наоборот.

  • Pr-cy.ru/translit — аналогичный сервис, который дополнительно поддерживает украинский и монгольский языки.

  • Artlebedev.ru/transcriptor — транскрипция иностранных слов. Помогает правильно озвучить места, имена и фамилии, названия предприятий. Поддерживает 10+ языков, среди которых африканский, турецкий, итальянский.

  • Artlebedev.ru/case — конвертация в верхний и нижний регистры отдельных слов и целых предложений.

  • Htmled.it — преобразование отформатированного текста в HTML-код.

Автоматизация рутины:

  • Pr-cy.ru/duplicates — сервис удалит строки-дубликаты.

  • Pr-cy.ru/difference — сравнит два текста или фрагмента кода и покажет различия.

Мультимедиа

Графические редакторы:

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

  • Supa.ru — конструктор коротких видеороликов и другого контента для соцсетей. Можно создавать клипы с нуля или использовать тематические шаблоны.

  • Page.smmplanner.io/canvas — редактор контента для соцсетей: обложек, картинок, обоев. Сервис позиционирует себя как аналог Canva.

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

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

  • Photopea.com — фоторедактор, который называют упрощённой альтернативой Фотошопа. Поддерживает файлы разных форматов, среди них PSD, AI, PDF, FIG, SKETCH.

  • Pixlr.com/ru/express — ещё один упрощённый аналог Фотошопа. Есть каталог с шаблонами баннеров, обложек и другого контента для соцсетей и сайтов.

Обработка фото:

  • Erase.bg — удаление фона у изображений. Можно загрузить картинку с устройства или указать URL.

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

  • Juxtapose.knightlab.com — создание одного изображения из двух в формате до/после. Можно сгенерировать статичную картинку или гифку с анимированным сравнением кадров.

  • Tinypng.com — сжатие картинки почти без потери качества. Сервис поможет сэкономить место на диске и ускорить загрузку сайта. На бесплатном тарифе доступна одновременная загрузка 20 изображений весом до 5 МБ каждое.

  • Convert.io/image-converter — массовая конвертация изображения из одного формата в другой. Сервис поддерживает 20+ форматов.

Поиск и генерация изображений:

  • Search.creativecommons.org — поиск по архивам с фотографиями, которые можно использовать, не нарушая авторские права.

  • Stockup.sitebuilderreport.com — аналогичный сервис с более скромной базой источников.

  • Unsplash.com — один из самых популярных фотостоков с качественными изображениями.

  • Flickr.com — фотосток с большой коллекцией фотографий и обязательной регистрацией.

  • Freepik.com — архив фото, векторных изображений, коротких видеороликов. Бесплатно можно скачивать 10 файлов в день.

  • Commons.wikimedia.org — своего рода файлообменник, в котором пользователи делятся фотографиями и картинками на любые темы. При использовании некоторых изображений нужно указывать автора.

  • Fusionbrain.ai — генерация картинок с помощью нейросети Kandinsky.

  • Beta.dreamstudio.ai — браузерная версия заморской нейросети от Stability AI. Бесплатно можно создавать ограниченное количество изображений.

  • Giphy.com — большая база с гифками. Есть поиск и разбивка по категориям, можно загрузить свои гифки.

Обработка видео:

  • Online-video-cutter.com/ru/video-editor — простенький видеоредактор с возможностью корректировать временную шкалу, поворачивать кадры на 90 градусов, изменять цвет фона.

  • Clideo.com/ru/video-editor — видеоредактор, с помощью которого можно добавлять в ролики аудио и текст, менять скорость воспроизведения, размещать «картинку в картинке».

  • Online-video-cutter.com — сервис обрежет видео по краям или вырежет фрагмент внутри. Поддерживает разные форматы, среди которых MP4, AVI, 3GP.

  • Clideo.com/ru/cut-video — аналогичный инструмент для обрезки видео с последующей конвертацией в AVI, MP4, VOB, MPG, MOV.

  • Online-video-cutter.com/ru/merge-videos — слияние двух видеороликов в один.

  • Clideo.com/ru/merge-video — склейка нескольких видео и изображений в один клип. Можно редактировать аудиодорожку.

  • Clideo.com/ru/compress-video — сжатие видео с минимальными потерями в качестве.

  • Clideo.com/ru/add-subtitles-to-video — наложение субтитров вручную или с помощью файла SRT.

  • Online-video-cutter.com/ru/screen-recorder — запись экрана прямо в браузере. Есть возможность редактировать записанное видео.

Поиск видеороликов:

  • Coverr.co — библиотека бесплатных видеороликов.

  • Videvo.net — коллекция стоковых видеозаписей и анимированных изображений.

  • Cutestockfootage.com — бесплатный видеоролики в HD-качестве.

  • Vidsplay.com — стоковые видеоролики с красивыми пейзажами и съёмками, сделанными с дронов.

Дизайн:

  • Getcover.ru — примерка макетов: вы загружаете скриншот, а сервис оборачивает его экранами разных устройств и браузеров.

  • Colorscheme.ru — цветовые круги, которые помогут подобрать сочетающиеся оттенки.

  • Emojio.ru — каталог эмодзи с поиском и разбивкой по категориям.

  • Flaticon.com — огромная база иконок со встроенным редактором. Есть группировка по категориям, событиям и стилю.

  • Wordmark.it — демонстрация шрифтов, которые установлены на вашем устройстве.

  • Fonts.google.com — каталог бесплатных шрифтов с поиском и фильтром: например, можно отобразить только шрифты, которые поддерживают кириллицу.

Конвертация:

  • Online-convert.com — универсальный конвертер файлов из одного формата в другой. Поддерживает аудио- и видеоролики, документы, изображения, электронные книги, архивы.

  • Cloudconvert.com — аналогичный сервис, который заявляет, что поддерживает 200+ форматов.

  • Video-converter.com — конвертер видеофайлов в MP4, MOV, 3GP и другие форматы. Можно настраивать разрешение финального клипа.

Микс инструментов:

  • 123apps.com — большой набор микросервисов для работы с видео-, аудио- и PDF-файлами. Среди возможностей: обрезка, склейка, сжатие, конвертация, редактирование.

  • Clideo.com/ru/tools — инструменты для обработки видео: обрезка и склейка, конвертация, изменение размера и пропорций кадров, редактирование аудиодорожки.

Организация работы

Планировщики задач:

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

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

  • Todoist.com — помимо прочего, сервис поддерживает плагины. С ними можно серьёзно «тюнинговать» инструмент: например, сделать так, чтобы входящие письма автоматически превращались в задачи.

  • 365done.ru — коллекция чек-листов и планеров для отслеживания дел и привычек. Есть возможность создать свой чек-лист в конструкторе.

Заметки:

  • Evernote.com — удобное хранилище заметок. Можно создавать страницы с разной структурой (лендинг, таблица, календарь) и форматированием.

  • Google.ru/keep — текстовые, голосовые и фотозаметки. Сервис поддерживает совместное редактирование: например, чтобы вести общий список покупок или дел.

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

  • Speechpad.ru — по идее это голосовой блокнот, но по факту инструмент будет полезен для транскрибации. Поддерживает 10+ языков.

Концентрация:

  • Pomidorko.ru — таймер поможет фокусироваться по методу Pomodoro, когда работа над задачей разбивается на короткие промежутки времени.

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

Документы

Шаблоны:

  • Allo.tochka.com/documents — коллекция с образцами документов для бизнеса (в том числе ИП): отчётность, наём, госзакупки.

  • Secrets.tinkoff.ru/documents — аналогичная база шаблонов для бухгалтерии, отдела кадров, ИП и ООО.

Обработка документов:

  • Pdf.io/ru/split — сервис разбивает PDF-файлы на несколько частей или страниц. Можно загрузить документ из устройства или перетащить из облака.

  • Pdf.io/ru/merge — объединяет несколько PDF-файлов в один.

  • Pdf.io/ru/compress/ — сжимает PDF, чтобы документ занимал меньше места на диске.

  • Pdf.io — полный набор инструментов для обработки PDF-файлов: преобразовать формат, установить защиту, изменить ориентацию страниц.

  • Convert.io/document-converter — массовая конвертация документов из одного формата в другой. Сервис поддерживает около 20 форматов.

Другое

Аналитика и сбор данных:

  • Wordstat.yandex.ru — статистика поисковых запросов к Яндексу. Пригодится, когда нужно придумать темы для контент-плана, проанализировать спрос, отследить сезонность продукта или услуги.

  • Tgstat.ru/analytics — подробная аналитика телеграм-канала: охваты, подписчики, упоминания, топ публикаций.

  • Onlinetestpad.com — сервис поможет создать тесты, опросы, кроссворды. Поддерживает 15+ типов вопросов, из минусов — на странице с тестом много рекламы.

  • Google.ru/intl/ru/forms/about — формы от Гугла с поддержкой совместной работы и выгрузки в удобном формате. Поможет организовать регистрацию на мероприятие, собрать обратную связь, провести опрос.

  • Forms.yandex.ru — аналогичный и не менее удобный сервис от Яндекса.

Визуализация:

  • App.diagrams.net — отрисовка блок-схем, диаграмм, инфографики.

  • Сoggle.it — создание и совместное редактирование так называемых интеллект-карт (или ментальных карт). Помогают упорядочить мысли, отследить связи, развить идею.

  • Onlinehtmleditor.net — сервис показывает, как будет выглядеть исходный HTML-код на сайте.

  • Razmerus.artlebedev.ru — инструмент от Студии Лебедева для визуализации всего, что сложно представить в голове: например, расстояния между объектами или их количества.

Всё остальное:

  • Typerun.top — простой клавиатурный тренажёр для обучения навыку слепой печати. Это когда вы печатаете быстро и не глядя на клавиши.

  • Klavogonki.ru — ещё один тренажёр, в котором можно не только научиться слепой печати, но и посоревноваться в скорости с другими пользователями.

  • Planetcalc.ru — большая коллекция калькуляторов. Например, на сервисе можно рассчитать количество дней и недель между датами, индекс массы тела, объём цилиндра.

  • Cloud.yandex.ru/services/speechkit — демоверсия синтеза речи от Yandex Cloud. Позволяет воспроизвести текст до 500 символов одним из 15+ голосов. Пригодится для вычитки текстов или озвучки коротких аудио- и видеороликов.

  • Fakedoit.com — имитация переписки в Telegram. Можно настроить имя собеседника, аватарку, уровень заряда, время и другие детали.

  • Fakewhats.com — имитация переписки в WhatsApp, возможности примерно такие же.

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

Показать полностью
[моё] Копирайтинг Редактура Маркетинг Инструменты Верстка Проект Реклама Типографика Сервис Автоматизация Контент SMM Дизайн Длиннопост
5

Оформить подписку для бизнеса

Перейти
Партнёрский материал Реклама
specials
specials

Ваш бизнес заслуживает большего!⁠⁠

Оформляйте подписку Пикабу+ и получайте максимум возможностей:

Ваш бизнес заслуживает большего! Малый бизнес, Предпринимательство, Бизнес

О ПОДПИСКЕ

Малый бизнес Предпринимательство Бизнес
6060
bomkeys
bomkeys
3 года назад

По-моему, это прекрасно...P.s.Вдруг кому пригодится)⁠⁠

По-моему, это прекрасно...P.s.Вдруг кому пригодится)
Типографика Дизайнер Дизайн Верстка Лайфхак Шрифт Повтор Блок-схема
166
3
ZakharovSergey86
ZakharovSergey86
3 года назад

С мёдом⁠⁠

С мёдом Юмор, Плакат, Календарь, Август, Картинки, Медовый спас, Картинка с текстом, Верстка, Типографика
Показать полностью 1
[моё] Юмор Плакат Календарь Август Картинки Медовый спас Картинка с текстом Верстка Типографика
4
3
ZakharovSergey86
ZakharovSergey86
3 года назад

Построим⁠⁠

Построим Юмор, Плакат, Календарь, Август, Картинки, Картинка с текстом, День, Строительство, День строителя, Типографика, Шрифт, Верстка
Показать полностью 1
[моё] Юмор Плакат Календарь Август Картинки Картинка с текстом День Строительство День строителя Типографика Шрифт Верстка
0
4
ZakharovSergey86
ZakharovSergey86
3 года назад

Именно⁠⁠

Именно Юмор, Плакат, Календарь, Август, День, Всероссийский, Холостяк, Картинки, Картинка с текстом, Верстка, Типографика
Показать полностью 1
[моё] Юмор Плакат Календарь Август День Всероссийский Холостяк Картинки Картинка с текстом Верстка Типографика
4

Нереальный кешбэк реальными рублями

Перейти
Партнёрский материал Реклама
specials
specials

Дайте две: подписки, которых еще не существует, но мы уже готовы за них заплатить⁠⁠

Подписка на кино и музыку — это не предел. Еще бы, ведь есть даже подписка на выгоду. Но все равно как будто чего-то не хватает. Придумали еще 10 сервисов, с которыми жить станет лучше и веселее. Выбирайте, какого не хватает вам.

Дайте две: подписки, которых еще не существует, но мы уже готовы за них заплатить Опрос, Подписки, Юмор, Польза, Выгода, Длиннопост

Подписка на мемы

Каждый охотник пикабушник желает знать, где взять свежие мемы. Почему уточка в шарфе — новый тренд, как угнаться за TikTok-бабушками и зачем коту капюшон: каждый день только свежие мемы с комментариями экспертов. Станьте мем-гуру современного рунета!

Подписка на настроение

Хватит быть заложником эмоций, пора управлять ими! Сервис подберет музыку, фразы дня, отфильтрует новостную ленту, посоветует, что надеть и куда пойти, чтобы все совпадало с общим настроем. С этой подпиской вы буквально задаете тон своему дню: хотите нежный уют «как в скандинавской рекламе пледа» — пожалуйста. Надо бодрячком и по-деловому — вот вам марш, вдохновляющие цитаты и напоминание, что вы — герой. Останется только смахнуть пыль с Бэтмобиля.

Если Бэтмобиля нет, не беда: запрыгивайте в Яндекс Такси и получайте кешбэк 10% с подпиской ВТБ Плюс.

Подписка на «новое я»

Иногда так и хочется все бросить и стать другим человеком. Но с чего начать — непонятно. Эта подписка каждый месяц будет подкидывать мини-вызовы для внутренней трансформации. Например: «Неделя без кофе — проверьте, остались ли у вас чувства» или «Месяц без телефона после 6 — вспомните, как выглядят ваши стены». Маленькие шаги, большие перемены. Ну или хотя бы повод похвастаться в сторис (до 18:00, конечно).

Подписка на неловкие разговоры

Забыли, как звонить по телефону? Начинаете паниковать, когда кто-то пишет «давай голосом»? Подписка на неловкие разговоры — это спортзал для ваших коммуникативных мышц. Раз в неделю вам звонит специально обученный человек (или такой же подписчик), и вы несколько минут болтаете обо всем: как спит ваш кот, что вы пересматривали в 25-й раз на выходных и почему ананас на пицце — это грех. Главное — живой голос и никаких эмодзи!

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

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

Дайте две: подписки, которых еще не существует, но мы уже готовы за них заплатить Опрос, Подписки, Юмор, Польза, Выгода, Длиннопост

Подписка на коробку неожиданной радости

Это как Новый год, но без елки и не в декабре. При регистрации рассказываете сервису о себе: чем увлекаетесь, что обожаете, а от чего готовы бежать в панике. А дальше — магия. Раз в месяц курьер приносит коробку с чем-то, что заставит вас сказать: «Ого! Откуда вы знали?!» День доставки определяется случайно — сюрпризы хороши именно своей внезапностью.

Подписка на дурацкие идеи

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

Подписка на прошлую версию интернета

Никаких алгоритмов, трендов и бесконечных сторис, только ICQ, «Помогите Кузе» и новости про новый сезон «Остаться в живых». Эта подписка — как флешбек в старый добрый интернет: вам каждый день прилетает симуляция жизни за выбранный год. Захотели 2007-й — и вот у вас релиз новой песни Тимбалэнда и «Йа креведко!» в чате. Соскучились по студенческим временам в 2010-м? Вот вам «ВКонтакте» без сторис и опрос «Тян или няша?». Своего рода цифровая машина времени, только без риска запустить временной парадокс.

Временная петля — нестареющий сюжет, но лучше наблюдать за этим явлением исключительно в кино. Это несложно: с подпиской ВТБ Плюс у вас будет бесплатный доступ в онлайн-кинотеатр Wink без рекламы.

Подписка на экстренное вдохновение

Когда мозг внезапно уходит в отпуск без предупреждения, а дедлайны машут из-за угла, активируйте подписку на вдохновение! Один клик — и вы получаете посылку с креативным топливом: письмо от виртуального наставника с легкой ноткой мотивационного пинка, подборку свежих идей, нестандартные референсы, творческие упражнения или просто ободряющее «Ты не один, у всех так бывает». Работает как ментальный энергетик, но без кофеина и подергивающегося глаза.

Подписка на пятничный ужин

Вечер пятницы, конец рабочей недели. Силы остались только на то, чтобы жевать, а готовить — вот уж увольте. Для вас есть подписка мечты: каждую неделю вам домой прилетает сет готовых блюд по мотивам выбранной кухни мира. Сегодня Италия? Ловите пасту, брускетты и настроение «мамма миа!». Захотели Мексику — получите тако, гуакамоле и мини-фиесту.

Пока этот сервис остается только нашей мечтой, воспользуйтесь Яндекс Едой. Тем более с подпиской ВТБ Плюс вы получите дополнительный кешбэк 5% на заказы. Отличный вариант избавиться от надоевшей рутины и сэкономить.

Дайте две: подписки, которых еще не существует, но мы уже готовы за них заплатить Опрос, Подписки, Юмор, Польза, Выгода, Длиннопост

Подписка на гиперлокальность

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

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

Какую подписку вы бы оформили?
Всего голосов:

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

  • 10 категорий кешбэка на выбор каждый месяц вместо восьми;

  • дополнительный кешбэк на сервисы Яндекс Лавка, Яндекс Еда, такси в Яндекс Go и Яндекс Маркет;

  • бесплатный доступ в онлайн-кинотеатр Wink;

  • +2% к ставке по накопительному ВТБ-счету;

  • скидку 20% на страховые продукты ВТБ и связь ВТБ Мобайл;

  • бесплатные переводы за границу и уведомления об операциях.

ПОДКЛЮЧИТЬ ПОДПИСКУ ВТБ ПЛЮС

Реклама ПАО «Банк ВТБ». ИНН: 7702070139

Показать полностью 2 1
Опрос Подписки Юмор Польза Выгода Длиннопост
438
vermishyan
6 лет назад
Графический и Веб-дизайн

Плохие отступы — плохой дизайн⁠⁠

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

Плохие отступы — плохой дизайн Дизайн, Веб-дизайн, Верстка, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-дизайн, Верстка, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-дизайн, Верстка, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-дизайн, Верстка, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-дизайн, Верстка, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-дизайн, Верстка, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-дизайн, Верстка, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-дизайн, Верстка, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-дизайн, Верстка, Сайт, Создание сайта, Длиннопост, Типографика, Uiux
Плохие отступы — плохой дизайн Дизайн, Веб-дизайн, Верстка, Сайт, Создание сайта, Длиннопост, Типографика, Uiux

P.S. Ребят, знать теорию и уметь делать — не одно и то же. В комментариях к посту есть задания для практики: https://vk.com/wall-73916093_2693

Вы их выполняете и отправляете мне. А я хвалю или ругаю. Строго, но справедливо :)))

Показать полностью 10
[моё] Дизайн Веб-дизайн Верстка Сайт Создание сайта Длиннопост Типографика Uiux
36
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии