l3 (Презентации лекций)

Веб дизайнЭтапы разработки и созданияweb-сайтаПостановка задачиРазработка и утверждение дизайнаПрограммированиеТестированиеПубликация сайта в интернетеЗаполнение сайта материаламиПродвижение (раскрутка)Поддержка сайтаСтраницы сайта: Первая страница Индексные страницы разделовсодержат элементы навигации по этим разделам иих краткое описание Контент-страницыразмещаются основные материалы сайта Служебные страницыкарта сайта, страницы результатов поиска,страницы, сообщающие об ошибкахЧто разместить на первойстранице? Логотип Хорошо заметная ипонятная фраза(слоган) Основная навигация Уникальное торговоепредложение Основнаяиллюстрация Прямой доступ косновным сервисам Лента новостей Корзина дляпродуктов Рекламные банеры Блок «С чего начать» Верительнаяинформация Контактнаяинформация Система регистрацииавторизации Поле поиска и ссылкана карту сайтаЧто разместить на первойстранице?странице?странице?странице?странице?На первой странице сайта НЕдолжно быть: Фразы и блоки типа «Добропожаловать!», «Мы очень рады…!» Стандартные и крайне редкоиспользуемые сервисы Логотипы сторонних компаний Всплывающие splash-страницы иокнаИндексные страницы Иллюстрация-банер, нагляднодемонстрирующий содержание раздела Краткое текстовое описание раздела Навигация по разделу Рекламные банеры Материалы для скачивания, имеющиеотношение ко всему разделуИндексные страницыИндексные страницыИндексные страницыИндексные страницыУспех страницы зависит от ееакцентовАкцентыРаспределениеэлементов исвободногопространстваподчеркнетотдельныйэлементВыделениетекстовогоэлементапутемвыделенияжирнымсимвола илифразыИспользованиецветаэффективно,еслиограничиватьего толькоопределенными акцентамиСамыйраспространенныйподход квыделениюэлементов –увеличение ихразмераЦветовые схемы RGB (red / green / blue) CMYK (cyan / magenta / yellow / black) HSL (hue / saturation / lightness)RGB (red / green / blue) Основа – черный цвет(выключенный монитор) Красители – свет,в мониторах применяютсятри светодиода для красного,зелёного и синего каналов. Система называется аддитивной - цветаполучаются путём добавления кчерномуCMYK (cyan / magenta / yellow / black) Основа – белый цвет (бумага) отражает весь спектр цветов Красители представляют собойвещества, которые поглощаютопределенный цвет Система называется субтрактивной(subtractive), что означает"вычитающая/исключающая "CMYK (Зачем К?) Неидеальность красителей Недостаточно точноесовпадение точек нанесения Смешение 3 цветов в однойточке перемачивает бумагу Черная краска (сажа) дешевлетрех остальныхHSB (hue / saturation / brightness ) ближе к человеческому восприятиюцветов: Что это за цвет? Насколько он насыщенный? Насколько он светлый или тёмный?Способы отображения Трехмерная визуализация оттенок изменяется придвижении вдоль окружности насыщенность — вдоль радиуса яркость — вдоль высоты Визуализацияв ПО цилиндр кольцоЦветовые схемыЕсли изображение создаетсядля просмотра на экране (какв случае Web-дизайна),нужно работать в схеме RGB.Primary / Secondary / TertiaryColorsЦветовые схемы Триадные цвета Комплиментарные(complementary) цвета Комбинации триадных икомплиментарных цветов Монохроматичные цвета Сходственные цветаТриадные цветаЦвета расположены в вершинахравнобедренного треугольника,вписанного в окружностьКомплиментарные цветаЦвета, которыерасположены вкруге прямонапротив другдругаКомбинации Двойной комплемент(double complement) две парыкомплиментарныхцветов Альтернативные комплемент(alternate complement) –триада цветов с цветом,комплиментарным одному изцветов триадыКомбинации Расщепленный комплемент(split complement) –выбирается цвет, беретсяего комплиментарный цвет идва прилегающих к немуцвета Тетрада –цвета расположены в углахвписанного квадратаРодственные цвета Монохроматичные цвета(monochromatic) используется один цвети все его оттенки Сходственные(analogous) –цвета расположены пососедству друг с другомна цветовом кругеЦветЕстественные цвета часто менее насыщены и болееприятны для глаз, чем их искусственные аналоги.

Онидают пользователю возможность сосредоточиться навзаимодействии с сайтом, не отвлекая его слишкомяркими оттенками..