Как оформлять портфолио в 2024 году
ฝัง
- เผยแพร่เมื่อ 25 มิ.ย. 2024
- 🔥 Бесплатный курс по дизайну с бесплатной обратной связью:t.me/freeeducation_uprockbot
Евгений Кузьмин (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 www.school.uprock.ru/sale-portfolio
Проекты учеников UPROCK www.behance.net/uprockawards
Женя 🎉 огромное спасибо важные и интересные темы ☺️🫶
Пожалуйста, рад, что понравилось)
Бам Бам Бам-Бам))) Женя, спасибо тебе за позитивную подачу сложной и важной темы! Актуально - 100%
Очень рад, что зашло, буду продолжать делать качественные лекции!
Лекция огонь 🔥 очень интересно и круто. Даже мотивационно 😊🎉
Спасибо большое, Юлия🙏
Спасибо, как всегда круто. 🔥🔥🔥
Пожалуйста🤗
Очень удачное для меня видео! Как раз сейчас начинаю оформлять кейс!
Очень рад, Сергей👍
Евгений, огромная благодарность за эфир!
Всегда пожалуйста👍
Евгений спасибо тебе за твой труд и вклад 🎉 Нереально полезный материал всегда от тебя ❤😎 Спасибо!
Всегда пожалуйста, Виталий👍☺️ Очень рад, что мои видосы тебе заходят)
Спасибо большущее! Все важное и нужное!
Пожалуйста, Вера☺️
Вернулась опять в обучение и начала смотреть видео. Шик. Очень много вдохновения. Спасибо
Очень рад, Дарья, всегда пожалуйста☺️
Самое интересное и полезное видео, огромное спасибо! И подача и материал, все просто отвал всего)
Всегда пожалуйста, Полина!
Женя, ты лучший! Спасибо за проделанную работу!
Класс! Всегда пожалуйста, Сергей👍
Большое спасибо! Супер круто и очень полезно!
Класс! Всегда пожалуйста, Анастасия☺️
Отсылочки к КС)) Женя - лучший просто))❤❤❤
Привет в старших классах я работал админом в компьютерном клубе. Честно лучшая работа, до сих пор так считаю))
Евгений, хочу выразить Вам огромную благодарность за увлекательную и познавательную лекцию💥. Благодаря Вашему профессионализму и страсти к своему делу, я получила не только новые знания, но и вдохновение для дальнейших творческих начинаний🤩.
Спасибо Вам за ваше время, терпение и открытость в общении.❤
Пожалуйста☺️🙏 Всегда приятно читать такие тёплые и позитивные отклики на мою работу) Очень рад, что смог помочь!
Женя, я тебя обожаю. Столько полезностей как Женя никто не дает, никто так не нянчится со своими студентами, все что Женя говорит - это все работает.
Спасибо большое за тёплые слова, Ольга☺️
спасибо большое, очень полезно🔥
Всегда пожалуйста)
Вы классный. Спасибо за полезную информацию.
Пожалуйста, Диана✨
Женя, спасибо огромное за твой большой тяжелый труд, который требует неимоверного количества времени! И как ты все успеваешь...
Всегда пожалуйста, Александра! ☺️ Тайм-менеджмент и любовь к профессии)
ну как тут лайк не поставить!?
Спасибо, Жень)) Ты как всегда полезен и прекрасен!👍👍
Класс, всегда пожалуйста) Очень рад☺️☺️
Вы упомянули курс по плакатам😍😍😍Когда будет?Было бы круто поучиться у Вас типографике и сеткам❤️
Привет, после конференции 16 марта вернусь к этому вопросу и начнем рокнроллить)
Спасибо😘
Пожалуйста😊
СПАСИБО!
Пожалуйста, Екатерина👍
Спасибо!
Пожалуйста, Ирина☺️
По качеству информации топ, раскрытие себя как ахуенного дизайнера топ, но пляяя подачи информации просто жесть, ты очень много заговариваешься, не относись как к хейту, просто из уважения к тем, кто тебя смотрит и слушает, к своим ученикам (!!!), пройди курсы по речи, их сейчас очень очень много достойных, за месяц-два существенно прокачаешь свои ораторские способности 🙏🏻
Привет, я уже занимался с диктором. Знаешь сложно быть и хорошим оратором и профессионалом в дизайне, но я работаю над этим все равно.
@@UPROCK Ответ супер адекватного человека. Ну тогда слушаем как есть, потому что информация правда топ, спасибо тебе.
Добиться такого успеха в своем деле - это результат большого труда, респект!
Спасибо🙏
Классная подача информации
Столько полезностей в копилку
Женя крутой 👍
Спасибо
Всегда пожалуйста, Александра☺️
Спасибо за эту прекрасную лекцию, очень полезно, лучше на ютубе не найдешь!
А почему ширина кейса именно 1400, а не 1920 например?
Салют, Андрей! Всегда пожалуйста)
Так или иначе, behance сожмёт ширину до 1400. Задав такое значение изначально, мы скорее всего избежим проблем с искажениями при сжатии
Вот со всего ютуба по веб,ux меня вдохновляют два человека! Один из них - это ты:) спасибо тебе большое ❤
Всегда пожалуйста, Николай! Очень рад это слышать☺️
а второй?
@@andreybaykovv Алексей бычков
@@nikky_bin7171 не удивлен, у меня так же) но у Жени больше нравятся дизайны, креативнее чтоли)
Привет:) я сдал работу конкурс, первая работа в портфолио)) и смотрю это видео , думаю как оформить его))
Салют, Николай! Мои поздравления👍 Рад, что лекция пришлась кстати)
Классное видео. А нету ли у вас ссылки на эту презентацию, хотелось бы подробнее все изучить
Салют! Спасибо 🙏 К сожалению, нет, эти презентации скачать нельзя
Спасибо лайкнувшим коллегам, т.к. смотрю это на 9-й день
Присоединяюсь к благодарности всем оценившим лекцию👍🙏
❤❤❤❤❤
15:50 Я думаю кто то из Жури пользовался Гитом и им понравился флоу для создания проекта, который сделал дизайнер. У гита интерфейс реально немного хаотичный поэтому даже мне зашел этот дизайн 😅 сразу.
Спасибо, Макс, что дополнил. Но это только подтверждает, что работа не корректно оценена с точки зрения категории награды UI, надо для таких случаев делать отдельную категорию: "Проекты для масштабных клиентов" и награждать именно клиента.
А то что тебе зашел этот дизайн, то это скорее всего на контрасте с тем, что было: Дизайн стал аккуратным, но не гениальным с точки зрения категории награды UI.
11:46 В dribbble тоже можно case studies оформлять…
Привет, да действительно, но это все равно костыль. Но если вдруг тебе так удобно, то конечно используй этот механизм.
Не согласна по поводу лайков если на бехансе у тебя много лайков ты огонь. Много раз видела накрученные лайки. Пишут в разные группы или в группы где учились ребята и клянчат поставить лайк. И так много бестолковых кейсов на беханс с кучу лайками
Салют, Виолетта! Значит ли это, что бихенс, как площадка, дискредитирована и неактуальна? Из любых правил есть исключения, да такие кейсы есть, но лайки им никак не помогут: внимание заказчиков они привлекут, но оффер с низким качеством работы вряд ли получат🤷♂️
Скиньте тайм код, где берете качественные бесплатные фото для кейсов
Тоже этот вопрос интересует.
Часто на Behance встречаю во многих учебных, да и коммерческих работах одни и те же приевшиеся фотки с unsplash…
Привет берем из нейронок, а так посмотри пожалуйста здесь база бесплатных фото www.baza.uprock.ru/tag/illustrations
Кейс на беханс и стиль сайта должны быть одинаковы?
Привет, да общая стилистика должна быть схожей.
В итоге, портфолио собирать лучше в фигме?
Как минимум, готовить статичные материалы)
@@UPROCK спасибо за ответ))
40:26 у тёти лицо в на фото в 1,5 раза крупнее чем у дяди. Я бы постарался их уравновесить прежде чем разместить рядом. Чуть ниже, у мужчины на экране айфона, блок фронтальной камеры сливается с причёской и возникает впечатление, что у него там клубок волос, соответственно восприятие с первого взгляда другое.
Да конечно свежим взглядом всегда находяться мелочовка. Я сколько не запускал проекты, спустя год все равно находил, что можно почистить. Но на самом деле работу оценивают глобально, мало кто вникает кроме нас, дизайнеров, прям в детали
зачем вообще придумывать невозможный сайт который нельзя сверстать? Ведь может же быть такое что чел сделает классный кейс на бехансе НО максимально ужасно покажет себя в знании фигме, например, не знав компоненты и тд. Так же молчу еще о том как подготавливать макет на верстку, но все равно, неужели портфолио так важно когда такие тоже не мало важные ситуации просто остаются в стороне ?
Привет в видео не я говорил, о том чтобы делать невозможные сайты.
Какая классная подача информации.
На работы ваших учеников оставляеют неприятное впечатление. Цвет, шрифт, расположение элементов. Может я чего то не понимаю
Спасибо, Катерина! Вам нужно смотреть больше современных сайтов в топах Behance, Awwwards и т.п., со временем Вы поймёте, почему они выглядят именно так)
А, э, А, э. Бро давай без этого!
Привет, я не профессиональный диктор. Надеюсь, логика и структура объяснения все компенсирует.