Как оформлять портфолио в 2024 году

Поділитися
Вставка
  • Опубліковано 21 тра 2024
  • 🔥 Бесплатный курс по дизайну с бесплатной обратной связью: freeschool.uprock.ru/
    Евгений Кузьмин (CEO & Art-director студии UPROCK) делится своим опытом, рисует актуальный дизайн, и разбирает главные ошибки в UX/UI.
    🚀 Ждём вас в школе UX/UI дизайна №1 UPROCK: school.uprock.ru/middle
    ☀️ Написать менеджеру школы: t.me/uprocksale
    0:00 Вступление
    1:15 Кто такой Евгений Кузьмин?
    6:10 Зачем нам портфолио?
    10:02 Где создавать портфолио?
    14:33 Какие проекты публиковать?
    19:14 Магия превью и обложки
    26:20 Состав кейса
    27:56 Обложка
    28:48 Описание проекта
    30:57 Ключевые страницы
    32:09 Адаптив
    32:35 Все страницы одним массивом
    35:50 Айдентика
    36:33 Дополнительные блоки
    38:23 Эмоциональные вставки
    39:30 Кейсы мобильных приложений
    41:56 Процесс
    47:37 Промежуточные выводы
    53:41 Порядок блоков
    54:47 Анализ кейсов из галереи UI
    58:54 Общий принцип порядка блоков
    1:01:30 Послайдовая подача
    1:05:01 Цвет слайдов
    1:07:16 Мокапы
    1:10:33 Сетка
    1:16:20 Использование анимации
    1:16:37 Плюсы послайдовой подачи
    1:18:27 Минусы послайдовой подачи
    1:21:36 Почему этого недостаточно (Кейсы студентов Uprock раньше)
    1:27:39 Портфолио = лаборатория
    1:33:39 Кейсы студентов Uprock сейчас
    ПОЛЕЗНОЕ ДЛЯ 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

