Основные стили веб-дизайна презентация

Содержание

Слайд 2

Дизайн в стиле минимализма

Дизайн в стиле минимализма

Слайд 3

Основные черты стиля: Белый фон, черный текст Отказ от графики

Основные черты стиля:

Белый фон, черный текст
Отказ от графики
Шрифтовой лаконизм
Декор: тонкие линии,

цветные плашки, пиксельные значки
Текстовая навигация
Тщательная работа над контентом
Четкая модульная сетка
Слайд 4

http://rrost.com/ - сайт компании "Регистратор Р.О.С.Т."

http://rrost.com/ - сайт компании "Регистратор Р.О.С.Т."

Слайд 5

http://lib.ru/ - библиотека Максима Мошкова

http://lib.ru/ - библиотека Максима Мошкова

Слайд 6

http://useit.com – сайт основателя понятия «юзабилити» Якоба Нильсена

http://useit.com – сайт основателя понятия «юзабилити» Якоба Нильсена

Слайд 7

http://www.ya.ru – поисковая система Яндекс

http://www.ya.ru – поисковая система Яндекс

Слайд 8

Информационный дизайн

Информационный дизайн

Слайд 9

Слайд 10

Слайд 11

http://evraz.com/

http://evraz.com/

Слайд 12

Стиль Web 2.0

Стиль Web 2.0

Слайд 13

Основные черты стиля: Отказ от дополнительных декоративных элементов Внимание в

Основные черты стиля:

Отказ от дополнительных декоративных элементов
Внимание в центр
Три

колонки – предел
Отсутствие привычной высокой шапки
Функциональные зоны выделены разным цветом
Слайд 14

Основные черты стиля: Простая навигация Четкий логотип и оригинальные иконки

Основные черты стиля:

Простая навигация
Четкий логотип и оригинальные иконки
Достаточно крупный

размер шрифта
Крупнотекстовые вставки
Яркие цвета
Небольшое количество графики
Блоки с закругленными углами
Слайд 15

http://memori.ru – сеть социальных закладок

http://memori.ru – сеть социальных закладок

Слайд 16

Слайд 17

Слайд 18

Слайд 19

Бизнес-дизайн

Бизнес-дизайн

Слайд 20

Основные черты стиля: Фиксированная ширина Стандартное расположение элементов Привычные образы,

Основные черты стиля:

Фиксированная ширина
Стандартное расположение элементов
Привычные образы, позволяющие сразу

определить стиль сайта
Баннерная реклама
Слайд 21

Слайд 22

Слайд 23

Промостиль

Промостиль

Слайд 24

Основные черты стиля: Много, очень много графики Использование ярких образов

Основные черты стиля:

Много, очень много графики
Использование ярких образов и метафор


Графика первична, контент вторичен
Преимущественно рекламное содержание
Общая "богатость" и "глянцевость"
Отсутствие посторонней рекламы
Слайд 25

Слайд 26

Слайд 27

Слайд 28

Слайд 29

Слайд 30

Слайд 31

Слайд 32

Слайд 33

Слайд 34

Дизайн детского сайта

Дизайн детского сайта

Слайд 35

Основные черты стиля: Простые, легко узнаваемые понятные объекты, четкие контуры.

Основные черты стиля:

Простые, легко узнаваемые понятные объекты, четкие контуры.
Яркая, сочная

цветовая гамма
Простая навигация, интерактивность элементов меню, озвучивание навигационных кнопок
Присутствуют рисунки в «мультяшном» стиле.
Слайд 36

www.murzilka.org

www.murzilka.org

Слайд 37

Слайд 38

Слайд 39

www.poissonrouge.com

www.poissonrouge.com

Слайд 40

www.funbrain.com

 

www.funbrain.com

Слайд 41

www.hermanshomepage.com

www.hermanshomepage.com

Слайд 42

Слайд 43

Слайд 44

http://www.octonauts.com/

http://www.octonauts.com/

Слайд 45

http://www.mikimottes.com/

http://www.mikimottes.com/

Слайд 46

Стиль Grunge (грандж)

Стиль Grunge (грандж)

Слайд 47

Основные черты стиля: Эффекты состаренности, небрежности, наличие пятен, рваных краев,

Основные черты стиля:

Эффекты состаренности, небрежности, наличие пятен, рваных краев, царапин.
Текстурный фон

(старая штукатурка, кирпич, дерево).
Приглушенные, грязные цвета . Часто используются черный, коричневый, бежевый, серый, темно синий.
Шрифт неровный, с заломами, шероховатостями.
Слайд 48

Слайд 49

Слайд 50

Слайд 51

Слайд 52

Ретро-стиль

Ретро-стиль

Слайд 53

Основные черты стиля: Крупная типографика, жирные, рукописные шрифты плакатного типа.

Основные черты стиля:

Крупная типографика,  жирные, рукописные шрифты плакатного типа.
Использование текстур.


Большое количество украшений — узоров, рамочек, двойные, тройные линии.
Приглушенные, выцветшие цвета, состаренные текстуры.
Слайд 54

http://www.targetscope.com/ - обязательно посетить сайт

http://www.targetscope.com/ - обязательно посетить сайт

Слайд 55

Слайд 56

http://www.thunderfuel.com/ - обязательно посетить сайт

http://www.thunderfuel.com/ - обязательно посетить сайт

Слайд 57

http://www.lordlikely.com/

http://www.lordlikely.com/

Слайд 58

Слайд 59

Слайд 60

Слайд 61

Слайд 62

Слайд 63

Слайд 64

Слайд 65

Стиль стимпанк

Стиль стимпанк

Слайд 66

Создание сайтов в стиле стимпанк – стилизация под эпоху викторианской

Создание сайтов в стиле стимпанк – стилизация под эпоху викторианской Англии.


На таких сайтах ключевым становится механический элемент.
Веб-дизайн в стиле стимпанк широко использует многочисленные кнопки, винты, трубы, гайки, паровые клапаны, часовые механизмы.
Слайд 67

Основные черты стиля: Добавление несовременного или старинного (автомобили, летающие корабли,

Основные черты стиля:

Добавление несовременного или старинного (автомобили, летающие корабли, механические роботы,

дирижабли).
Использование таких аксессуаров как вентиляторы, шестерни, рычаги.
Слайд 68

Слайд 69

http://thesteamemporium.com/

http://thesteamemporium.com/

Слайд 70

http://senyastudios.com/

http://senyastudios.com/

Имя файла: Основные-стили-веб-дизайна.pptx
Количество просмотров: 89
Количество скачиваний: 0