Кадочникова В.И. «Учебная книга» Соблюдение может гарантировать "приличный" результат при минимальных затратах. - презентация

1 Кадочникова В.И. «Учебная книга» Соблюдение может гарантировать "приличный" результат при минимальных затратах.

2 Кадочникова В.И. «Учебная книга» Принцип единства формы и содержания Основные понятия: Пространство (размер, пропорции, плотность, размещение) Форма Цвет Текстуры Шрифт

3 Кадочникова В.И. «Учебная книга» Пространство (размер, пропорции, плотность, размещение) Функции дизайнера: 1. Структурирование содержимого: сведение к минимуму числа групп, на которые разлагается содержимое. 2. Выбор средств для отображения содержимого: каждое новое средство усложняет композицию. 3. Размещение, выравнивание - уменьшение общего количества вертикалей и горизонталей. 4. Панели навигации. Пример как не надо Пример как надо

4 Кадочникова В.И. «Учебная книга» Фокусировка Либо выстраивается иерархия фокусов: на каждом уровне свой фокус Либо один фокус.

5 Кадочникова В.И. «Учебная книга» Форма 1. Избегайте пестроты форм. Один закругленный угол требует закругления всех остальных. 2. Академический стиль. В основе лежит логическая разметка документа. Внешний вид в браузере является побочным эффектом. Выбирается вид: - цвет фона, - цвет основного текста, - цвет заголовков, - цвет ссылок. Пример Скругленных форм Пример Академического стиля

6 Кадочникова В.И. «Учебная книга» Достоинства Академического стиля минимум затрат по времени; не зависит от выбора браузера; не раздражает при просмотре; не устаревает при дальнейшем развитии HTML.

7 Кадочникова В.И. «Учебная книга» Цвет Определяется набор 2-4-х цветов. Берите контрастные, но сочетаемые цвета (2 холодных или 2 теплых) Фиксируйте основной цвет композиции: фон - более светлый оттенок, текст - более темный (или наоборот); декор - более насыщенный

8 Кадочникова В.И. «Учебная книга» Текстура Фото хорошо сочетается с плоской - одноцветной или градиентной заливкой. Материальную - текстурную заливку лучше не использовать на сайте.

9 Кадочникова В.И. «Учебная книга» Шрифт Примеры шрифтов: Мама мыла раму Используйте 1 шрифт с засечками и 1 рубленый. Не забывайте о привносимых элементах (например, логотипах)

10 Кадочникова В.И. «Учебная книга» Принцип баланса "Единство и баланс - два главных свойства, отличающих творения человека от созданий природы.» Наибольшая плотность по одному аспекту может не совпадать с плотностью по другому аспекту. Но это несовпадение должно как-то быть связано. При балансировке по нескольким аспектам часто требуется соединить оси баланса. Информация Текстура Цвет Шрифт плотность в центре При отходе от центра - требуется противовес (правило рычага)

11 Кадочникова В.И. «Учебная книга» Принцип контраста Размер - относительный контраст. Расстояние между объектами - чем оно больше, тем быстрее теряются связи. При контрасте цвета - всегда остается что-то общее. Текстура - противопоставление фото и плоской текстуры. Шрифт - любые два шрифта контрастны. Связь- постоянное использование шрифта в данном аспекте. Форма - как связующий элемент Одномерный контраст (по размеру) Многомерный контраст (по размеру, цвету, форме) Следите, чтобы композиция не развалилась.

12 Кадочникова В.И. «Учебная книга» Принцип динамики Под принципом динамики понимаем динамику восприятия, движение глаз и сознания при изучении страницы. Приемы динамики: Изображение объекта, которому по природе свойственно движение. Размывка в движении. Анимация. Динамика загрузки. 5. Динамика традиционного восприятия. "Лишенная какой бы то ни было динамики вещь покажется скучной и безжизненной»

13 Кадочникова В.И. «Учебная книга» Принцип нюансировки Нюанс - едва заметный оттенок, тонкое различие. "Тщательная нюансировка - главное отличие работы профессионала от упражнений любителя"