⚡️Как правильно работать с референсами?! Пошаговая инструкция!

🔥 Бесплатный курс по дизайну с бесплатной обратной связью: freeschool.uprock.ru/
Евгений Кузьмин (CEO & Art-director студии UPROCK) делится своим опытом, рисует актуальный дизайн, и разбирает главные ошибки в UX/UI.
🚀 Ждём вас в школе UX/UI дизайна №1 UPROCK: school.uprock.ru/middle
☀️ Написать менеджеру школы: t.me/uprocksale
0:00 Вступление
1:05 Кто такой Евгений Кузьмин
5:19 Зачем нам нужны референсы?
14:49 Инструкция по работе с референсами
15:46 Анализ трендов
22:46 Анализ рынка
29:34 Стилистика
38:48 Функциональный анализ
49:30 Фрэнки
55:19 Финализация
1:28:34 Итого
ПОЛЕЗНОЕ ДЛЯ UX/UI-ДИЗАЙНЕРОВ:
Скачать бесплатно кириллические шрифты: www.fonts.uprock.ru/
Все самые полезные сайты и мокапы для дизайнеров: www.baza.uprock.ru/
Бесплатная онлайн-книга по UX/UI-дизайну: www.uprock.ru/education
Зарубежные статьи по UX: www.uprock.ru/all-articles
Видео-уроки по дизайну: t.me/uprockdesign
НАШИ СОЦ. СЕТИ:
Личный инстаграм Евгения: / zhenya.ninja (запрещен в РФ)
Крутые анимации из наших кейсов: dribbble.com/uprockpro
Лучшие сайты на Behance: www.behance.net/uprockawards
Заказать дизайн сайта или брендинг компании: www.agency.uprock.ru
#вебдизайн #figma #ux #uprock

[@UPROCK]

🚀Получить доступ на сутки к платным материалам и забронировать скидку www.school.uprock.ru/sale-references 🔥Бесплатный курс по дизайну с бесплатной обратной связью: freeschool.uprock.ru/ ⚡Посмотреть проекты из лекции www.behance.net/uprockawards

[@Idntkninja]

Уже учусь в школе UPROCK. Очень нравится. Обратная связь на нереальной высоте. Поставил себе уровень HARD, проверяют практику очень дотошно, не всегда с первого раза получается сдать домашнее задание - вырабатывает дисциплину и внимательность к деталям, что очень важно, я считаю, для работы в будущем. Очень благодарен Жене за создание школы такого уровня! Не сомневаюсь, что смогу и буду работать в зарубежных компаниях над продуктами. Путь к цели не простой и не близкий, но абсолютно точно сократится в разы благодаря этому обучению.

[@UPROCK]

Спасибо большое за доверие и за подробный и позитивный фидбэк👍👍

[@goodside4694]

Согласен с вами, роботы проверяються 2 раза в день, стабильно. Проверяют очень детально и с объяснениями. Уже становиться сложновато, но желание учиться перекрывает)

[@djamilashikhova]

Наткнулась на ваше видео сегодня сразу после творческого ступора (а с чего начать то дизайн), пыталась создать что то свое из головы (дизайн же творчество, надо же покреативить..). В итоге это только начинает раздражать, падает мотивация, а там еще и выгорание не за горами. А так как я только начинаю самостоятельно погружаться в сферу дизайна, то тут важно не бросить все на начальном этапе. И вы прям вовремя со своим контентом. Я наверное такого офигенного и понятного объяснения по референсам нигде не встречала. Везде при описании этапов дизайна, первое что говорят делать - это искать референсы. Но НИКТО не останавливается на этом этапе, только: берите беханс, дриббл и пинтерест и просто просматривайся работы, набирайте насмотренность. Все просто пропускают самый важный этап, уделяя ему всего пару минут. Так что ОГРОМНОЕ вам спасибо за самые полезные полтора часа!

[@UPROCK]

Спасибо большое за доверие и за вашу историю☺️ Очень рад, что лекция получилась для Вас такой актуальной👍

