Даньшов Александр Константинович

UI- и UX-ДИЗАЙН, КАК СТРУКТУРНАЯ ЕДИНИЦА ФИРМЕННОГО СТИЛЯ И БРЕНДБУКА

Материал опубликован 6 May 2021

Автор публикации: И. Поляков, студент 2 курса

Поляков И.А., 943 гр., II курс

АУ «Сургутский политехнический колледж»

Специальность: 09.01.03 «Мастер по обработке цифровой информации»

Руководитель: Даньшов А.К.,

мастер п/о

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

Цель исследования  определить место UI- и UX-дизайна при создании фирменного стиля и брендбука.

Объект исследования  фирменный стиль.

Предмет исследования  UI- и UX-дизайн.

Задачи исследования:

Изучить понятия брендбука и фирменного стиля в web-дизайне.

Рассмотреть особенности UI- и UX-дизайна.

Определить этапы разработки web-дизайна и место UI- и UX-дизайна в данном процессе.

Проанализировать важность UI- и UX-дизайна по отношению к создаваемому фирменному стилю и брендбуку.

Гипотеза: Предполагается, что UI- и UX-дизайн занимают важную часть на этапе проектирования и разработки web-дизайна.

Методы исследования:

изучение и обобщение;

тестирование;

сравнительный анализ;

гипотетический метод.

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

После изучения понятия «фирменный стиль» и «брендбук» можно сделать вывод, что фирменный стиль можно считать частью брендбука, он является визуальной идентификацией бренда, как бренд выглядит. Брендбук же в свою очередь – это фундаментальный документ, содержащий позиционирование бренда, его вербальную и визуальную идентификацию. Разработка фирменного стиля предполагает, что у компании или продукта уже есть позиционирование и идентификация. Брендбук предполагает переработку позиционирования вместе с идентификацией. В современном цифровом мире особую роль играет веб-сайт, который построен согласно фирменному стилю и правилам, описанным брендбуком. К основным этапам создания веб-сайта относят девять пунктов, одним из которых является этап проектирование и прототипирования, он же UX дизайн. UX-дизайн отвечает за функции, адаптивность продукта и то, какие эмоции он вызывает у пользователей. Чем понятнее интерфейс, тем легче пользователю получить результат и совершить целевое действие. UI-дизайн представляет собой процесс визуализации прототипа, который разработали на основании пользовательского опыта и исследования целевой аудитории.

Если говорить про особенности разработки и работы с данными типами дизайнов (рисунок 1), то UI-дизайн – это работа с визуальной частью дизайна, а UX – занимается продумыванием логики взаимодействия пользователя с продуктом, анализируя, тестируя интерфейс, делая его более удобным.

Рисунок 1 – Особенности UX и UI дизайнов.

Стоит учитывать, что разница между UX, UI и графическим дизайном в том, что это разные фронты работ в едином диджитал-бренде. UX – больше про повышение эффективности людей с помощью диджитал-инструментов, UI – про дизайн комфортных и функциональных интерфейсов. Неудобный IT-продукт, который можно считать неотъемлемой частью фирменного стиля и соответственно бренука, это риск проиграть конкурентную борьбу на рынке. Качественный UX дизайн помогает проектам развиваться, привлекает клиентов, увеличивает прибыль и сокращает издержки. Дизайн, учитывающий удобство и эмоциональный отклик пользователя, делает цифровое пространство более комфортным. Именно на это и направлены в совокупности UX, UI дизайны.

Список используемой литературы:

1. Алексеев, А. Г. Дизайн-проектирование: учебное пособие для среднего профессионального образования / А. Г. Алексеев. — 2-е изд. — Москва: Издательство Юрайт, 2020. — 90 с. — (Профессиональное образование). — ISBN 978-5-534-11134-7. — Текст: электронный // ЭБС Юрайт [сайт]. — URL: https://urait.ru/bcode/456785

2. Основы дизайна и композиции: современные концепции: учебное пособие для среднего профессионального образования / Е. Э. Павловская [и др.]; ответственный редактор Е. Э. Павловская. — 2-е изд., перераб. и доп. — Москва: Издательство Юрайт, 2020. — 119 с. — (Профессиональное образование). — ISBN 978-5-534-11671-7. — Текст: электронный // ЭБС Юрайт [сайт]. — URL: https://urait.ru/bcode/456065

3. Статья «12 инструментов и сайтов для UI/UX дизайнеров». Хабр. [Электронный ресурс]. URL: https://habr.com/ru/post/308608/

4. Статья «13 принципов брендинга». CREATBRAND. [Электронный ресурс]. URL: http://www.createbrand.ru/biblio/branding/13_principov.html

5. Статья «UX и UI дизайн». DIUS. [Электронный ресурс]. URL: https://www.web-dius.ru/blog/ux_i_ui_dizajn/

6. Статья «UX и UI дизайн». iGitGap. [Электронный ресурс]. URL: https://itgap.ru/post/7-ux-ui-dizayn-instrumentov

7. Статья «UX-стратегия на практике. Часть 3 — Платформенное мышление». Юрий Ветров об интерфейсах. [Электронный ресурс]. URL: https://jvetrau.com/uxstrategy-3/

8. Статья «Брендбуки: примеры брендбуков известных компаний». FB.ru [Электронный ресурс]. URL: http://fb.ru/article/187973/brendbuki-primeryi-brendbukov-izvestnyih-kompaniy.

9. Статья «Что такое UX/UI дизайн, или как сделать посетителю сайта приятно». Idbi. [Электронный ресурс]. URL: https://idbi.ru/blogs/blog/chto-takoe-uxui-dizayn

10. Статья «Что такое UX/UI-дизайн и как попасть в эти профессии». Skillbox. [Электронный ресурс]. URL: https://skillbox.ru/media/design/ux_ui_dizayn_chto_eto_takoe/

11. Статья «Этапы работы с проектом по разработке сайта в роли UI/UX, Web дизайнера». ЯндексДзен. [Электронный ресурс]. URL: https://zen.yandex.ru/media/id/5be80b6aec5e1b00aa71c05a/etapy-raboty-s-proektom-po-razrabotke-saita-v-roli-uiux-web-dizainera-5e1cdde96f5f6f00ae02f7af

12. Цифровые технологии в дизайне. История, теория, практика: учебник и практикум для среднего профессионального образования / А. Н. Лаврентьев [и др.]; под редакцией А. Н. Лаврентьева. — 2-е изд., испр. и доп. — Москва: Издательство Юрайт, 2020. — 208 с. — (Профессиональное образование). — ISBN 978-5-534-11512-3. — Текст: электронный // ЭБС Юрайт [сайт]. — URL: https://urait.ru/bcode/457117