
- •1. Классификация веб-сайтов.
- •2. Этапы создания сайта – проектирование, изготовление, размещение.
- •3. Особенности оптического и эмоционального воздействия цветов
- •4. Цвет в веб-дизайне. Цветовые модели
- •Цветовая модель rgb
- •Цветовая модель grayscale
- •5.Сочетаемость цветов. Цветовой круг
- •6. Основные принципы дизайна
- •7. Материалы и инструменты дизайнера. Размер. Факторы, влияющие на восприятие размера. Пропорция.
- •8. Графический дизайн сайта – общие требования. Цвет, шрифт, верстка текстовой информации, выбор графики.
- •9. Графические изображения на веб-страницах. Графические форматы gif, jpeg и png, их параметры, характеристики, различия и области применения.
- •10. Растровая и векторная графика
- •11. Основные функциональные зоны при верстке сайтов. Жесткий и резиновый дизайн.
- •Применение текста и шрифтов на сайтах. Задание параметров текста с использованием тегов и атрибутов тегов html и с использованием свойств css
8. Графический дизайн сайта – общие требования. Цвет, шрифт, верстка текстовой информации, выбор графики.
В качестве наиболее общих требований к графическому дизайну веб-приложения, предъявляемых на стадии его разработки, можно отнести:
привлекательность дизайн-решения для основной группы пользователей;
уникальность и запоминаемость;
гибкость дизайн-решения.
Привлекательность дизайн-решения наряду с информационной ценностью заставит пользователя задержаться на портале и внимательнее отнестись к увиденному. Правильно спроектированный дизайн облегчает восприятие информационного материала.
Уникальность и запоминаемость графического интерфейса пользователя оставляет образный отпечаток в подсознании, позволяет идентифицировать ресурс как знакомый и формирует к нему доверительное отношение. Кроме того, интерфейс должен удовлетворять определенным эргономическим требованиям, т.е. обеспечивать комфортность действий и ускорить адаптацию пользователя к информационной среде. Информационный материал должен быть подан таким образом, чтобы он был достаточно удобен для восприятия.
Под гибкостью дизайн-решения портала понимается обеспечение быстрой и качественной его адаптации к возможным изменениям на уровне выполняемых функций и платформы.
В качестве наиболее важных вопросов, решаемых веб-дизайном, можно выделить следующие:
· цветовое решение;
· шрифты;
· графика;
· представление текстовой информации;
· дизайн страницы как единого объекта представления информации.
Приводятся методические рекомендации по перечисленным вопросам.
Обеспечение требований к юзабилити образовательных интернет-приложений и методы их выполнения для различных элементов портала в зависимости от их специфики достигается посредством рационального использования:
· управляющих элементов;
· навигации;
· изложения информационного материала с точки зрения юзабилити;
· наличии функциональных элементов сайта для обеспечения требований по юзабилити;
· планирования сценариев поведения пользователей на сайте.
особенно важны для подбора цветов противоположные и взаимодополняющие
принципы единства и контраста.
Принцип единства требует, чтобы используемые цвета были как можно ближе друг к другу, а в идеале
представляли бы собой один и тот же цвет. И это действительно работает - как женщины выбирают «шляпку в
тон перчаткам», так и дизайнеры обычно ограничивают спектр каждой отдельной композиции небольшим
количеством цветов (не больше четырех), используя каждый цвет для нескольких разных элементов (иногда
близких по своим функциям и оформлению, а иногда и совершенно различных).
Более того, иногда принцип единства главенствует и при подборе цветов, которые обязаны быть различными.
Многие профессиональные страницы выполнены в одной цветовой гамме: например, со светлыми оттенками
основного цвета для фона, более темными — для текста и более насыщенными — для декоративных элементов
(пример 16). Однако при поиске подобного цветового решения нужно быть весьма осторожным, так как слишком
близкие, но не одинаковые цвета могут раздражать своей («дразнящей») близостью, а отсутствие достаточной
меры контраста сделает композицию скучной. Поэтому, если у вас еще недостаточно опыта, лучше
придерживаться проверенного временем рецепта: пользоваться минимумом цветов, но сами цвета при этом
подбирать по возможности контрастные.
Как же выбрать хорошее сочетание контрастных цветов? Чем вообще определяется контраст между цветами?
Вспомним, как цвет разлагается на три составляющие в системе HSV, и попробуем проанализировать каждую из
составляющих по отдельности.
Начнем с тона. Первое правило формулируется просто: нельзя пользоваться цветами, расположенными
слишком близко друг к другу на цветовом круге — диссонанс между такими цветами буквально бьет по глазам
(как режет ухо диссонанс между нотами, различающимися только на полгона). С другой стороны, прямо
противоположные цвета тоже редко образуют гармоничные пары — зеленый с фиолетовым или красный с
голубым обычно кажутся слишком разнородными (относительно неплохо сочетаются только синий с желтым).
Пожалуй, лучше всего контрастируют Круг с другом цвета, расположенные приблизительно на расстоянии
четверти окружности друг от друга. Кроме того, два теплых или два холодных цвета выказывают большее
сродство друг с другом, чем цвета из противоположных полушарий (напомню, что граница между теплой и
холодной областями цветового круга проходит по горизонтали, отделяя красный от фиолетового слева и зеленый
от голубого справа)