[@gajulik]

Да да, Женя как всегда на высоте сделал! Красавчик

[@user-vr7zn1nw3g]

«Твой дизайн либо работает, либо он просто идет нахуй» ну кайф ❤

[@UPROCK]

Спасибо, Валерий🙏

[@affokasso]

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

[@UPROCK]

Всегда пожалуйста, Ефрем👍👍

[@vas_4design]

Техника ФРЕНКИ просто разъебалово🔥 Как я раньше до этого не догадался, это же идеальный рецепт 💦

[@UPROCK]

Спасибо, Антон🙏 Рад, что тебе зашло👍

[@Chuchundra-ku6td]

Благодарю! Очень полезная информация!

[@hotaruspoker4432]

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

[@UPROCK]

Спасибо большое за такой отзыв🙏

[@VinnyGretta]

Солидарна с вами))

[@user-tx9du8xr6p]

Спасибо, очень интересно было 🔥

[@UPROCK]

Пожалуйста, Татьяна👍

[@stalkershark4966]

Женя, большое спасибо тебе за этот вебинар! Все четко и понятно. Если бы не этот вебинар я бы долго мучился с референсами. Большое тебе спасибо! Ты крутой!

[@UPROCK]

Всегда пожалуйста, очень рад👍

[@fighter_for_justice]

Спасибо за инфу! Как всегда охрененно !!!

[@UPROCK]

Всегда пожалуйста☺️

[@NataliaYudina-kidsArt]

Спасибо! Очень ценно.

[@UPROCK]

Пожалуйста, Наталия👍

[@user-astasia]

ваааааау! нереально полезно и круто, спасибо!

[@UPROCK]

Всегда пожалуйста👍

[@user-th5cp9gh3d]

Очень классный эфир! Благодарю!

[@UPROCK]

Всегда пожалуйста, Лилия!☺️

[@salat7226]

Самое лучшее, что случалось за последнее время - Евгению разрешили материться Смотреть стало веселее раз в 10 :DDD

[@polariska]

А кто ему может запретить?

[@user-ib4yo7bm5p]

Он себе разрешил😜

[@UPROCK]

Рад, что моя экспрессивность не мешает восприятию материала и даже наоборот👍 Спасибо)

[@user-tt4jo2hq8m]

Евгений, спасибо за классное видео! Было очень познавательно и интересно смотреть) Обожаю ваши вебинары и особенно подачу !))) Спасибо вам огромное!

[@UPROCK]

Всегда пожалуйста, Анастасия, очень рад☺️

[@user-qy6uf7cj5b]

Спасибо за супер выпуск 🎉❤

[@UPROCK]

Всегда пожалуйста, Анна👍

[@fr_el]

Очеееень крутой вебинар!! Полезно!!!!!!!🔥🔥🔥🔥🔥 Спасибо Женя🤍

[@UPROCK]

Супер! Всегда пожалуйста, Елена👍

[@alexeybozhko2]

Супер 👏 Спасибо за пользу

[@UPROCK]

Пожалуйста, Алексей👍

[@July-beauty]

Спасибо !!!!! Очень важный контент !!! Такое чувство когда ты получаешь бесценную(дорогую) информацию совершенно бесплатно и понимаешь что есть на Свете профессионалы которые делятся своим опытом бескорыстно.

[@UPROCK]

Всегда пожалуйста, Юлия) Очень рад помочь👍

[@viktoriaalekseenko6499]

Евгений , благодарю за эфир! Все Ваши видео для меня полезны и ценны, а этот особенно🔥!

[@UPROCK]

Пожалуйста, Виктория! Классно, что Вам понравилось⚡️

[@user-yz1nv1hu6y]

Очень крутой стрим! Спасибо большое! Женя, учусь в твоей шкое, это что-то потрясающее!!! Обучение настолько крутое и профессиональное, что даже придраться не к чему, одно удовольствие)

[@UPROCK]

Салют, Александра! Супер, очень рад что лекция зашла и обучение нравится☺️

