Хороший сайт начинается с дизайна: продуманной композиции, сочетающихся цветов, читаемых шрифтов и правильно подготовленных изображений.
Что нужно знать
- Композиция: баланс, контраст (главное заметнее), выравнивание, близость (связанное — рядом), свободное пространство.
- Цвет: тон, яркость, насыщенность. Гармонии: комплементарная (напротив), аналоговая (рядом), триада (через 120°), монохромная.
- RGB — экран, сложение света (R + G = жёлтый, все = белый); CMYK — печать; HSB — тон, насыщенность, яркость.
- HEX: #RRGGBB, каждая пара 00–FF (0–255): #FFFFFF — белый, #000000 — чёрный, #FF0000 — красный. 24 бита = 256 уровней на канал.
- Типографика: шрифты с засечками и рубленые; кегль — размер, интерлиньяж — межстрочное, кернинг — между парами букв. На странице 1–2 шрифта.
- Растр — пиксели (фото); вектор — фигуры и кривые (логотипы), масштабируется без потерь.
- Форматы: JPEG — фото с потерями; PNG — без потерь, прозрачность; GIF — анимация, 256 цветов; SVG — вектор.
- Объём несжатого растра = ширина · высота · глубина цвета. Слои и маски в GIMP позволяют править части изображения независимо.
Где чаще всего ошибаются
- Готовить изображения для экрана в CMYK, а для печати — в RGB.
- Сохранять логотип в JPEG: появляются артефакты и нет прозрачности.
- Набирать страницу множеством разных шрифтов и цветов.
- Растягивать маленький растровый рисунок до большого размера.
Проверить себя
По этой же теме курса есть проверочная работа из 15 заданий на 25 минут. Проверка автоматическая, результат виден сразу — и по работе целиком, и по каждой теме.
Web-дизайн · 7–9 классы · Графический дизайн, цвет и компьютерная графика