Разработка эффективной методики создания графического интерфейса сайта

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

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

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

На третьем шаге разрабатывается руководство по работе с цветом, т. е. цветовая палитра, содержащая номера цветов и примеры их использования. К файлам с информацией о наборе шрифтов и цветовой палитре дизайнер постоянно обращается во время разработки дизайна макета (рис. 4).

Так, на первом шаге необходимо провести глубокое исследование и сделать наброски. Важно глубоко вникнуть в тему, исследовать и проанализировать все достоинства и недостатки аналогичных по теме сайтов. На этом шаге дизайнер предпринимает мозговой штурм, ищет вдохновение, осуществляет бенчмаркинг, делает различные наброски, заметки, записи своих идей [8]. Результатом работы на текущем этапе является эскиз будущего сайта (рис. 3).

На следующем шаге необходимо создать руководство по типографике. Этот этап является одним из наиболее важных, поскольку на основе выбранных шрифтов и будет создаваться цветовая палитра разрабатываемого сайта. Результатом работы на данном этапе является набор основных шрифтов, используемых для заголовков, основного текста и разделов.

Создается дизайн следующей страницы Рис. 2. Схема оптимального процесса создания дизайна сайта

Следующий шаг — это разработка прототипа всех страниц сайта. На этом этапе принимается множество важных решений, в частности, о расположении меню навигации [9]. Результатом работы на этом этапе является прототип страниц сайта (рис. 5).

TURE.

Рис. 5. Пример прототипа страницы сайта

И, наконец, на заключительном шаге осуществляется финальная разработка дизайна всего сайта (рис. 6).

Рис. 6. Пример разработанного дизайна веб-сайта

Таким образом, разработана линейная методика создания графического интерфейса веб-сайтов, позволяющая сократить время, отведенное на разработку дизайна и повысить продуктивность сайта за счет увеличения количества посещений и его конкурентоспособности [10].