[@Karinavas.lyubit]

Нереально полезное видео, Евгений, спасибо от сердца🫶🏻

[@Karinavas.lyubit]

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

[@UPROCK]

Пожалуйста, Карина! Я очень рад👍

[@user-gz6nx2mh8l]

Евгений, большое спасибо за эту лекцию! Это очень крутой материал, для меня многое прояснил в дизайн-процессе! 🔥

[@UPROCK]

Пожалуйста, Ирина👍

[@katerinakozhevnikova9185]

Отучилась в школе больше года назад, всегда пользуюсь этой методикой уже в реальной работе. Поняла, что многие арт-диры или опытные дизы приходят к такому подходу в той или иной степени, но им для этого потребовались годы. И отдельный респект за приучение к порядку в макетах, это оказалось очень большим конкурентным преимуществом! Когда спрашивают, где учиться, особенно учиться с нуля, я рекомендую только вас, ребята, и знаю, что не получу пи@ды потом за плохой совет!❤

[@UPROCK]

Салют, Катя! Спасибо большое за комментарий, за твою историю и поддержку👍🙏 Всегда очень приятно читать такие отзывы☺️

[@user-ig5vt2yb3s]

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

[@UPROCK]

Пожалуйста, Никита! Спасибо за такой позитивный отклик, очень рад👍

[@user-nt9fu9jr5e]

Женя, спасибо за лекцию 🦾лучший Женя, лучшие кураторы 🫶 безупречная обратная связь!

[@UPROCK]

Рад, что лекция понравилась👍 Спасибо за отзыв🙏

[@pavelm7992]

Однозначно лайк!

[@UPROCK]

Спасибо, Павел👍

[@pavelm7992]

Не за что! Пожалуй, самый крутой контент по дизайну в русскоязычном сегменте. Бывают спорные моменты (ну это субъективно), но с удовольствием просматриваю работы и подход к работе. Так держать!!!👍👍👍

[@dianasharbuzova]

Вы просто король дизайна 👑

[@UPROCK]

Спасибо большое, Диана⚡️

[@dariaal604]

Отличный вебинар! Хотела посмотреть на фоне, в итоге смотрю внимательно и конспектирую😄

[@UPROCK]

Супер! Я очень рад⚡️

[@zarazataksebe]

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

[@UPROCK]

Класс, всегда пожалуйста, Катерина! ⚡️

[@millyshons523]

Евгений, спасибо за вашу работу! Очень полезно, интересно и структурировано! Ни чуть не смущают маты, наоборот, таким образом кажется, что вы к народу ближе 🤣 Здоровья вам)

[@UPROCK]

Спасибо большое за поддержку и пожелание☺️

[@user-os4ih9oe5i]

2:20 ПРОСТО ГЕНИЙ

[@UPROCK]

Спасибо большое за поддержку👍👍

[@MikaPrankish]

тысяча огонёчков за столько полезной информации ❤️‍🔥❤️‍🔥❤️‍🔥

[@UPROCK]

Спасибо, Миланья🙏🙏🙏

[@user-yi1yu4rl5s]

Классно разобрал тему рефов, Жень 👍🏻 Ты показал логику работы с примерами, было важно понять суть процесса.

[@UPROCK]

Спасибо🙏 Рад, что помог)

[@nataliaa1956]

Новую ЧАКРУ😃 не ШАВАСАНУ, ну почти)) спасибо огромное за видео!!!😍😍😍

[@UPROCK]

Пожалуйста, Наталия☺️ И спасибо за поправку🙏

[@lomo680]

Спасибо!)) буду смело перерабатывать, словно реально был ступор неосознанный

[@UPROCK]

Очень рад, что помог) Пожалуйста👍

[@vas_4design]

Пушка гонка самолет! В прочем как и всегда)

[@UPROCK]

Спасибо большое, Антон👍🙏

[@nuke7s]

ахринеть сколько полезного то😳😳 что ж вы на полном курсе даёте)))

