Во введении объясняется, почему выбор визуального стиля важен при создании графического интерфейса, и обозначается проблема несогласованного или случайного оформления. Здесь формулируются цель и задачи проекта, определяются объект и предмет изучения, а также описываются предполагаемый результат и методы работы: поиск, сравнение и анализ референсов.

В пункте раскрывается понятие графического интерфейса и перечисляются его основные части: навигация, кнопки, текстовые поля, изображения и сообщения обратной связи. Объясняется, как пользователь взаимодействует с этими элементами и почему визуальное оформление должно помогать выполнять задачи, а не мешать им. Это создаёт основу для последующего сравнения стилей.

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

Раздел посвящён элементам, которые можно анализировать при выборе оформления: цвету и контрасту, шрифтам и размерам текста, сетке и отступам, иконкам, иллюстрациям и форме кнопок. Для каждого элемента объясняется его функция и влияние на восприятие информации. Такой разбор поможет перейти от общего впечатления от референса к конкретным наблюдениям и аргументам.

Здесь рассматривается, что такое референс, где искать примеры интерфейсов и как отбирать материалы для проекта. Предлагаются критерии оценки: соответствие назначению продукта, ясность навигации, целостность оформления, читаемость и оригинальность решений. Раздел также объясняет разницу между анализом чужого примера и его прямым копированием, помогая использовать источники корректно.

В практической части подбираются несколько интерфейсов, которые подходят теме и отличаются отдельными визуальными решениями. Каждый пример описывается по одинаковым критериям: палитра, шрифты, композиция, компоненты и предполагаемая аудитория. Сопоставление результатов поможет определить, какие решения уместны для проектируемого продукта, а какие не подходят его задачам.

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

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

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

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