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

Содержание

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

Слайд 1Основные стили веб-дизайна


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


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

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

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


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


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


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


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


Слайд 11http://evraz.com/


Слайд 12Стиль Web 2.0


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

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

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

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

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


Слайд 19Бизнес-дизайн


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

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

Слайд 23Промостиль


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


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

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


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

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

Слайд 36www.murzilka.org


Слайд 39
www.poissonrouge.com


Слайд 40
 
www.funbrain.com


Слайд 41
www.hermanshomepage.com


Слайд 44http://www.octonauts.com/


Слайд 45http://www.mikimottes.com/


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


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

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

Слайд 52Ретро-стиль


Слайд 53Основные черты стиля:
Крупная типографика,  жирные, рукописные шрифты плакатного типа.
Использование текстур.


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

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


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


Слайд 57
http://www.lordlikely.com/


Слайд 65Стиль стимпанк


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


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

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

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

Слайд 69
http://thesteamemporium.com/


Слайд 70
http://senyastudios.com/


Слайд 71
http://www.mechanicalmirage.com/


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика