Основы графического дизайна: композиция, цвет, цветовые модели, типографика, растровая и векторная графика — тест

Сайт начинается не с кода, а с решений дизайнера: какие цвета сочетаются, каким шрифтом набрать заголовок, в каком формате сохранить картинку, чтобы она быстро загружалась и не теряла качество. Первый раздел программы «Web-дизайн» знакомит с основами графического дизайна и компьютерной графики, на которых держится вся дальнейшая вёрстка.

Что проверяется

Принципы композиции: баланс, контраст, выравнивание, близость. Свойства цвета — тон, яркость, насыщенность; цветовой круг и гармонии: комплементарная, аналоговая, триада, монохромная. Цветовые модели RGB, CMYK и HSB, запись цвета в шестнадцатеричном виде и глубина цвета. Основы типографики: шрифты с засечками и рубленые, кегль, интерлиньяж. Растровая и векторная графика, форматы JPEG, PNG, GIF и SVG, объём растрового изображения. Слои и маски в редакторе GIMP. Скрайбинг.

Задания

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

Разбор

Пояснения показывают, почему смешение красного и зелёного света даёт жёлтый, почему логотип хранят в SVG, а фотографию — в JPEG, сколько байт занимает изображение 800 × 600 точек и почему десяток разных шрифтов на одной странице разрушает дизайн.

Назначение

Работа подходит после первых десяти часов программы, до перехода к HTML и CSS. Знание цветовых моделей и форматов понадобится сразу же: в CSS цвет задают в RGB и шестнадцатеричной записи, а картинки для сайта нужно правильно подготовить. Программа «Web-дизайн» на семьдесят два часа соединяет графический дизайн, вёрстку и первые сценарии на JavaScript. Занятия идут парами часов раз в неделю, каждый раздел заканчивается практической работой, а курс — собственным сайтом, который ученик проектирует, верстает и защищает. Эта работа — первая из 3 по курсу.

Как и на чём выполнять тест

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