iPhone 16e
Смартфон Huawei с 3 экранами
Аниме: Улицы разбитых фонарей
Рикша Hyundai
Новая Tesla Model Y
Grok vs ChatGPT vs Claude
Роботы за $40 млрд
Экзоскелет для подъёма в горы

Как я подхожу к созданию дизайн-концепций креативных сайтов

Всем привет! Меня зовут Женя, и я пришла сюда, чтобы рассказать про свой опыт страдания, его преодоление (последнее еще в процессе) при создании концептов и капельку о себе.

Как я подхожу к созданию дизайн-концепций креативных сайтов

Начну с капельки

Живу в Красноярске, работаю дизайнером, а еще профессионально татуирую и преподаю английский.

Уже два года работаю в студии дизайна Chipsa. Классное местечко, если тебя тянет креативить в вебе и мобайл. Тут все в этом ультра талантливы, наверное поэтому студия и занимает 8-е место в рейтинге креативности Рунета.

В студии я в основном создаю дизайн сайтов и интерфейсов, иногда рисую иллюстрации и скетчи для проектов. Недавно начала осваивать 3D. Макеты создаю в Figma, а анимирую всё в After Effects. Хоть меня и просили, чтобы я делала это в Principle, моя принципиальность оказалось выше.

Вот несколько примеров моих работ. Еще больше работ смотрите в моем профиле в Instagram.

Цель статьи

Цель моего повествования, поделиться тем, что, можно сказать, открыло мне глаза и помогло креативить со всей силы (ладно не со всей, я пошутила)

Есть такая конференция, называется Game Developers Conference. Работая над новой концепцией, я наткнулась на выступление Хорио Дучи, концепт-художника Guild Wars 2. Тема выступления называлась: 3 steps to become a better artist immediately.

3 steps to become a better artist immediately

Как я подхожу к созданию дизайн-концепций креативных сайтов

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

Что, как и для чего?

Концепт-дизайн – это создание визуального образа, вызывающего определенные чувства, воспоминания, ассоциации и эмоции.

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

Принципы создания концепт-арта как по мне не особо отличаются от разработки креативной дизайн-концепции в вебе. Поэтому эту схему можно переориентировать и на ui/ux дизайнера вполне.

Как я подхожу к созданию дизайн-концепций креативных сайтов
  • Идея – краеугольный камень любого творения с пометкой «креативное».
  • Дизайн – Стилистические особенности, формы, пропорции. Это всё может быть про стиль сайта: журнальный, брутальный, минималистичный или любой другой.
  • Техника – это по сути то, чем вы будете рисовать. В мире веба выбор невелик; лично я использую Figma.

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

В итоге мы получаем конечную цель – выражение.

Как я подхожу к созданию дизайн-концепций креативных сайтов

Вот так в моей голове сложился пазл: веб-дизайн может быть таким же увлекательным как и создание персонажей, если применять такой подход.

Шаги для создания крутого концепта

Далее я расскажу о простых шагах, которые помогли мне, надеюсь кому-нибудь тоже помогут.

Не будь снобом

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

Как я подхожу к созданию дизайн-концепций креативных сайтов

Остановись, подумай

Не усложняйте поиск. Стремитесь к простым и понятным идеям.

Секрет поиска идеи очень прост. Нужно сесть и хорошенько подумать. Настроиться на волну. Создать нужную атмосферу. Подготовиться к приёму сигнала из космоса или из любого другого места… Ладно, эту всю пургу забыли и перешли к реально прикладному методу.

В своем выступлении Хорио Дучи рассказал классную штуку, которая вроде и лежит на поверхности, но лично я раньше так не делала.

Как начинается любая коммуникация?

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

Охарактеризуй

Три одинаковых предмета, но с совсем разным набором характерных черт
Три одинаковых предмета, но с совсем разным набором характерных черт

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

Как я подхожу к созданию дизайн-концепций креативных сайтов

Так мы определились с тем, кого хотим создать. Путь намечен, осталось по нему планомерно и методично идти.

Найди рефы

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

Как я подхожу к созданию дизайн-концепций креативных сайтов

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

Итог

Творите играючи. С меня всё. Всем спасибо и пока.

Как я подхожу к созданию дизайн-концепций креативных сайтов
2929
реклама
разместить
17 комментариев

Когда я вижу слово "дизайн" и плохую превьюху, то сразу не хочу ничего читать... В вашем случае что-то из "Осторожно модерн" вышло..

6

Согласен, тупо заюзали известную картинку, да ещё и так не в тему

1

Это был заведомо глубинный рофл

Мне нравится ваше визуальное оформление статьи, содержание скорее не мое в связи, возможно, с разностью профессий, но общая художественная стилистика определенно эстетически близка и вызывает здоровую реакцию!)

3

Спасибо за подробную обратную связь, рады, что вам понравилось)

Если информация интересная и несёт пользу - то это уже ценно. Спасибо за статью!

1
Раскрывать всегда
Променял Россию на Таиланд, потратил 1 млн ₽ и рад, что вернулся обратно

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

Стандартный документ на байк. Указано, что арендатор полностью отвечает за своё здоровье и безопасность, а также за повреждения байка, если они произошли по его вине.
5252
1616
66
44
22
11
11
11
Помню свой первый заказ на фудкорте - тыкала пальцем в картинку, думала, беру обычную лапшу. А она оказалась такой острой, что я литр воды выпила и все равно огнем горела. Сидевшие рядом тайцы ржали в голос, а потом научили говорить "май пет" - не острое. С тех пор эти два слова первым делом выучила, даже раньше чем "здравствуйте" 😅"
реклама
разместить
Роспотребнадзор изъял больше 2 т пищевой продукции из дарксторов «Самоката» в ходе плановых проверок

Компания заплатит штраф в размере 550 тысяч рублей.

Источник фото: ТАСС
77
66
я тут в Vprok продукты заказал.. вместо масла привезли лужу, а вместо пельменей большой круглый пирог с начинкой
10 трендов в закупках ПО 2024-2025

Специалисты тендерного отдела ИТ-компании Morizo (входит в E-Promo Group) и «Рейтинга Рунета» проанализировали тендеры на разработку веб-сервисов и мобильных приложений за 2023-2024 годы (в выборку попали 1986 тендеров). В статье даны главные выводы и прогнозы на 2025 год.

10 трендов в закупках ПО 2024-2025
44
22
11
Российские ритейлеры открыли предзаказ на «бюджетный» iPhone 16e по цене от 78 тысяч рублей

Apple представила «преемника iPhone SE» накануне.

Источник: Apple / The Verge
55
11
Нигерия подала иск против Binance на $81,5 млрд — $79,5 млрд за «ущерб экономике» и $2 млрд за неуплату налогов

Регистрации в Нигерии у криптобиржи нет.

Источник фото: «Туту.ру»
44
33
11
Минимализм в дизайне: почему меньше значит больше?

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

Держи ноги в тепле, голову в холоде, а "безопасников" на расстоянии. Уроки корпоративного выживания.

На дворе шел 2008 год, в тот момент, я переживал пик своей корпоративной карьеры в представительстве буржуйской, как сейчас оказалось - «недружественной» компании.

Держи ноги в тепле, голову в холоде, а "безопасников" на расстоянии. Уроки корпоративного выживания.
99
55
11
[]