Использование декоративных элементов при разработке дизайна сайта
презентация к уроку на тему

Слайд 1

Слайд 2

Цель: Рассмотреть примеры и определить роль декоративных элементов в оформлении сайта

Слайд 3

Ключевые объекты дизайна Точка Линия Фигура

Слайд 4

Точка Фокальной точкой называют такую точку, на которую автор в первую очередь стремится обратить внимание зрителя. Все остальные предметы в композиции выстраиваются в соответствие фокальной точке

Слайд 6

Линия Линия поддерживает всю общую конструкцию макета сайта. Введение в композицию очередной линии, способно задать работе абсолютно иной смысл или настроение .

Слайд 11

Фигура это внешнее очертание, вид, форма предмета . Квадраты, прямоугольники, трапеции, ромбы, шестиугольники, треугольники, круги являются наиболее используемыми элементами, которые можно найти в дизайне. Упомянутые выше геометрические формы используются в качестве: Навигационных элементов; Обрамления компонентов сайта; Визуальные акценты на части сайта.

Слайд 12

Диагонали Диагональные линии прекрасно работают для «буксировки» глаз пользователей с одной точки экрана на другую, они забирают «напряженность» классических макетов.

Слайд 13

Ромб Они могут быть выделены в отдельные элементы или соединены друг с другом в диагональные дизайны.

Слайд 14

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

Слайд 15

Многоугольники Многоугольники часто используется как часть фона веб-сайта , что позволяет «играться» с резкостью и глубиной фона.

Слайд 16

Круг Вызывает ассоциации единства, целостности и бесконечности. Круги привлекают внимание зрителя быстро, эффективно выделяя выбранные элементы сайта и указывая на участки для нажатия (круговые/овальные кнопки на сенсорные экраны). Используется в иконках, логотипах, изображениях миниатюр, социальных и других кнопок.

Слайд 17

Элементы дизайна

Слайд 18

Текстура Изображение, воспроизводящее визуальные свойства каких-либо поверхностей или объектов. В отличие от рисунка, к текстуре не применяются нормы и требования композиции. Помогает задать тон сайта и определяет внешний вид сайта, но не доминирует в дизайне

Слайд 19

Ленточки Позволяют выделять что-либо важное красивым и гармоничным образом. Ставить акцент на новинках. Придавать ощущение праздничности и торжественности.

Слайд 20

Трехмерные элементы Служит для привлечение внимания к главному на странице, позволяет сосредоточить внимание посетителей на предоставляемых товарах.

Слайд 21

Обработанные края Стилизуют сайт, разделяют контрастирующие страницы.

Слайд 22

Узоры Позволяют привносить стиль в дизайн, являются привлекательными инструментами, так как играют вспомогательную роль и не отвлекают пользователя.

Слайд 23

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

Слайд 24

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

Слайд 25

Скеоморфы Это производный объект, который обладает декоративными элементами дизайна от оригинала. Позволяют зрительно классифицировать объекты на странице.

Слайд 26

Монстры Придает индивидуальность в оформлении страницы, позволяют улучшить настроение посетителя

Слайд 27

Элементы на тему космоса Тема космоса подразумевает дальновидное мышление и современные практики. Придает дизайну современный внешний вид и представляет его в выгодном цвете

Слайд 28

Задание Составить кроссворд из 10 слов на тему «Использование декоративных элементов в веб-дизайне » Требования к кроссворду: Кроссворд читается по горизонтали и вертикали. Слова даны в единственном числе в именительном падеже. Между словами в словосочетании закрашенный квадратик. Формулировки вопросов однозначны. Аккуратность выполнения задания.