Как оформлять портфолио в 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

[@UPROCK]

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

[@user-mv4rb2lz2y]

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

[@UPROCK]

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

[@user-nt9fu9jr5e]

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

[@UPROCK]

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

[@user-to1rz3go7l]

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

[@UPROCK]

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

[@sergei_bolotov]

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

[@UPROCK]

Пожалуйста🤗

[@user-qi1ii8rr9o]

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

[@UPROCK]

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

[@sergey4522]

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

[@UPROCK]

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

[@atomickittea]

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

[@UPROCK]

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

[@verademme]

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

[@UPROCK]

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

[@polinashagalova8624]

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

[@UPROCK]

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

[@user-fg6um9cz9m]

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

[@UPROCK]

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

[@user-mv4rb2lz2y]

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

[@UPROCK]

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

[@user-yz1nv1hu6y]

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

[@UPROCK]

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

[@Anastasia_Bazhanova]

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

[@UPROCK]

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

[@sardor9907]

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

[@UPROCK]

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

[@lolygoth7556]

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

[@UPROCK]

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

[@serrgibio]

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

[@UPROCK]

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

[@OVP_US]

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

[@UPROCK]

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

[@user-ph4gf4je7o]

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

[@UPROCK]

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

[@olgapetrova4107]

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

[@UPROCK]

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

[@user-du9vy1ev4y]

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

[@UPROCK]

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

[@liberty4187]

Спасибо😘

[@UPROCK]

Пожалуйста😊

[@user-dr3wx9sg1q]

Спасибо!

[@UPROCK]

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

[@FuCkoff-sg2tp]

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

[@UPROCK]

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

[@nikky_bin7171]

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

[@UPROCK]

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

[@andreybaykovv]

а второй?

[@nikky_bin7171]

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

[@andreybaykovv]

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

[@user-iy5bv2xz3c]

СПАСИБО!

[@UPROCK]

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

[@user-ot5ik7kd1f]

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

[@UPROCK]

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

[@andreybaykovv]

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

[@UPROCK]

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

[@Slavaru81]

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

[@UPROCK]

Спасибо🙏

[@annaasia824]

❤❤❤❤❤

[@nikky_bin7171]

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

[@UPROCK]

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

[@maxbardus3019]

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

[@UPROCK]

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

[@annievkova7006]

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

[@UPROCK]

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

[@oksanazibareva4702]

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

[@Antistatika]

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

[@UPROCK]

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

[@Royal-Venom]

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

[@UPROCK]

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

[@monikagold1397]

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

[@UPROCK]

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

[@violettasuokas6162]

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

[@UPROCK]

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

[@igorok1362]

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

[@UPROCK]

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

[@user-py1jc4rt1g]

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

[@UPROCK]

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

[@dmitrysid_01]

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

[@UPROCK]

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