Продвинутая работа с референсами! Уникальный метод по шагам!

Поделиться
HTML-код
  • Опубликовано: 26 июл 2024
  • 🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot
    Евгений Кузьмин (CEO & Art-director студии UPROCK) делится своим опытом, рисует актуальный дизайн, и разбирает главные ошибки в UX/UI.
    0:00 Вступление
    1:27 Кто такой Евгений Кузьмин?
    7:18 Декомпозиция визуала
    12:00 Какие бывают визуальные слои
    21:02 Рейтинг креативности
    42:43 Алгоритм работы
    1:20:10 О школе UPROCK
    🚀 Ждём вас в школе UX/UI дизайна №1 UPROCK: school.uprock.ru/middle
    ☀️ Написать менеджеру школы: t.me/uprocksale
    ПОЛЕЗНОЕ ДЛЯ 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

Комментарии • 115

  • @UPROCK
    @UPROCK  Месяц назад

    🚀Получить доступ на сутки к платным материалам и забронировать скидку: www.school.uprock.ru/sale-inspiration
    🔥Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot

  • @pure_art_mind
    @pure_art_mind Месяц назад +17

    Круто, после таких лекций сразу хочется всё это применить в работе, прямо эмоциональный подъём. Евгений, спасибо

    • @UPROCK
      @UPROCK  Месяц назад +1

      Пожалуйста, Анна, я очень рад👍

  • @polinashagalova8624
    @polinashagalova8624 Месяц назад +2

    Просто пушка бомба, бесконечно благодарю за такой полезный контент и такое крутое обучение! ❤Абсолютный восторг

    • @UPROCK
      @UPROCK  Месяц назад +1

      Всегда пожалуйста, Полина! Очень рад, что Вам так нравится☺️

  • @murmurdecoeur
    @murmurdecoeur 27 дней назад

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

    • @UPROCK
      @UPROCK  25 дней назад

      Пожалуйста, Каролина☺️

  • @AniModee
    @AniModee 29 дней назад

    Спасибо огромное за видео! Очень ценно!

    • @UPROCK
      @UPROCK  26 дней назад

      Пожалуйста) Очень рад!

  • @olgakozlova1981
    @olgakozlova1981 Месяц назад +1

    Очень круто! 🙌

    • @UPROCK
      @UPROCK  Месяц назад +1

      Спасибо, Ольга🙏

  • @yuliasmirnova386
    @yuliasmirnova386 25 дней назад

    Суперполезно!! Спасибо за ваш труд ❤

    • @UPROCK
      @UPROCK  25 дней назад

      Пожалуйста, Юлия☺️

  • @LanaLinsCute
    @LanaLinsCute 28 дней назад

    Лекция была очень полезная! Спасибо за такой материал)

    • @UPROCK
      @UPROCK  25 дней назад +1

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

  • @user-wo6gg3ti9j
    @user-wo6gg3ti9j Месяц назад

    Шикарный материал! Очень нравится обоснованность визуальных решений) и креативный результат при этом ❤

    • @UPROCK
      @UPROCK  29 дней назад

      Спасибо, Вероника! Очень рад что Вы отметили эти моменты☺️⚡️

  • @janeiovenko5346
    @janeiovenko5346 Месяц назад

    Спасибо большое за такое крутое видео! 💙🌠

    • @UPROCK
      @UPROCK  29 дней назад +1

      Пожалуйста👍👍

  • @nttrvn4
    @nttrvn4 28 дней назад +1

    Спасибо большое за ваш контент! Чувствую как шестеренки в голове активно крутятся с подъемом мотивации усердно работать над проектами. Я начинающий дизайнер, у меня еще внимание на множество этапов распыляется, иногда зависаю над чем-то конкретным и встаю в тупик. После ваших лекций удается структурировать свои мысли. Часто пересматриваю для повторного анализа. Сразу видно, специалист!

    • @UPROCK
      @UPROCK  26 дней назад +1

      Спасибо большое за доверие и за ваш комментарий) Очень рад, что видео оказалось полезным👍

  • @user-mr2wq5sn3t
    @user-mr2wq5sn3t 29 дней назад

    Спасибо большое! Очень понятно, структурно, логично.

    • @UPROCK
      @UPROCK  26 дней назад

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

  • @user-tt4jo2hq8m
    @user-tt4jo2hq8m 25 дней назад

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

    • @UPROCK
      @UPROCK  24 дня назад

      Спасибо большое за такой позитивный комментарий, Анастасия! Буду с нетерпением ждать Вас в нашем дружном клане)👍

  • @vera-horse
    @vera-horse 6 дней назад

    Супер! Спасибо большое за ценнейшую информацию! Нигде больше такого не находила!
    Отдельный респект за: "В видео будут представлены работы моих учеников. Вот вам картина Айвазовского"😂

    • @UPROCK
      @UPROCK  5 дней назад

      Пожалуйста, Вера! Очень рад, что Вам понравилось☺️

  • @veronika.gorevaya
    @veronika.gorevaya 28 дней назад

    Очень полезно, спасибо!

    • @UPROCK
      @UPROCK  26 дней назад

      Пожалуйста, Вероника👍

  • @avazbeknadyrbek790
    @avazbeknadyrbek790 27 дней назад

    Спасибо большое за такие уроки! Очень много полезного для себя нашел! Я сам студент вашей школы, и мне очень нравиться!

    • @UPROCK
      @UPROCK  26 дней назад

      Всегда пожалуйста) Очень рад☺️✨

  • @12janika
    @12janika 24 дня назад

    Женя, наш сенсей, как всегда полезно, доступно и оч круто! 🤩Обучаюсь в вашей школе, и такой level up мощный!!
    Пожалуйста прошу вас призжайте с лекцией в Алматы, оч -преоч жду❤

    • @UPROCK
      @UPROCK  24 дня назад

      Салют! Очень рад, что Вам нравится обучение и лекция зашла👍Спасибо🙏
      Обязательно подумаю, как можно подобное провернуть, а пока что приезжайте Вы к нам) В эту субботу на лекторий и осенью на UPROCKFEST)

  • @kate_touchup
    @kate_touchup Месяц назад +1

    Ураааааа есть 1 тыс. лайков, можно будет пересматривать этот шедевр 🔥🔥🔥

    • @UPROCK
      @UPROCK  29 дней назад

      Кайф, спасибо большое за поддержку)

  • @user-ky1jt5gu3r
    @user-ky1jt5gu3r Месяц назад

    Лекция 💥💥💥. Просто нет слов. Утром ☕ надо было работать, а я смотрю, не могу оторваться.🤦 Система потрясная! Сразу миллион мыслей и по поводу старого проекта, который не совсем получился, и своего проекта, который завис. И все становится гораздо проще и понятнее, когда есть алгоритм действий! Спасибо! 🤝💓

    • @UPROCK
      @UPROCK  29 дней назад

      Спасибо большое за такой положительный отзыв, Наталья! Очень рад, что лекция понравилась☺️

  • @user-uq7tl6fx9d
    @user-uq7tl6fx9d Месяц назад

    Как же круто, Евгений ✊✊✊✊✊

    • @UPROCK
      @UPROCK  29 дней назад

      Салют, Анна! Спасибо🙏

  • @arturtumma7495
    @arturtumma7495 24 дня назад

    Женя, РЕСПЕКТ! Контент зачетныйНо более всего мне зашла подача - харизма и атмосфера А эта нефть желтого цвета на 53 минуте - сделала мой день! Subscribed!

    • @UPROCK
      @UPROCK  24 дня назад

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

  • @regina3762
    @regina3762 26 дней назад

    лекция 100/10, огромное спасибо

    • @UPROCK
      @UPROCK  25 дней назад

      Пожалуйста, Регина👍👍

  • @trelana-ui
    @trelana-ui Месяц назад

    Бесценный материал! Пошла практиковаться)

    • @UPROCK
      @UPROCK  29 дней назад

      Спасибо, Елена! Успехов✊

  • @boh.valeriia
    @boh.valeriia 22 дня назад +1

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

    • @UPROCK
      @UPROCK  19 дней назад +1

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

  • @liberty4187
    @liberty4187 Месяц назад +4

    Спасибо. Как всегда полезно и вовремя 😘. Женя, у тебя тоже 24 часа в сутках? Когда ты все успеваешь? 🙃

    • @UPROCK
      @UPROCK  Месяц назад +3

      Пожалуйста, Татьяна☺️ Больше того, из этих 24 я не работаю больше 8😉 Всё дело в правильном распределении времени и надёжной команде⚡️

  • @user-uu6dx9fc2s
    @user-uu6dx9fc2s Месяц назад

    Охеренный вебинар и сайт Открытие! 🔥

    • @UPROCK
      @UPROCK  29 дней назад

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

  • @user-oo7bw1pl3d
    @user-oo7bw1pl3d Месяц назад

    Класс! 🤩🤩🤩

    • @UPROCK
      @UPROCK  29 дней назад

      Спасибо☺️

  • @Schr0d1nger
    @Schr0d1nger 27 дней назад

    Евгений, Добрый день! В первую очередь хотелось бы поблагодарить за такой полезный и бесплатный контент, это невероятно полезно. Затем хотел бы предложить волнующую меня тему к обсуждению на канале. А именно - каким образом идет Workflow, но не в рамках проекта, а в рамках дня. То есть как распределять задачи в течение дня, сколько часов эффективно работать можно и может быть какие-то лайфхаки дизайнерской продуктивности. Вроде бы на канале такого еще не было если не ошибаюсь, но думаю это было бы очень полезно для многих кто смотрит канал. Заранее благодарю!

    • @UPROCK
      @UPROCK  26 дней назад

      Салют! По лайфхакам есть вот такой шортс) ruclips.net/video/Ogh8COvGTSY/видео.htmlsi=tiJecDb4b2K5JEz0
      Заказ принят, подумаю что можно было бы сделать на эту тему👍👍

  • @vadymshvedov6681
    @vadymshvedov6681 23 дня назад +1

    Хотелось бы туториал по созданию иконок, как в примере с сайтом по нефти

    • @UPROCK
      @UPROCK  23 дня назад +1

      Заказ принят, Вадим👍

  • @user-je6ce4xy5r
    @user-je6ce4xy5r 18 дней назад

    Сама себе завидую потому, что учусь у вас ❤

    • @UPROCK
      @UPROCK  17 дней назад

      Спасибо, Инна☺️

  • @user-bt2yk6qk2d
    @user-bt2yk6qk2d Месяц назад

    Спасибо!👍😍

    • @UPROCK
      @UPROCK  29 дней назад

      Пожалуйста, Юлия✨☺️

  • @NOTFORMAT365
    @NOTFORMAT365 Месяц назад

    🔥🔥🔥

    • @UPROCK
      @UPROCK  Месяц назад +1

      🙏🙏🙏

  • @Elena-p3x
    @Elena-p3x 29 дней назад

    Мне очень понравился макет для ресторана, там еще доп страницы будут?

    • @UPROCK
      @UPROCK  26 дней назад

      Салют, Елена! Да, там по навигации можно прикинуть какие)

  • @design-student
    @design-student 29 дней назад

    Очень буду благодарен, если появится разбор/размышление о личной ответственности Дизайнера - за то, что он делает (за свой "Продукт/Работу"):
    1. Перед потребителями;
    2. Перед самим собой;
    3. Перед заказчиком.

    • @UPROCK
      @UPROCK  26 дней назад

      Салют! Так или иначе, я часто затрагиваю эту тему в эфирах) тем не менее, заказ принят, спасибо за комментарий👍

  • @polinashagalova8624
    @polinashagalova8624 Месяц назад +5

    Хочется кидать донаты за такой крутой контент

    • @UPROCK
      @UPROCK  Месяц назад

      Твой лучший донат поступить ко мне учиться) Будет польза и тебе и мне) А так конечно спасибо за такие теплые слова

    • @polinashagalova8624
      @polinashagalova8624 Месяц назад

      @@UPROCK уже учусь) спасибо за возможность

    • @UPROCK
      @UPROCK  29 дней назад

      @@polinashagalova8624 тогда этот материал уже сделан для тебя с любовью. И все эти уроки для вас моих любимых учеников

  • @user-iu1ll3so1s
    @user-iu1ll3so1s 27 дней назад

    В какой программе нарисовали каплю на фоне текста (первый экран "Открытие")?

    • @UPROCK
      @UPROCK  26 дней назад +1

      Салют! Каплю рисовала нейросеть

  • @Ролтун
    @Ролтун Месяц назад

    Я вышел из дизайна. Чао!

    • @UPROCK
      @UPROCK  29 дней назад +1

      До связи!

  • @user-ft1yv4fv8o
    @user-ft1yv4fv8o 29 дней назад

    Не смотря на мат, тем не менее прекрасная речь. 👌

    • @UPROCK
      @UPROCK  26 дней назад

      Здравствуйте, Элеанора! Рад, что лекция понравилась, а моя подача не помешала👍

  • @user-ic8si8sk6h
    @user-ic8si8sk6h 3 дня назад

    Привет, важный вопрос. Почему многие дизайны в портфолио отсутствует в поиске ? Сижу разглядываю кейсы, гуглю, а там либо старьё, либо другой дизайн "заказчика".

    • @UPROCK
      @UPROCK  3 дня назад

      Привет, пожалуйста, уточни о чем речь.

    • @user-ic8si8sk6h
      @user-ic8si8sk6h 3 дня назад

      @@UPROCK например "лакост" или "зинакор".
      Дизайн, который в портфолио uprock не всегда опубликован компанией. Красивый дизайн лакоста в кейсах, но старьё в реальности. Хотел посмотреть, оценить работу в живую, но часть сайтов со старым дизайном.

  • @avazbeknadyrbek790
    @avazbeknadyrbek790 Месяц назад

    А что за фильм вы рекомендовали посмотреть?

    • @UPROCK
      @UPROCK  Месяц назад +1

      Привет www.kinopoisk.ru/film/596227/

  • @21ghgg
    @21ghgg Месяц назад

    Респект за Айвазовский ( Оганес Айвазян )

    • @UPROCK
      @UPROCK  29 дней назад +1

      Очень рад, что Вы оценили👍

    • @21ghgg
      @21ghgg 29 дней назад

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

  • @schwarzeskaninchen4291
    @schwarzeskaninchen4291 Месяц назад

    Касательно нефтяного сайта. Он не выглядит строго. Здорово, что клиенту очень понравилось. Но имхо - такой дизайн не подходит отрасли. Это как-то пошло. Но капля классная, респект

    • @UPROCK
      @UPROCK  29 дней назад

      Могу только порадоваться что вы не клиент по этой задаче. Были бы клиентом то с вами изначально другие референсы согласовали. Не очень понятна проблема.

  • @ЕвгенийГорбик
    @ЕвгенийГорбик Месяц назад

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

    • @ЕвгенийГорбик
      @ЕвгенийГорбик Месяц назад

      Когда в Independent Media работал, если была нужна силовая выключка в блоке, писали специально текст под него, что бы он там как надо помещался, без больших разрывов между слов, иначе беда)))

    • @UPROCK
      @UPROCK  29 дней назад +1

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

    • @ЕвгенийГорбик
      @ЕвгенийГорбик 29 дней назад

      @@UPROCK ок, примерно так я и понял)))

    • @ЕвгенийГорбик
      @ЕвгенийГорбик 29 дней назад +1

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

  • @esjekwo52u
    @esjekwo52u 29 дней назад

    Я вообще не эксперт, но вот не понимаю:
    - сайт завода: ну вообще не удобно же читать блок с услугами, вот я потенциальный пользователь сайта, все, что хочется сделать, это поскорее закрыть его, глазами неудобно так идти по тексту + непонятно, как такие сайты должны адаптивиться? Или делаем 10 брейкпоинтов и для каждого формата новые куски кода с нуля? Я не осуждаю, новичок, пытаюсь разобраться, почему все пытаются делать модные журналы, а не удобные сайты

    • @UPROCK
      @UPROCK  29 дней назад +3

      Салют, Яна! Ответ пару раз присутствует в вашем же вопросе: Вы не эксперт, новичок. Как только начнёте прокачивать насмотренность, и не просто пересматривать в огромных количествах современные интерфейсы, а анализировать и пытаться понять зачем были использованы те или иные решения - придёт и фундаментальное понимание 😉 Как делать адаптивы на таких проектах можно отдельно посмотреть вот в этом видео ruclips.net/video/9cCZ1Is7viE/видео.htmlsi=rcbBrIuWNBlb8hw8 а вообще при разборе тех или иных проектов я часто их показываю

    • @UPROCK
      @UPROCK  29 дней назад +1

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

    • @esjekwo52u
      @esjekwo52u 29 дней назад +1

      @@UPROCK Очень хочется узнать, о каких пользователях идет речь) есть ли статистика, из которой вытекает, что такие сайты нравятся действительно пользователям, а не дизайнерам

    • @loulcie
      @loulcie 26 дней назад

      @@esjekwo52uвы нашли ответ на свой последний вопрос? :) тоже интересно

    • @UPROCK
      @UPROCK  24 дня назад

      @@esjekwo52u конечно есть исследования, поэтому все сайты у которых есть деньги выглядят аккуратно и эстетично. Например, я участвовал в разработке большого сайта Ингострах, раньше он был олдскульный, теперь современный, конверсия поднялась в несколько раз. Честно сложно на очевидные вещи отвечать. Вы если хотите делать олд скульные сайты, вам же никто не запрещает. Может даже найдете свою нишу. Моя задача помочь людям, если моя помощь не нужна то выбор за вами. Спорить честно нет времени.

  • @alisherakbaraliyev4389
    @alisherakbaraliyev4389 Месяц назад +1

    Здравствуйте что вы думаете про это ruclips.net/video/n5gJgkO2Dg0/видео.html

    • @UPROCK
      @UPROCK  Месяц назад

      Салют! Это прикольно, но, конечно же, не более того и мало чем отличается от всех дизайнов которые рисовали разные нейронки раньше). Но, вполне возможно, когда-нибудь в будущем мы будем использовать эти инструменты для ускорения своей работы👍

  • @linnkoln11
    @linnkoln11 Месяц назад +2

    Лол, а что за физмат пансион в Самаре? Никогда о нем не слышал

    • @UPROCK
      @UPROCK  Месяц назад +3

      Привет, это Самарская областная физико-матиматическая школа интернат. СОФМШ, мы в 10 классе там проходили уже высшую математику, которую все проходят в техническом вузе на 1 факультете. Я поступил в 10 классе, было сложно, но я адаптировался, исключили же меня за поведение, там было реально, как в тюрьме, общага - школа - общага, никакой личной жизни, даже гулять нельзя, таких математических киборгов выращивали, а я шел в разрез принятой дисциплине.

    • @linnkoln11
      @linnkoln11 Месяц назад

      @@UPROCK понял, это та что в советском районе. Не часто про нее слышал. Сам просто с олимпиадной движухи и понятно, что все школы с "коллегами по цеху" на слуху, хотя оказывается даже жил рядышком. Мир тесен)

    • @UPROCK
      @UPROCK  29 дней назад

      @@linnkoln11 привет да она, учили там математики сильно, но ломали психику детей. Сейчас там другой директор может уже полайтовей стало.

  • @NoName-un2bn
    @NoName-un2bn 29 дней назад

    Я бы доплачивал за маты в курсе😁

    • @UPROCK
      @UPROCK  26 дней назад

      Салют! нужно будет обдумать это предложение😉

  • @nadezhdaborisova3587
    @nadezhdaborisova3587 26 дней назад

    А можете, пожалуйста, попробовать говорить не "группирИровать", а "группировАть"? Спасибо, если попытаетесь.

    • @UPROCK
      @UPROCK  25 дней назад

      Пусть останется своя изюминка)

  • @user-xn6vj6fz5d
    @user-xn6vj6fz5d 17 дней назад

    +

    • @UPROCK
      @UPROCK  16 дней назад

      👍👍

  • @ssaaddaatt1
    @ssaaddaatt1 Месяц назад +1

    31:00. К СССР привязались? Ну "натянули сову", советским там и не пахнет. Поверьте, это металлургическая БурдаМоден.

    • @UPROCK
      @UPROCK  29 дней назад +1

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

  • @user-uy3cf2gd6y
    @user-uy3cf2gd6y Месяц назад

    Если средний чек за дизайн 1 млн, почему у вас самый большой чек за сайт составил 50 000$? Что-то не сходится

    • @UPROCK
      @UPROCK  Месяц назад +2

      Что с чем у Вас не сошлось, Павел?😅