Курсовая работа: Анализатор цветового набора для WEB-страницы
Проблематика правильного создания интерфейсов приобретает все более широкие рамки, так как материалов, которые бы давали систематизированную информацию о том, как правильно создавать и организовывать интерфейс, практически НЕТ. И тем более нет средств для тестирования существующих интерфейсов хотя бы по некоторым параметрам.
Эта работа посвящена созданию системы, которая предоставляет пользователю возможность проверить правильность выбора цветов на указанной им странице. Система включает несколько вариантов анализа подбора цветов, соответствующих наиболее распространенным из множества существующих на данный момент методик выбора цветовой гаммы WEB-страницы. Результаты анализа системы — это лишь рекомендации, в конечном счете, при выборе цвета пользователь учитывает также свои привычки и привязанности.
По мнению специалистов, вопросу подбора цветов при разработке интерфейса, следует уделять как можно больше внимания, ведь правильно построенный интерфейс – залог успеха программного продукта, рассчитанного на непосредственное общение с пользователем.
Для разработки данной системы выбраны следующие, наиболее подходящие, методы подбора цветовой гаммы из числа существующих на данный момент:
1. Метод подбора цветов с помощью цветового круга. Суть данного метода заключается в том, что цвета подбираются по цветовому кругу Рис 3:
Рис 3.
Самый простой способ подбора цветов в цветовом круге - представить себе над кругом равнобедренный треугольник. Цвета, которые окажутся под вершинами - потенциальные кандидаты на использование. Этот тип подбора цветов называется "триадной схемой". Взгляните на рис. С. У нас получаются четыре различных триадных схемы, с которыми уже можно работать. Суть заключается в том, что эти цвета, работая вместе, образуют гармоничную комбинацию цветов.
Рис. С: На цветовом круге существует четыре возможных триады цветов
Но триадами не стоит ограничиваться. Можно выбрать и комплиментарные (complementary) цвета, т.е. те цвета, которые расположены в круге прямо напротив друг друга - например, красный и зеленый. Они называются комплиментарными/дополняющими потому, что будучи помещенными рядом, они делают друг друга ярче и живее, см. рис. D.
Рис. D.: цвета, противоположные друг другу на круге называются комплиментарными/дополняющими
Различные варианты
На этом этапе мы уже можем приступить к более сложным комбинациям. Например, можно взять две пары комплиментарных цветов, что называется "двойной комплемент" (double complement). Скажем, желтый и пурпурный/лиловый, и синий и оранжевый. Другой схемой является альтернативный комплемент (alternate complement), когда комбинируется триада цветов с цветом, комплиментарным одному из цветов триады. Зеленый, красно-пурпурный, красный и оранжевый - пример такой комбинации. Также существует "расщепленный комплемент" (split complement), когда берется цвет, его комплиментарный цвет и два прилегающих к нему цвета.
И наконец, вы наверное слышали о тетраде: когда берутся четыре цвета, которые расположены прямо напротив друг друга. Т.е. выбираются 1 первичный, 1 вторичный и два третичных цвета. На рис. Е. Показаны примеры вышеперечисленных схем.
Рис. Е.: эти схемы вдохнут жизнь в любой Web-сайт
1.2Неформальная постановка задачи
Следуя цели данной программной разработки, необходимо спроектировать и реализовать программу, которая оценивает подбор цвета данной WEB-страницы (которая предоставляется пользователем). Данный программный продукт должен: включать средство анализа готовой HTML-страницы на предмет сочетания используемых в ней цветов. Предоставить пользователю выбор метода подбора цветов из набора наиболее распространенных на данный момент. Предоставлять информацию об основных правилах форматирования при разработке пользовательского интерфейса. В общих чертах система должна предоставлять возможности, указанные на ри с. 1.
|
