Гайд
по оформлению сайта
Основные моменты, которые важно помнить при создание визуала лонгрида
СТРУКТУРА
САЙТА
  1. Обложка ( самая первая страница)
  2. Знакомство с героем
  3. Объяснение концепции
далее порядок не важен:
  • Отдельные блоки каждого текста
  • Отдельно блок с видео
  • Отдельно блок с фотографиями
Блок со всей командой (последний пункт)


ИСПОЛЬЗОВАНИЕ определенной цветовой гаммы на сайт
Можно выбрать ведущие цвета по цветовому кругу и использовать их на протяжении всего сайта.
( контраст или монохром )

Сайты по подбору цвета
ИСПОЛЬЗОВАНИЕ
принципа контраста
Заголовок должен выделятся,
Лид тоже отличается от основного текста.
Используйте разный размер для разных элементов страницы.
Также можно выбирать разное начертание шрифта
(жирность)
ЧИТАЕМОСТЬ ТЕКСТА
Не используем яркие фоны для блоков текста, текст должно быть хорошо видно!
ТАК мы не делаем, ничего не видно треш
откуда руки растут
А вот так делаем
Всё видно
Класс
Руки из плеч
На одной странице используем одно выравнивание текста
Всё по одной стороне
Заголовок
Шаблоны лид
для примера
Шаблоны текст для примера.ру, не обращайте внимание на то, что тут написано
Заголовок
Шаблоны лид
для примера
Шаблоны текст для примера.ру, не обращайте внимание на то, что тут написано
Всё по разным сторонам
Используйте один стиль на протяжении всего сайта
Если вы выбрали минимализм\фактуры и тд, то используйте его черты во всех фрагментах сайта. Это касается и шрифтов. Выберите один шрифт для заголовков и один шрифт для всего текста. (заголовок и тексты могут быть разных шрифтов)

ИСПОЛЬЗОВАНИЕ
базовой анимации
Это задаст динамики сайту
ДОБАВЛЯЙТЕ
визуального разнообразия
Если у вас идут два текста подряд, лучше разбить их визуальным элементом (фотками, рисунками )
Не бойтесь менять композицию страницы

ФОТО И
ИЛЛЮСТРАЦИИ
Тильда не загружает супер большие файлы, но фото и рисунки должны быть качественными
Помните об основном правиле фотографий, что человек на фотке не может смотреть за пределы экрана. Взгляд человека на фото всегда направлен в центр экрана
Вот так было бы неправильно, ведь девушка смотрит за пределы экрана
Не забывайте о функциональности!
Сайт должен быть понятным, возможно иметь меню.
Если есть концепция (особенно кликабельная), то опишите её в начале сайта.