[@UPROCK]

Спасибо) Приходите и узнаете😉

[@user-lo2wo4yz6h]

Как библия! Благодарность!

[@UPROCK]

Ого, вот это оценка👍 Ну если только как библия дизайна) Всегда пожалуйста☺️

[@dooooors]

Спасибо за крутую лекцию 🔥 вопрос: ученики часто делают редизайн сайтов и потом выкладывают кейсы, не было такого, чтобы владелец редизайненого сайта жаловался, что взяли все материалы с его сайта без разрешения? Или в учебных целях так можно делать или вы связываетесь с владельцем бизнеса ? Заранее спасибо за ответ

[@UPROCK]

Салют! Спасибо большое🙏 Нет, таких случаев не было: с компаниями из РФ мы связываемся, с западными - только в случаях, когда стоит ограничение на использование контента. И во всех ученических кейсах обязательно добавляем пометку, что материалы не используются в коммерческих целях

[@dooooors]

@@UPROCK спасибо большое за ответ, буду теперь так же делать, а то у меня в фигме лежит редизайн сайта, и был страх выкладывать

[@user-vv6ri1sq1v]

только Ваши вебинары невозможно не смотреть🔥 и мат всегда в тему😅

[@UPROCK]

Спасибо большое за поддержку👍

[@user-om5xx9fp6l]

"не люблю чужие auto layout-ы"😂😂😂 такая жиза! спасибо за полезный эфир, Евгений)

[@UPROCK]

Люблю автолеауты за системность, но блин разбираться во время вебинара, как их разложили нет времени)

[@user-pv2hr8fu6n]

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

[@UPROCK]

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

[@user-pv2hr8fu6n]

Спасибо большое!

[@margomargo6394]

❤

[@UPROCK]

🙏☺️

[@nikmr.8216]

Спасибо! Очень классный разбор! А можно ссылочку на подборку референсов Алексея, которая была открыта в 45:31. Очень всё классно разобрано и разложено по полочкам! Очень хотелось бы ознакомиться и в дальнейшем наводить такой же порядок и проводить такой же анализ. Спасибо.

[@UPROCK]

Привет, так мы учим в UPROCK, приходите ко мне учиться, научим вас всему что знаю)

[@nikmr.8216]

​@@UPROCK Евгений, я с огромным удовольствием встану в ряды ваших учеников! но, я уже прошёл курс трёхмесячный в другой школе (не знал до этого о вас) и теперь мне нужно сначала постараться монетизировать уже полученные знания. К сожалению не могу начать обучение у вас сразу, т.к. у меня большая семья, в которую, естественно нужны немалые вложения... Как только я могу выстроить свой доход с дизайна, я обязательно приду к вам школу, т.к. понимаю, что смогу научиться у вас очень многому.

[@yuliatropnikova6958]

Лекция мегаполезная, большое спасибо!!! но в конце, я думаю, вы сделали очень больно Дарье. Мы, ученики, очень чувствительны к оценкам. Я знаю, что тоже не талантлива и вообще талантов очень мало, но слышать это после проделанной большой работы и старания- удар в сердце ❤😢

[@vihovanets]

Если получается добиться крутого результата, наличие таланта не так уж и важно, не переживайте по этому поводу!) Для меня главное, что отмечены старания

[@yuliatropnikova6958]

@@vihovanets слава богу 😀 а то я оч расстроилась

[@UPROCK]

Салют, Юлия! Спасибо большое, что смотрите, очень рад, что лекция зашла👍 Дело в том, что в моей концепции мира таланта как такового не существует и есть вещи намного более ценные, которые Дарья и продемонстрировала - упорство, системность и гибкость мышления. В этом плане она просто супер, большая умница☺️ Надеюсь, это разъяснение закрыло все недопонимания в нашем вопросе)

[@data19101988]

