Анализатор цветового набора для web-страницы — это инструмент формирования пользовательского интерфейса веб-страницы с оптимальным цветовым оформлением.
Введение
Сегодня большинство граждан используют компьютер в самых разных местах, а именно, на службе, в домашних условиях, в разных общественных местах типа интернет-кафе и так далее. Как правило, общение с компьютером осуществляется при посредстве GUI (Graphical User Interface), то есть графического интерфейса пользователя. Интерфейс является методом взаимодействия, то есть информационного обмена между объектами.
Недостаточно просто спроектировать и создать программное приложение, необходимо ещё сформировать удобный и понятный интерфейс пользователя, поскольку практически все пользователи выполняют оценку программы не по её инструментальным характеристикам, которые, конечно, очень важны, а как раз по достоинствам интерфейса. Бывают ситуации, когда очень хорошие и полезные программы не пользуются популярностью именно из-за неудобного для пользователя интерфейса.
Сегодня большой популярностью пользуются WEB-интерфейсы, поскольку фактически любой человек обладающий персональным компьютером или смартфоном может легко превратиться в пользователя сети Интернет. А во всемирной паутине сформирован и применяется именно WEB-интерфейс.Известно большое число средств для формирования разных интерфейсов и они в принципе доступны практически всем пользователям. Однако при таком многообразии программных продуктов для формирования интерфейсов, появляется и много проблем. Проблема оптимального формирования интерфейсов становится всё более актуальной, поскольку очень мало систематизированной информации о правильной интерфейсной структуре.
Анализатор цветового набора для WEB-страницы
Специалисты считают, что очень важным является вопрос выбора цветового оформления интерфейса и ему следует уделять максимум внимания, поскольку он является залогом успеха любого программного приложения, ориентированного на прямой контакт с пользователем.
Одним из наиболее распространенных методов формирования цветовой палитры WEB-страницы является метод цветового подбора при помощи цветового круга. Идея этого метода состоит в подборе цвета с помощью цветового круга, как показано на рисунке ниже:
Рисунок 1. Цветовой круг. Автор24 — интернет-биржа студенческих работ
Наиболее просто подбирать цвета в цветовом круге, представив себе в центре круга равнобедренный треугольник. Цвета, оказавшиеся под вершинами треугольника, являются потенциальными кандидатами на применение. Такой способ выбора цветов именуется «триадной схемой», представленной на рисунке ниже:
Рисунок 2. Триадная схема. Автор24 — интернет-биржа студенческих работ
Можно выделить четыре разных триадных структуры, которые следует использовать. Идея состоит в том, что цвета в вершинах треугольника составляют гармоничную цветовую комбинацию.
Однако триадами не надо себя ограничивать. Могут быть выбраны также и комплиментарные цвета, то есть цвета, расположенные в круге напротив. К примеру, это может быть красный и зелёный цвет. Эти цвета именуются комплиментарными или дополняющими, так как если их расположить рядом, то они способны дополнить и сделать ярче и живее друг друга. Пример показан на рисунке ниже:
Рисунок 3. Комплиментарные цвета. Автор24 — интернет-биржа студенческих работ
Существуют и более сложные комбинации. К примеру, можно использовать две пары комплиментарных цветов, или иначе «двойной комплемент» (doublecomplement). Например, можно взять жёлтый и пурпурный, а также синий и оранжевый. Есть ещё схема, именуемая альтернативным комплементом (alternatecomplement), когда выполняется комбинация триады цветов с цветом, который является комплиментарным к одному из цветов триады. Примером такого варианта является набор из зелёного, красно-пурпурного, красного и оранжевого цветов. Помимо этого есть, так называемый, «расщеплённый комплемент» (splitcomplement), то есть вариант, когда выбирается один цвет, затем его комплиментарный цвет и ещё пара прилегающих к нему цветов.
Наконец существует способ тетрады, то есть когда следует взять четыре цвета, расположенных напротив друг друга. Иначе говоря, выбирается один первичный цвет, один вторичный и два третичных цвета. На рисунке ниже показаны примеры описанных выше схем:
Рисунок 4. Схемы расположения цветов. Автор24 — интернет-биржа студенческих работ
На основании всего изложенного выше, может быть разработана программа, которая будет оценивать подбор цветов WEB-страницы, представленной пользователем. Такая программа должна иметь средство для анализа готовой страницы с точки зрения комбинации применяемых в ней цветов. Она также должна дать пользователю возможность выбора способа подбора цветов из списка самых используемых на текущий момент.
Процесс проектирования анализатора цветового набора должен включать следующие задачи:
- Изучить и выбрать параметры html-страницы, необходимые для дальнейшего выполнения анализа.
- Выбрать и изучить в достаточном объёме программные средства, требуемые для формирования интерфейса.
- Проектирование системы.
- Формирование текстового набора.
- Осуществление проекта в заданной программной среде.
- Осуществление отладки программы.
- Формирование инструкции для пользователя.
С позиций пользователя система делится на две подсистемы, а именно, анализирующую и справочную подсистемы. Анализирующий раздел даёт возможность пользователю выполнить анализ нужной ему WEB-страницы, а справочный раздел позволяет просмотреть справочные информационные данные по проблемам корректного создания страницы, включая подбор цветов, оформляющих страницу.
Анализируемая WEB-страница должна соответствовать следующим параметрам:
- Она должна быть сформирована на языке HTML 4.0 или выше.
- Её коды не должны иметь описания стилей и классов.
- Её коды не должны иметь в своём составе скриптов (Script, например, javascript и другие).
- Чтобы верно выполнить анализ страницы, она не должна иметь фоном различные рисунки.
Информационные данные о цветовых наборах должны хранится в отдельных текстовых файлах.