КОМЕНТАРІ • 90

  • @UPROCK
    @UPROCK  2 місяці тому +5

    Получить бесплатный доступ к школе дизайна и забронировать обучение в UPROCK www.school.uprock.ru/sale-portfolio
    Проекты учеников UPROCK www.behance.net/uprockawards

  • @user-nt9fu9jr5e
    @user-nt9fu9jr5e 2 місяці тому +6

    Женя 🎉 огромное спасибо важные и интересные темы ☺️🫶

    • @UPROCK
      @UPROCK  2 місяці тому

      Пожалуйста, рад, что понравилось)

  • @user-mv4rb2lz2y
    @user-mv4rb2lz2y 2 місяці тому +4

    Бам Бам Бам-Бам))) Женя, спасибо тебе за позитивную подачу сложной и важной темы! Актуально - 100%

    • @UPROCK
      @UPROCK  2 місяці тому +1

      Очень рад, что зашло, буду продолжать делать качественные лекции!

  • @user-to1rz3go7l
    @user-to1rz3go7l 2 місяці тому +3

    Лекция огонь 🔥 очень интересно и круто. Даже мотивационно 😊🎉

    • @UPROCK
      @UPROCK  2 місяці тому

      Спасибо большое, Юлия🙏

  • @sergei_bolotov
    @sergei_bolotov 2 місяці тому +2

    Спасибо, как всегда круто. 🔥🔥🔥

    • @UPROCK
      @UPROCK  2 місяці тому +1

      Пожалуйста🤗

  • @user-qi1ii8rr9o
    @user-qi1ii8rr9o 2 місяці тому +2

    Евгений спасибо тебе за твой труд и вклад 🎉 Нереально полезный материал всегда от тебя ❤😎 Спасибо!

    • @UPROCK
      @UPROCK  2 місяці тому +1

      Всегда пожалуйста, Виталий👍☺️ Очень рад, что мои видосы тебе заходят)

  • @sergey4522
    @sergey4522 2 місяці тому +2

    Очень удачное для меня видео! Как раз сейчас начинаю оформлять кейс!

    • @UPROCK
      @UPROCK  2 місяці тому +1

      Очень рад, Сергей👍

  • @atomickittea
    @atomickittea Місяць тому

    Евгений, огромная благодарность за эфир!

    • @UPROCK
      @UPROCK  Місяць тому

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

  • @user-fg6um9cz9m
    @user-fg6um9cz9m Місяць тому

    Вернулась опять в обучение и начала смотреть видео. Шик. Очень много вдохновения. Спасибо

    • @UPROCK
      @UPROCK  Місяць тому +1

      Очень рад, Дарья, всегда пожалуйста☺️

  • @verademme
    @verademme Місяць тому

    Спасибо большущее! Все важное и нужное!

    • @UPROCK
      @UPROCK  Місяць тому

      Пожалуйста, Вера☺️

  • @polinashagalova8624
    @polinashagalova8624 2 місяці тому

    Самое интересное и полезное видео, огромное спасибо! И подача и материал, все просто отвал всего)

    • @UPROCK
      @UPROCK  2 місяці тому

      Всегда пожалуйста, Полина!

  • @user-mv4rb2lz2y
    @user-mv4rb2lz2y 2 місяці тому +5

    Отсылочки к КС)) Женя - лучший просто))❤❤❤

    • @UPROCK
      @UPROCK  2 місяці тому +2

      Привет в старших классах я работал админом в компьютерном клубе. Честно лучшая работа, до сих пор так считаю))

  • @OVP_US
    @OVP_US 2 місяці тому

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

    • @UPROCK
      @UPROCK  2 місяці тому

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

  • @user-yz1nv1hu6y
    @user-yz1nv1hu6y 2 місяці тому +8

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

    • @UPROCK
      @UPROCK  2 місяці тому +1

      Всегда пожалуйста, Александра! ☺️ Тайм-менеджмент и любовь к профессии)

  • @serrgibio
    @serrgibio Місяць тому

    Женя, ты лучший! Спасибо за проделанную работу!

    • @UPROCK
      @UPROCK  Місяць тому

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

  • @Anastasia_Bazhanova
    @Anastasia_Bazhanova 13 днів тому

    Большое спасибо! Супер круто и очень полезно!

    • @UPROCK
      @UPROCK  9 днів тому

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

  • @lolygoth7556
    @lolygoth7556 Місяць тому

    ну как тут лайк не поставить!?
    Спасибо, Жень)) Ты как всегда полезен и прекрасен!👍👍

    • @UPROCK
      @UPROCK  Місяць тому

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

  • @sardor9907
    @sardor9907 19 днів тому

    спасибо большое, очень полезно🔥

    • @UPROCK
      @UPROCK  16 днів тому

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

  • @user-ph4gf4je7o
    @user-ph4gf4je7o 22 дні тому

    Вы классный. Спасибо за полезную информацию.

    • @UPROCK
      @UPROCK  20 днів тому

      Пожалуйста, Диана✨

  • @user-du9vy1ev4y
    @user-du9vy1ev4y 2 місяці тому +3

    Вы упомянули курс по плакатам😍😍😍Когда будет?Было бы круто поучиться у Вас типографике и сеткам❤️

    • @UPROCK
      @UPROCK  2 місяці тому +2

      Привет, после конференции 16 марта вернусь к этому вопросу и начнем рокнроллить)

  • @olgapetrova4107
    @olgapetrova4107 2 місяці тому +14

    Женя, я тебя обожаю. Столько полезностей как Женя никто не дает, никто так не нянчится со своими студентами, все что Женя говорит - это все работает.

    • @UPROCK
      @UPROCK  2 місяці тому +2

      Спасибо большое за тёплые слова, Ольга☺️

  • @liberty4187
    @liberty4187 2 місяці тому

    Спасибо😘

    • @UPROCK
      @UPROCK  2 місяці тому

      Пожалуйста😊

  • @user-dr3wx9sg1q
    @user-dr3wx9sg1q Місяць тому

    Спасибо!

    • @UPROCK
      @UPROCK  Місяць тому

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

  • @user-iy5bv2xz3c
    @user-iy5bv2xz3c Місяць тому

    СПАСИБО!

    • @UPROCK
      @UPROCK  Місяць тому

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

  • @andreybaykovv
    @andreybaykovv 2 місяці тому +1

    Спасибо за эту прекрасную лекцию, очень полезно, лучше на ютубе не найдешь!
    А почему ширина кейса именно 1400, а не 1920 например?

    • @UPROCK
      @UPROCK  2 місяці тому

      Салют, Андрей! Всегда пожалуйста)
      Так или иначе, behance сожмёт ширину до 1400. Задав такое значение изначально, мы скорее всего избежим проблем с искажениями при сжатии

  • @FuCkoff-sg2tp
    @FuCkoff-sg2tp 2 місяці тому +1

    Надо бы курсик по графическому дизайну и плакатам от апрок клана поскорее 😊

    • @UPROCK
      @UPROCK  2 місяці тому

      Салют! В скором времени всё случится👍

  • @user-eb7wghjuyff
    @user-eb7wghjuyff 4 дні тому

    По качеству информации топ, раскрытие себя как ахуенного дизайнера топ, но пляяя подачи информации просто жесть, ты очень много заговариваешься, не относись как к хейту, просто из уважения к тем, кто тебя смотрит и слушает, к своим ученикам (!!!), пройди курсы по речи, их сейчас очень очень много достойных, за месяц-два существенно прокачаешь свои ораторские способности 🙏🏻

    • @UPROCK
      @UPROCK  3 дні тому +1

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

    • @user-eb7wghjuyff
      @user-eb7wghjuyff 3 дні тому

      @@UPROCK Ответ супер адекватного человека. Ну тогда слушаем как есть, потому что информация правда топ, спасибо тебе.

  • @nikky_bin7171
    @nikky_bin7171 2 місяці тому +3

    Вот со всего ютуба по веб,ux меня вдохновляют два человека! Один из них - это ты:) спасибо тебе большое ❤

    • @UPROCK
      @UPROCK  2 місяці тому +1

      Всегда пожалуйста, Николай! Очень рад это слышать☺️

    • @andreybaykovv
      @andreybaykovv 2 місяці тому

      а второй?

    • @nikky_bin7171
      @nikky_bin7171 2 місяці тому +1

      @@andreybaykovv Алексей бычков

    • @andreybaykovv
      @andreybaykovv 2 місяці тому

      @@nikky_bin7171 не удивлен, у меня так же) но у Жени больше нравятся дизайны, креативнее чтоли)

  • @user-ot5ik7kd1f
    @user-ot5ik7kd1f 2 місяці тому +1

    Классная подача информации
    Столько полезностей в копилку
    Женя крутой 👍
    Спасибо

    • @UPROCK
      @UPROCK  2 місяці тому

      Всегда пожалуйста, Александра☺️

  • @Slavaru81
    @Slavaru81 2 місяці тому +2

    Добиться такого успеха в своем деле - это результат большого труда, респект!

    • @UPROCK
      @UPROCK  2 місяці тому

      Спасибо🙏

  • @annievkova7006
    @annievkova7006 2 місяці тому +2

    Спасибо лайкнувшим коллегам, т.к. смотрю это на 9-й день

    • @UPROCK
      @UPROCK  2 місяці тому

      Присоединяюсь к благодарности всем оценившим лекцию👍🙏

  • @Royal-Venom
    @Royal-Venom 2 місяці тому

    11:46 В dribbble тоже можно case studies оформлять…

    • @UPROCK
      @UPROCK  2 місяці тому

      Привет, да действительно, но это все равно костыль. Но если вдруг тебе так удобно, то конечно используй этот механизм.

  • @annaasia824
    @annaasia824 2 місяці тому

    ❤❤❤❤❤

  • @maxbardus3019
    @maxbardus3019 2 місяці тому

    15:50 Я думаю кто то из Жури пользовался Гитом и им понравился флоу для создания проекта, который сделал дизайнер. У гита интерфейс реально немного хаотичный поэтому даже мне зашел этот дизайн 😅 сразу.

    • @UPROCK
      @UPROCK  2 місяці тому

      Спасибо, Макс, что дополнил. Но это только подтверждает, что работа не корректно оценена с точки зрения категории награды UI, надо для таких случаев делать отдельную категорию: "Проекты для масштабных клиентов" и награждать именно клиента.
      А то что тебе зашел этот дизайн, то это скорее всего на контрасте с тем, что было: Дизайн стал аккуратным, но не гениальным с точки зрения категории награды UI.

  • @oksanazibareva4702
    @oksanazibareva4702 2 місяці тому +2

    Скиньте тайм код, где берете качественные бесплатные фото для кейсов

    • @Antistatika
      @Antistatika 2 місяці тому

      Тоже этот вопрос интересует.
      Часто на Behance встречаю во многих учебных, да и коммерческих работах одни и те же приевшиеся фотки с unsplash…

    • @UPROCK
      @UPROCK  2 місяці тому +1

      Привет берем из нейронок, а так посмотри пожалуйста здесь база бесплатных фото www.baza.uprock.ru/tag/illustrations

  • @nikky_bin7171
    @nikky_bin7171 2 місяці тому

    Привет:) я сдал работу конкурс, первая работа в портфолио)) и смотрю это видео , думаю как оформить его))

    • @UPROCK
      @UPROCK  2 місяці тому

      Салют, Николай! Мои поздравления👍 Рад, что лекция пришлась кстати)

  • @monikagold1397
    @monikagold1397 Місяць тому

    Кейс на беханс и стиль сайта должны быть одинаковы?

    • @UPROCK
      @UPROCK  Місяць тому

      Привет, да общая стилистика должна быть схожей.

  • @violettasuokas6162
    @violettasuokas6162 2 місяці тому +3

    Не согласна по поводу лайков если на бехансе у тебя много лайков ты огонь. Много раз видела накрученные лайки. Пишут в разные группы или в группы где учились ребята и клянчат поставить лайк. И так много бестолковых кейсов на беханс с кучу лайками

    • @UPROCK
      @UPROCK  2 місяці тому +2

      Салют, Виолетта! Значит ли это, что бихенс, как площадка, дискредитирована и неактуальна? Из любых правил есть исключения, да такие кейсы есть, но лайки им никак не помогут: внимание заказчиков они привлекут, но оффер с низким качеством работы вряд ли получат🤷‍♂️

  • @user-py1jc4rt1g
    @user-py1jc4rt1g Місяць тому

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

    • @UPROCK
      @UPROCK  Місяць тому

      Привет в видео не я говорил, о том чтобы делать невозможные сайты.

  • @igorok1362
    @igorok1362 2 місяці тому

    40:26 у тёти лицо в на фото в 1,5 раза крупнее чем у дяди. Я бы постарался их уравновесить прежде чем разместить рядом. Чуть ниже, у мужчины на экране айфона, блок фронтальной камеры сливается с причёской и возникает впечатление, что у него там клубок волос, соответственно восприятие с первого взгляда другое.

    • @UPROCK
      @UPROCK  2 місяці тому +3

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

  • @user-wm5ly3lb6j
    @user-wm5ly3lb6j 6 днів тому

    Какая классная подача информации.
    На работы ваших учеников оставляеют неприятное впечатление. Цвет, шрифт, расположение элементов. Может я чего то не понимаю

    • @UPROCK
      @UPROCK  5 днів тому

      Спасибо, Катерина! Вам нужно смотреть больше современных сайтов в топах Behance, Awwwards и т.п., со временем Вы поймёте, почему они выглядят именно так)

  • @dmitrysid_01
    @dmitrysid_01 2 місяці тому +2

    А, э, А, э. Бро давай без этого!

    • @UPROCK
      @UPROCK  2 місяці тому +1

      Привет, я не профессиональный диктор. Надеюсь, логика и структура объяснения все компенсирует.