На отметке 1:12:08 мы видим дизайнерское решение с текстом в привязке к контуру канатов судна. Любопытство верстака: это одной картиночкой предполагается экспортировать из фигмы или надо будет возиться с версткой, чтобы такое в вебе отобразить? на 1:13 - аналогичный вопрос про заголовок MicroCruises, пересекающийся с верхушкой судна....

[@UPROCK]

Салют! Чисто теоретически не вижу препятствий чтобы подобное сверстать, просто это потребует дополнительного времени. Но здесь, в контексте, не вижу в этом никакого смысла. Больше того, я сразу на вебинаре сказал, что это дизайнерское решение неудачное и мы даже не рассматривали его🤷‍♂️

[@vobmomen640]

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

[@UPROCK]

Печеньки по-прежнему всё делают лучше😉

[@user-go6ie1op1f]

Здравствуйте, можете пожалуйста подсказать как вытягивать на бихансе полный вид проектов для референса , чтобы было видно полноценная страница а не отрывки разные? Спасибо за ответ

[@UPROCK]

Здравствуйте, Александра! Сохранять теми фрагментами, как проект был загружен на площадку и соединять в фигме)

[@user-go6ie1op1f]

@@UPROCK спасибо большое)

[@alexra80]

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

[@UPROCK]

Круто! Главное чтобы результат работы устраивал Вас и заказчиков, уверен, со временем будет получаться быстрее👍

[@kotik7493]

Имба

[@UPROCK]

👍👍

[@mainnet3603]

Где можно найти референсы десктопных приложений? кроме брожения по макстору и просмотра превьюшек ничего не придумал

[@UPROCK]

Салют! На тех же Behance / Dribbble / Pinterest и тп

[@Vadim_Kr]

Жмите! Осталось 20 лайков!

[@UPROCK]

Спасибо за поддержку, Вадим)

[@user-tm7ud4hi6u]

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

[@princessoftheuniverse7119]

Я полгода один проект делала 😅 не переживай

[@UPROCK]

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

[@userbalenciagi]

10:59

[@UPROCK]

👍👍

[@ldca241]

Не всякий, кто матерится такое же.., как Татьяныч ))

[@UPROCK]

Буду считать это комплиментом😉

[@ldca241]

@@UPROCK Это он и есть )

[@o_oatmeal]

Всего восьмая минута ( 8:22 ), а ты уже спас одного инженера от потери мотивации😂

[@UPROCK]

Это моя миссия) Спасать инженеров)

[@TAKUMOTOKITE]

Бегу грабить🤣

[@UPROCK]

Главное делать это вдумчиво и системно👍

[@user-ph4gf4je7o]

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

[@UPROCK]

А я ведь предупреждал))

[@Perwuhina]

🤩

[@UPROCK]

🙏

[@KIRILLMALICHENKO-ps8nq]

Давайте касарь лайков это очень круто !!! "Женя (плиз лайк на клиент)"😀😀👍

[@KIRILLMALICHENKO-ps8nq]

На "комент"

[@KIRILLMALICHENKO-ps8nq]

А если инвалид с ua с атмой? Это не входит в бесплатный курс ?

[@KIRILLMALICHENKO-ps8nq]

Жень интересно а будет вебинар про синдром самозванца ?

[@UPROCK]

Спасибо большое за поддержку, Кирилл! Курс по ссылке freeschool.uprock.ru бесплатен для всех. Инвалиды 1 и 2 группы могут получить обучение в основной школе бесплатно, чтобы уточнить детали, оставьте заявку и с Вами свяжется наш специалист. Заказ на тему вебинара принят, подумаю, что можно сделать)

[@KIRILLMALICHENKO-ps8nq]

@@UPROCK Вау по жду с нетерпением вебинар по теме !!!

[@Ksenia.Sait.VK.Bot.]

❤ с захлебом смотрела 2 дня бесплатно ваши уроки. Очень понравился раздел основы дизайна. Т. К занимаюсь тильдоц.моб.прилож не интересует.

[@UPROCK]

Салют, Ксения! Спасибо, очень рад🙏

[@smartspacefarm3732]

❤

[@UPROCK]

☺️🙏