Траектория развития дизайнера
Веб-дизайн мультидисциплинарный, и от современного дизайнера требуется не просто создавать красоту, но и разбираться в смежных сферах. На этой странице мы собрали ссылки на ресурсы, которые помогут учиться и развиваться.
Tilda как инструмент дизайнера
Изучив библиотеку блоков (категории и их содержание), посмотрите следующие ссылки, чтобы понять возможности конструктора.
Как устроена Тильда: обзор основных функций [Видеоурок] →
Работа с редактором Zero Block [Видеоурок] →
Видеоуроки по созданию различных проектов (сайт, магазин, блог, статья) →
Справочный центр →
Готовые шаблоны страниц для разных сфер бизнеса →
Лучшие сайты, сделанные на Тильде →
Работа с редактором Zero Block [Видеоурок] →
Видеоуроки по созданию различных проектов (сайт, магазин, блог, статья) →
Справочный центр →
Готовые шаблоны страниц для разных сфер бизнеса →
Лучшие сайты, сделанные на Тильде →
Как создавать landing page
Лендинг (landing page, посадочная страница) — это любая страница, которая призывает человека что-то сделать. Принципы создания лендинга можно использовать не только применительно к одной странице, но и для создания сайта.
Теория дизайна
Референсы (где смотреть хорошие сайты):
#madeontilda и ежемесячные выпуски подборок интересных проектов →
Land-book → Httpster → Awwwords → Siteinspire →
Создание сайта:
Как создать сайт. Пошаговое руководство →
Частые ошибки дизайна веб-страницы →
Как сделать навигацию на сайте удобной →
Как сделать обложку сайта: практические советы арт-директора →
Персоны, их боли и возражения:
Дизайн-мышление. Гид по процессу →
Эмпатия →
Виды исследования и фокусировка →
Jobs To Be Done: новый подход к работе с аудиторией продукта →
Прототип:
Использование прототипа в дизайне сайта →
Цвет:
Цвет в веб-дизайне →
Иоханнес Иттен «Искусство цвета» →
Шрифт и типографика:
Шрифт. Базовые понятия →
Основные понятия типографики и инструменты верстки →
Как выбрать правильный шрифт для сайта и статьи →
Александра Королькова «Живая типографика» →
Роберт Брингхерст «Основы стиля в типографике» →
Эрик Шпикерманн «О шрифте» →
#madeontilda и ежемесячные выпуски подборок интересных проектов →
Land-book → Httpster → Awwwords → Siteinspire →
Создание сайта:
Как создать сайт. Пошаговое руководство →
Частые ошибки дизайна веб-страницы →
Как сделать навигацию на сайте удобной →
Как сделать обложку сайта: практические советы арт-директора →
Персоны, их боли и возражения:
Дизайн-мышление. Гид по процессу →
Эмпатия →
Виды исследования и фокусировка →
Jobs To Be Done: новый подход к работе с аудиторией продукта →
Прототип:
Использование прототипа в дизайне сайта →
Цвет:
Цвет в веб-дизайне →
Иоханнес Иттен «Искусство цвета» →
Шрифт и типографика:
Шрифт. Базовые понятия →
Основные понятия типографики и инструменты верстки →
Как выбрать правильный шрифт для сайта и статьи →
Александра Королькова «Живая типографика» →
Роберт Брингхерст «Основы стиля в типографике» →
Эрик Шпикерманн «О шрифте» →
Композиция:
Композиция в веб-дизайне →
Александр Лапин «Фотография как» →
Подборка на тему «Швейцарская типографика» →
Визуальная иерархия:
Психофизиология графических интерфейсов →
Визуальная иерархия сайта →
Сила белого пространства →
Фотографии и иллюстрации:
Флэт иллюстрация →
Руководство по поиску картинок для сайта или статьи →
Где скачать иконки для сайта →
Композиция в веб-дизайне →
Александр Лапин «Фотография как» →
Подборка на тему «Швейцарская типографика» →
Визуальная иерархия:
Психофизиология графических интерфейсов →
Визуальная иерархия сайта →
Сила белого пространства →
Фотографии и иллюстрации:
Флэт иллюстрация →
Руководство по поиску картинок для сайта или статьи →
Где скачать иконки для сайта →
Интернет-маркетинг
Учебник-курс «Интернет-маркетинг с нуля»:
Из чего состоит интернет-маркетинг →
Целевая аудитория и конкуренты →
Landing Page →
Веб-аналитика →
SEO →
Социальные сети →
Контекстная реклама →
Контент-маркетинг →
Рассылка →
A/B тестирование →
Из чего состоит интернет-маркетинг →
Целевая аудитория и конкуренты →
Landing Page →
Веб-аналитика →
SEO →
Социальные сети →
Контекстная реклама →
Контент-маркетинг →
Рассылка →
A/B тестирование →
Избранные статьи Tilda Education по интернет-маркетингу:
Как составить продающий оффер (УТП) для сайта →
Оформление коммерческого предложения — КП нового формата →
SEO — оптимизация страницы для поисковиков →
SEO-кейс: онлайн-магазин на Тильде →
Продвижение мероприятия в интернете →
Справочник: размеры картинок для 9 социальных сетей →
Продвижение в социальных сетях (SMM) →
12 психологических приемов повышения конверсии сайта →
А/б тестирование сайта или лендинга — практическое руководство →
Создание продающего сайта по формуле AIDA →
Как повысить конверсию сайта, используя веб-аналитику →
Как сделать сайт мероприятия →
Для чего нужны UTM-метки →
Как составить продающий оффер (УТП) для сайта →
Оформление коммерческого предложения — КП нового формата →
SEO — оптимизация страницы для поисковиков →
SEO-кейс: онлайн-магазин на Тильде →
Продвижение мероприятия в интернете →
Справочник: размеры картинок для 9 социальных сетей →
Продвижение в социальных сетях (SMM) →
12 психологических приемов повышения конверсии сайта →
А/б тестирование сайта или лендинга — практическое руководство →
Создание продающего сайта по формуле AIDA →
Как повысить конверсию сайта, используя веб-аналитику →
Как сделать сайт мероприятия →
Для чего нужны UTM-метки →
Работа с текстом
Практика
Для тренировки рекомендуем создать сайты на следующие темы:
Услуга (выгул собак, консультация психолога, уборка квартир)
Мероприятие (конференция, семинар, митап, хакатон)
Курс (онлайн или офлайн обучение)
Вебинар
Интернет-магазин
Лендинг для одного товара
Главную страницу блога и статью
Лонгрид
Спецпроект со сложной анимацией
Одноэкранный сайт
Недвижимость (продажа новостроек, аренда или продажа отдельного объекта)
Предприятие питания (бар, кафе, кофейня)
Тур или экскурсия
Мероприятие (конференция, семинар, митап, хакатон)
Курс (онлайн или офлайн обучение)
Вебинар
Интернет-магазин
Лендинг для одного товара
Главную страницу блога и статью
Лонгрид
Спецпроект со сложной анимацией
Одноэкранный сайт
Недвижимость (продажа новостроек, аренда или продажа отдельного объекта)
Предприятие питания (бар, кафе, кофейня)
Тур или экскурсия
HTML
Техническая база
Теория:
Что такое браузер →
Что такое DNS →
Что такое домен →
Что такое CDN →
Что влияет на скорость загрузки сайта →
Что такое кеширование сайта →
Что такое консоль разработчика →
Что такое CRM →
Практика:
Купить домен →
Подключить домен к сайту →
Подключить почту для домена →
Подключить формы и сервисы приема данных →
Подключить платежные системы →
Настроить цели в статистике →
Подключить шрифты →
Добавить сайт в поисковые системы →
Прописать теги для SEO →
Что такое браузер →
Что такое DNS →
Что такое домен →
Что такое CDN →
Что влияет на скорость загрузки сайта →
Что такое кеширование сайта →
Что такое консоль разработчика →
Что такое CRM →
Практика:
Купить домен →
Подключить домен к сайту →
Подключить почту для домена →
Подключить формы и сервисы приема данных →
Подключить платежные системы →
Настроить цели в статистике →
Подключить шрифты →
Добавить сайт в поисковые системы →
Прописать теги для SEO →
Продуктивность
Tim Urban “Why Procrastinators Procrastinate“ →
Tim Urban: Inside the mind of a master procrastinator (лекция TED с русскими субтитрами) →
Дэвид Аллен: «Как привести дела в порядок» (метод Getting Things Done) →
Максим Дорофеев «Джедайские техники. Как воспитать свою обезьяну, опустошить инбокс и сберечь мыслетопливо» →
Максим Дорофеев: Джедайская техника 2.0. [Видео ] →
Тео Компернолле «Мозг освобожденный» →
Tim Urban: Inside the mind of a master procrastinator (лекция TED с русскими субтитрами) →
Дэвид Аллен: «Как привести дела в порядок» (метод Getting Things Done) →
Максим Дорофеев «Джедайские техники. Как воспитать свою обезьяну, опустошить инбокс и сберечь мыслетопливо» →
Максим Дорофеев: Джедайская техника 2.0. [Видео ] →
Тео Компернолле «Мозг освобожденный» →
