Слайд 2
![Дизайн в стиле минимализма](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-1.jpg)
Дизайн в стиле минимализма
Слайд 3
![Основные черты стиля: Белый фон, черный текст Отказ от графики](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-2.jpg)
Основные черты стиля:
Белый фон, черный текст
Отказ от графики
Шрифтовой лаконизм
Декор: тонкие линии,
цветные плашки, пиксельные значки
Текстовая навигация
Тщательная работа над контентом
Четкая модульная сетка
Слайд 4
![http://rrost.com/ - сайт компании "Регистратор Р.О.С.Т."](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-3.jpg)
http://rrost.com/ - сайт компании "Регистратор Р.О.С.Т."
Слайд 5
![http://lib.ru/ - библиотека Максима Мошкова](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-4.jpg)
http://lib.ru/ - библиотека Максима Мошкова
Слайд 6
![http://useit.com – сайт основателя понятия «юзабилити» Якоба Нильсена](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-5.jpg)
http://useit.com – сайт основателя понятия «юзабилити» Якоба Нильсена
Слайд 7
![http://www.ya.ru – поисковая система Яндекс](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-6.jpg)
http://www.ya.ru – поисковая система Яндекс
Слайд 8
![Информационный дизайн](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-7.jpg)
Слайд 9
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-8.jpg)
Слайд 10
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-9.jpg)
Слайд 11
![http://evraz.com/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-10.jpg)
Слайд 12
![Стиль Web 2.0](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-11.jpg)
Слайд 13
![Основные черты стиля: Отказ от дополнительных декоративных элементов Внимание в](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-12.jpg)
Основные черты стиля:
Отказ от дополнительных декоративных элементов
Внимание в центр
Три
колонки – предел
Отсутствие привычной высокой шапки
Функциональные зоны выделены разным цветом
Слайд 14
![Основные черты стиля: Простая навигация Четкий логотип и оригинальные иконки](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-13.jpg)
Основные черты стиля:
Простая навигация
Четкий логотип и оригинальные иконки
Достаточно крупный
размер шрифта
Крупнотекстовые вставки
Яркие цвета
Небольшое количество графики
Блоки с закругленными углами
Слайд 15
![http://memori.ru – сеть социальных закладок](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-14.jpg)
http://memori.ru – сеть социальных закладок
Слайд 16
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-15.jpg)
Слайд 17
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-16.jpg)
Слайд 18
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-17.jpg)
Слайд 19
![Бизнес-дизайн](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-18.jpg)
Слайд 20
![Основные черты стиля: Фиксированная ширина Стандартное расположение элементов Привычные образы,](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-19.jpg)
Основные черты стиля:
Фиксированная ширина
Стандартное расположение элементов
Привычные образы, позволяющие
сразу
определить стиль сайта
Баннерная реклама
Слайд 21
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-20.jpg)
Слайд 22
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-21.jpg)
Слайд 23
![Промостиль](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-22.jpg)
Слайд 24
![Основные черты стиля: Много, очень много графики Использование ярких образов](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-23.jpg)
Основные черты стиля:
Много, очень много графики
Использование ярких образов и метафор
Графика первична, контент вторичен
Преимущественно рекламное содержание
Общая "богатость" и "глянцевость"
Отсутствие посторонней рекламы
Слайд 25
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-24.jpg)
Слайд 26
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-25.jpg)
Слайд 27
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-26.jpg)
Слайд 28
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-27.jpg)
Слайд 29
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-28.jpg)
Слайд 30
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-29.jpg)
Слайд 31
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-30.jpg)
Слайд 32
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-31.jpg)
Слайд 33
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-32.jpg)
Слайд 34
![Дизайн детского сайта](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-33.jpg)
Слайд 35
![Основные черты стиля: Простые, легко узнаваемые понятные объекты, четкие контуры.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-34.jpg)
Основные черты стиля:
Простые, легко узнаваемые понятные объекты, четкие контуры.
Яркая, сочная
цветовая гамма
Простая навигация, интерактивность элементов меню, озвучивание навигационных кнопок
Присутствуют рисунки в «мультяшном» стиле.
Слайд 36
![www.murzilka.org](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-35.jpg)
Слайд 37
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-36.jpg)
Слайд 38
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-37.jpg)
Слайд 39
![www.poissonrouge.com](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-38.jpg)
Слайд 40
![www.funbrain.com](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-39.jpg)
Слайд 41
![www.hermanshomepage.com](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-40.jpg)
Слайд 42
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-41.jpg)
Слайд 43
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-42.jpg)
Слайд 44
![http://www.octonauts.com/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-43.jpg)
http://www.octonauts.com/
Слайд 45
![http://www.mikimottes.com/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-44.jpg)
http://www.mikimottes.com/
Слайд 46
![Стиль Grunge (грандж)](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-45.jpg)
Слайд 47
![Основные черты стиля: Эффекты состаренности, небрежности, наличие пятен, рваных краев,](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-46.jpg)
Основные черты стиля:
Эффекты состаренности, небрежности, наличие пятен, рваных краев, царапин.
Текстурный фон
(старая штукатурка, кирпич, дерево).
Приглушенные, грязные цвета . Часто используются черный, коричневый, бежевый, серый, темно синий.
Шрифт неровный, с заломами, шероховатостями.
Слайд 48
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-47.jpg)
Слайд 49
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-48.jpg)
Слайд 50
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-49.jpg)
Слайд 51
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-50.jpg)
Слайд 52
![Ретро-стиль](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-51.jpg)
Слайд 53
![Основные черты стиля: Крупная типографика, жирные, рукописные шрифты плакатного типа.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-52.jpg)
Основные черты стиля:
Крупная типографика, жирные, рукописные шрифты плакатного типа.
Использование текстур.
Большое количество украшений — узоров, рамочек, двойные, тройные линии.
Приглушенные, выцветшие цвета, состаренные текстуры.
Слайд 54
![http://www.targetscope.com/ - обязательно посетить сайт](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-53.jpg)
http://www.targetscope.com/ - обязательно посетить сайт
Слайд 55
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-54.jpg)
Слайд 56
![http://www.thunderfuel.com/ - обязательно посетить сайт](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-55.jpg)
http://www.thunderfuel.com/ - обязательно посетить сайт
Слайд 57
![http://www.lordlikely.com/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-56.jpg)
http://www.lordlikely.com/
Слайд 58
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-57.jpg)
Слайд 59
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-58.jpg)
Слайд 60
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-59.jpg)
Слайд 61
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-60.jpg)
Слайд 62
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-61.jpg)
Слайд 63
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-62.jpg)
Слайд 64
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-63.jpg)
Слайд 65
![Стиль стимпанк](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-64.jpg)
Слайд 66
![Создание сайтов в стиле стимпанк – стилизация под эпоху викторианской](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-65.jpg)
Создание сайтов в стиле стимпанк – стилизация под эпоху викторианской Англии.
На таких сайтах ключевым становится механический элемент.
Веб-дизайн в стиле стимпанк широко использует многочисленные кнопки, винты, трубы, гайки, паровые клапаны, часовые механизмы.
Слайд 67
![Основные черты стиля: Добавление несовременного или старинного (автомобили, летающие корабли,](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-66.jpg)
Основные черты стиля:
Добавление несовременного или старинного (автомобили, летающие корабли, механические роботы,
дирижабли).
Использование таких аксессуаров как вентиляторы, шестерни, рычаги.
Слайд 68
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-67.jpg)
Слайд 69
![http://thesteamemporium.com/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-68.jpg)
http://thesteamemporium.com/
Слайд 70
![http://senyastudios.com/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/211448/slide-69.jpg)