Вебдизайн для недизайнера

ЦВЕТОВЫЕ СХЕМЫ
Светлая
Белый фон, чёрный текст, яркие акценты одним цветом
Тёмная
Чёрный фон, белый текст, яркие акценты одним цветом
Яркая
Светлый фон, чёрный текст. Цветовые акценты двумя яркими цветами
Пастельная
Бежевый или серый фон, графитовый текст, акценты пастельным цветом

КАК ВЫБРАТЬ ЦВЕТ ДЛЯ САЙТА
Фирменный стиль заказчика
Предпочтения заказчика
Основной цвет фотографий
Настроение бизнеса

ИСТОЧНИКИ ВДОХНОВЕНИЯ ЦВЕТОМ
Tilda Colors
Adobe Color

ШРИФТЫ
РАЗМЕР:
НАСЫЩЕННОСТЬ:

КОМПОЗИЦИЯ. ЧТО ВАЖНО:
Пустота облегчает восприятие информации
Внешний интервал должен быть больше внутреннего
Выравнивание по центру недопустимо для больших текстов
Блоки с колонками надо разделять блоками на всю ширину экрана
Проверяем читабельность текста на картинках
Соблюдаем иерархию в тексте

МОДУЛЬНАЯ СЕТКА:
1 2 3 4 5 6 7 8 9 10 11 12

АДАПТИВНАЯ ВЁРСТКА:
Компьютер >980px
Планшет 480-980px
Телефон <480px

ЛУЧШЕ НЕ ПРИМЕНЯТЬ:
Обводки на кнопках, картинках и карточках
Тени прозрачностью >30%
Цветные заголовки и тексты
Неестественные рекламные картинки
3 и более активных цвета
Анимация ради анимации