Путь в веб-дизайн: от технического специалиста к созданию лонгрида

Поворотный момент в карьере

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

Поиск своего направления

Мой путь к творчеству начался давно, но реализовать мечту об архитектуре помешало отсутствие навыков академического рисунка. Однако желание творить никуда не делось. Спустя годы я решила погрузиться в мир цифрового дизайна. Сначала пришлось разобраться в многообразии специализаций: графический дизайн, веб-дизайн, UI/UX, продуктовый дизайн. Изучение основ заняло немало времени, но ключевым открытием стало понимание важности двух вещей: насмотренности и, что еще важнее, качественной обратной связи. Именно через критику и советы растет настоящий специалист.

После долгих поисков я нашла дизайн-студию «Логомашина», чей подход к обучению полностью совпал с моими представлениями. Сейчас я прохожу у них курс «Веб-дизайн».

Первая практическая работа: лонгрид

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

Для вдохновения можно посмотреть, как оформляют сложный контент в других сферах, например: 20 главных трендов в дизайне интерьера в 2018 году- фотографии.

Моей целью на этом этапе было не создание шедевра, а освоение базовых принципов: работы с отступами, сеткой, типографикой и ритмом. Я уверена, что терпение и труд (как мой, так и моего куратора) помогут освоить все необходимые навыки.

Тема для лонгрида была выбрана непростая: «Теория поколений: есть ли ей место в дизайне?». Основная задача — превратить сплошной текст в удобный для чтения и визуально привлекательный материал, который удержит внимание пользователя до конца.

Инструменты и подготовка

Для работы я использовала графический редактор Figma и его онлайн-аналог Photopea для работы с изображениями. Бесплатные фотографии для проекта я искала через удобный русскоязычный агрегатор LOON, который собирает контент с таких стоков, как Pexels, Unsplash и Pixabay.

Работа началась со сбора мудборда. Мудборд — это подборка референсов, которая помогает определиться со стилем, композицией, приемами оформления цитат, заголовков и блоков.

Мой мудборд выглядел примерно так...

Дизайн-концепция

Я решила оформить статью в сдержанном минималистичном стиле, сделав акцент не на яркой графике, а на технической стороне и удобочитаемости.

Цветовая палитра была выбрана лаконичная: черный, белый и акцентный оттенок зеленого. Чередование светлых и темных блоков помогает структурировать текст и облегчает его восприятие.

Для заголовков первого уровня был выбран строгий шрифт Akrobat, а для основного текста и подзаголовков — удобный для чтения Open Sans.

Работа в Figma и полезные плагины

Figma — невероятно мощный и удобный инструмент, а ее экосистема плагинов делает работу еще эффективнее. В процессе создания лонгрида я столкнулась с трудностями при загрузке больших изображений и редактировании текста. Мой куратор порекомендовала два незаменимых плагина: SBOL Typograph для автоматического типографического оформления текста и Insert big image для быстрой загрузки тяжелых картинок. Теперь я веду собственный список полезных плагинов с описанием их функций, который постоянно пополняется.

Ценность обратной связи

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

Результат работы

Вот некоторые фрагменты получившегося лонгрида. Полную версию работы можно посмотреть по ссылке: https://www.behance.net/gallery/145325181/dizajn-koncepcija-teorija-pokolenij

Буду рада общению на темы дизайна, удаленной работы, смены профессии или просто для интересной беседы!

Еще по теме здесь: Интерьер.