Спасибо огромное за этот курс! Теперь все стало на свои места. А то вообще не понятно было как оформлять кейсы и вообще что за зверь этот Behance. Отдельное спасибо за инструмент Slice - это прям открытие для меня. )))
Классно вышло) Жаль, что не залетело у тебя это, я бы посмотрела больше таких "стримов" по работе с кейсами и Интерфейсом Это лучше чем игровые стримы)
Отличный подход от всего, что я до сих пор видел по оформлению и подаче материала. Успехов Тони! Слежу с интересом за твоими работами. Да, смотрел курс молодого бехансера, крутой проект.
Очень круто! Спасибо, что походу объяснения ты обращал наше внимание на детали, которые кажутся мелочью, но в дизайне чаще всего они-то и играют решающую роль. Эти язычки пламени или элементы заднего фона. Без этого проект не так эффектно бы смотрелся. Работа действительно гигантская, профессионалы поймут это сразу. На такой проект и месяца работы маловато будет! Да и 3 часа в прямом эфире, не каждый выдержит!
Благодарю за все отзывы! Очень рад, что мой проект тебе полезен и нравится посыл ) Надеюсь будущий контент тоже будет актуален и добро пожаловать на канал 🎉
Добрый день еще вопрос вы говорили, что задний фон у вас файл в 800Мб это как и за счет чего и как такое изображение вы перенесли в фигму без потери качества, если больше 4000 уже ухудшается качество???????????
Я из фотошопа экспортировал картинку по частям и переносил в фигму. Но на тот момент я не знал что в фигме есть специальный плагин который может сильно упростить эту задачу. Вот видео на эту тему: ruclips.net/video/I2jeEjbe1eE/видео.html
По сути нет большой разницы какого размера делать видео - можно загрузить любые пропорции. Но часто бывает нужно сделать так, чтобы все идеально совпадало. На сколько помню, несколько раз удавалось математически высчитывать правильные пропорции и точно попасть, но в основном все равно приходится тестировать и подгонять «на глаз».
Добрый день спасите помогите!!!!! Как вставлять видео, а слева фото??????????????? Загружаю через Vimeo там встает по центру, в сетку вставляю не могу регулировать ширину ....??????Как быть?????????
Приветствую! В фигме проекты только рисуются и прототипируются. Можно сделать и базовую анимацию. Но к сожалению, в самой фигме дизайн не воплощается - для того, чтобы превратить дизайн в готовый работающий продукт, нужен разработчик\верстальщик, хотя многие вещи можно и без знания программирования и верстки воплощать с помощью таких сервисов как Tilda или Webflow - но это уже совсем другая история )
Спасибо огромное за урок, очень круто, можно вопрос - как сохранить анимацию из фигма, чтоб втавить ее в макет, прямиком из фигма а не в after effects?
К сожалению, нормально никак. С помощью анимации в Фигме можно продемонстрировать разработчику как должны работать простые вещи, но возможности экспортировать SVG анимацию (как в случае со специальном плагином в After Effects) у Фигмы пока что к сожалению нету.
Я делала видеозапись области экрана Фигмы (обратите внимае на выбор цвета фона в настройках прототипирования Фигмы) в программе Monosnap, потом загружала это видео через Vimeo. Отлично работает для записи прототипа на мобильном. Можете посмотреть как у меня получилось, буду очень рада фидбеку:) : www.behance.net/gallery/101207131/BLACK-INK-Furniture-E-commerce
@@rinaarutiunian просмотрела Ваш проект, очень понравился, и у меня возник вопрос - на видео что у Вас получилось есть блок с видео, если Вы делали видеозапись с экрана фигмы, как Вы добавили в проект видео чтобы оно еще и проигрывалось? спасибо
Елена Олефир Спасибо!) У меня там два видео, первое я делала в After Affects, а второе (прототип для мобильной версии) через видеозапись екрана с помощью Моnosnap. Потом уменьшила размер видео в Clipchamp, загрузила на Vimeo и добавила в кейс на Behance embed code с Vimeo
Привет! ) Я в After Effects все анимирую и там просто можно добавить видео-футаж в проект. Это ведь по сути такая же картинка как и все остальное, просто движущаяся )
Хочу сказать тебе большое спасибо, много нового про бихайнс узнал, хотя на нем сижу достаточно долго. Сейчас посмотрю твой урок с анимацией и вперед делать свой кейс. Также хотелось бы еще один мини-курс веб дизайна от тебя)
Привет! Думал об этом, но не ясно, к кому обращаться - Беллатор, на сколько я понимаю, находится на контракте у американского кабельного канала и судя по всему именно на том канале решают подобные вещи. Но это такой уровень бюрократии, что просто так со своим дизайном не пробиться. Разве что случайно кто-то из сотрудников увидит мой кейс и передаст его выше по цепочке. Вот тогда они могут сами выйти на связь - но это конечно маловероятно )) Можно конечно провести исследование - попробовать выяснить кто принимает решения по подобным вопросам и выйти с этим человеком на прямой контакт через соц.сети. Но у меня и без того много интересной работы ))
Сорри, но мне не очень понравилось. В дизайне интерфейса то, что не является кнопками часто выглядит как кнопки. А сами кнопки не заметны, это косяк UX не? Также в самом дизайне не увидел ни одного крутого или сочного решения, обычный интерфейс и фотки бойцов, все. Моушн в презентации хорош, да, но сам дизайн сайта средний. Это мое личное мнение, никого не хочу обидеть.
Каждый имеет право на мнение, и я только рад объективной и обоснованной критике от более опытных коллег - но сложно всерьез воспринимать анонимную критику. Буду рад увидеть портфолио, чтобы оценить авторитетность мнения. Потому что публично высказывать свое негативное мнение о любой работе и раскачивать уверенность автора - проще простого, но в 99.9% случаев - это мнение не только ничем никому не помогает, но и не имеет веса. В данный момент, не согласен со всеми аргументами, так как они звучат противоречиво и поверхностно. Без обид. 1. «В дизайне интерфейса то, что не является кнопками часто выглядит как кнопки. А сами кнопки не заметны, это косяк UX не?» - Если речь идет о кнопках к примеру, в продающем лендинге - то да их не должно быть много, и они должны быть заметными объектами, так как являются призывами к действиям и формируют конверсию бизнесу. В данном случае, те кнопки, которые «не заметны» -либо второстепенные (по типу load more), либо информационные (по типу more info) и так как на каждой странице где есть карточки, кнопок много, делать их все акцентными было бы косяком UX, так как пользователь на подобных сайтах ориентируется не по кнопкам, а по разделам, заголовкам, карточкам и фотографиям в поисках того, что ему интересно, а не того, куда бы нажать. А те объекты, которые выглядят как кнопки - и есть кнопки (к примеру, лейблы с названиями ивентов в различных карточках и тематические теги в видео). При этом везде где кнопки являются конверсионными (Buy ticket) - они достаточно хорошо заметны, так как расположены в логичных местах и контрастируют с окружением. 2. «в самом дизайне не увидел ни одного крутого или сочного решения, обычный интерфейс и фотки бойцов, все. Моушн в презентации хорош, да, но сам дизайн сайта средний.» - А что является крутым, сочным решением? То, что делает интерфейс не обычным?? Получается, моушн у сайта хорош, а интересных решений нет… не совсем понятно. Я считаю, что анимация сайта - это точно такая же часть визуального дизайна, как и все остальное, потому что все вместе (аналитическая работа, структурирование проекта, отрисовка макета, анимация) является дизайном и формирует пользовательский опыт, соответственно и рассматриваться все должно как единое целое. Тем более, когда речь идет о новостных сайтах, где особо с интерфейсов не поиграешь и сильно оригинальничать нельзя. Я ведь занимаюсь реальным дизайном и решаю реальные задачи, а не рисую шотики на дрибл чтобы впечатлять сочностью и красотой. Вместе с тем, в интерфейсе проекта все-таки есть несколько оригинальных решений и интересных решений, как минимум потому, что аналогичных по структуре и логике карточек как те, что создавались под этот проект вряд ли удастся найти. Конечно, совершенно точно, можно было бы сделать и лучше - всегда и все можно лучше… или можно было бы сделать в совершенно другом стиле - где полет фантазии был бы менее ограничен, но я думаю, достаточно зайти на текущий сайт организации (bellator.com), чтобы понять, что все познается в сравнении.
Офигеть можно! Круто нереально! Упаковка кейсов- это была очень больная тема для меня, а сейчас я прямо прозрела! Спасибо тебе огромное за этот курс!
Посмотрела весь курс и финальное видео) Спасибо огромное, очень помогло!
Тони, спасибо за ваши видео! Очень подробно рассказываете, по делу и очень доступно, становится все понятно.
Какой классный канал, я уже посмотрела много видосов тут. Как жаль, что не нашла его раньше((((
Спасибо тебе большое за твою работу! Видео и курс очень полезны!
Спасибо большое за твой труд! Было очень увлекательно и время пролетело незаметно. Подписался с большим удовольствием!
Спасибо огромное за этот курс! Теперь все стало на свои места. А то вообще не понятно было как оформлять кейсы и вообще что за зверь этот Behance. Отдельное спасибо за инструмент Slice - это прям открытие для меня. )))
Классно вышло)
Жаль, что не залетело у тебя это, я бы посмотрела больше таких "стримов" по работе с кейсами и Интерфейсом
Это лучше чем игровые стримы)
Очень полезный видос.
Пересмотрел:)
Применил.
Тони, спасибо
большое спасибо за ваш курс!
Спасибо за видео
Я смотрела ваш курс молодого бехансера) пока в процессе создания своего профиля)
Спасибо за стрим 🔥🔥🔥 ты классный
Отличный подход от всего, что я до сих пор видел по оформлению и подаче материала. Успехов Тони! Слежу с интересом за твоими работами. Да, смотрел курс молодого бехансера, крутой проект.
Спасибо! 🤟
Спасибо! на 10+
👍👍👍
Очень круто! Спасибо, что походу объяснения ты обращал наше внимание на детали, которые кажутся мелочью, но в дизайне чаще всего они-то и играют решающую роль. Эти язычки пламени или элементы заднего фона. Без этого проект не так эффектно бы смотрелся. Работа действительно гигантская, профессионалы поймут это сразу. На такой проект и месяца работы маловато будет! Да и 3 часа в прямом эфире, не каждый выдержит!
Благодарю за все отзывы! Очень рад, что мой проект тебе полезен и нравится посыл ) Надеюсь будущий контент тоже будет актуален и добро пожаловать на канал 🎉
@@yemdigital спасибо большое! С удовольствием присоединяюсь! )
Видео огонь!Тони запиши видео как сделать анимацию стрелки в конце которая показывает на лайк
Очень круто. А можно ссылку на кейс, чтобы посмотреть как это всё сделано?
Спасибо!
Спасибо большое
Очень полезное видео!) спасибо большое! Скажите, а если подписка на Вимио закончится, то кнопка Пауз снова появится?
Спасибо ) Да, если не продливать аккаунт, все платные функции пропадают
Добрый день! Получается, что текст из кейса не обязательно публиковать как текст? Он не участвует в поисковой оптимизации?
а анимации ты в обс записываешь ??
Спасибо, посмотрела все выпуски) Много чего почерпнула)
Вы говорили в этом видео, что можете скинуть ссылку на макет, предложение еще в силе?)
Добрый день еще вопрос вы говорили, что задний фон у вас файл в 800Мб это как и за счет чего и как такое изображение вы перенесли в фигму без потери качества, если больше 4000 уже ухудшается качество???????????
Я из фотошопа экспортировал картинку по частям и переносил в фигму. Но на тот момент я не знал что в фигме есть специальный плагин который может сильно упростить эту задачу. Вот видео на эту тему: ruclips.net/video/I2jeEjbe1eE/видео.html
Тони, ты супер молодец! Продолжай в таком же духе! =)
Спасибо, много полезного узнала! Кейс и правда сочный получился!
Спасибо за «Курс молодого Behance'ра», полезно и интересно. Если не секрет, в какой программе делали Gif-ку со стрелкой для окончания кейса?
А почему вы делали настройки видео 1530 на 788( или можно вставлять 1920 на 1080), если размер на Бихансе 1400 все равно??????????????????
По сути нет большой разницы какого размера делать видео - можно загрузить любые пропорции. Но часто бывает нужно сделать так, чтобы все идеально совпадало. На сколько помню, несколько раз удавалось математически высчитывать правильные пропорции и точно попасть, но в основном все равно приходится тестировать и подгонять «на глаз».
Добрый день спасите помогите!!!!! Как вставлять видео, а слева фото??????????????? Загружаю через Vimeo там встает по центру, в сетку вставляю не могу регулировать ширину ....??????Как быть?????????
Привет Тони,подскажи пожалуйста как воплотить в проект в фигме уже готовую на3х фреймах анимацию?
Приветствую! В фигме проекты только рисуются и прототипируются. Можно сделать и базовую анимацию. Но к сожалению, в самой фигме дизайн не воплощается - для того, чтобы превратить дизайн в готовый работающий продукт, нужен разработчик\верстальщик, хотя многие вещи можно и без знания программирования и верстки воплощать с помощью таких сервисов как Tilda или Webflow - но это уже совсем другая история )
ок
Спасибо огромное за урок, очень круто, можно вопрос - как сохранить анимацию из фигма, чтоб втавить ее в макет, прямиком из фигма а не в after effects?
К сожалению, нормально никак. С помощью анимации в Фигме можно продемонстрировать разработчику как должны работать простые вещи, но возможности экспортировать SVG анимацию (как в случае со специальном плагином в After Effects) у Фигмы пока что к сожалению нету.
Я делала видеозапись области экрана Фигмы (обратите внимае на выбор цвета фона в настройках прототипирования Фигмы) в программе Monosnap, потом загружала это видео через Vimeo. Отлично работает для записи прототипа на мобильном. Можете посмотреть как у меня получилось, буду очень рада фидбеку:) : www.behance.net/gallery/101207131/BLACK-INK-Furniture-E-commerce
@@rinaarutiunian просмотрела Ваш проект, очень понравился, и у меня возник вопрос - на видео что у Вас получилось есть блок с видео, если Вы делали видеозапись с экрана фигмы, как Вы добавили в проект видео чтобы оно еще и проигрывалось? спасибо
Елена Олефир Спасибо!) У меня там два видео, первое я делала в After Affects, а второе (прототип для мобильной версии) через видеозапись екрана с помощью Моnosnap. Потом уменьшила размер видео в Clipchamp, загрузила на Vimeo и добавила в кейс на Behance embed code с Vimeo
Привет. Как в анимацию всунуть видео - первая анимация в этой работе?
Привет! ) Я в After Effects все анимирую и там просто можно добавить видео-футаж в проект. Это ведь по сути такая же картинка как и все остальное, просто движущаяся )
Спасибо большое за Ваш труд) Скажите пож-ста как вы оборачиваете в рамку видео как на ruclips.net/video/kj57q9cZ5IM/видео.html ?
+
Привет, отлично все рассказал!!! а можно как-то получить фигму на этот проект? поближе ознакомиться???
Спасибо, да можно - напиши мне в личку в одну из соц. сетей - скину ссылку
Спасибо за уроки) подскажи пожалуйста, как экспортировать правильно макет из фотошопа в фигму?
Никогда подобным не занимался, но скорее всего никак.
Хочу сказать тебе большое спасибо, много нового про бихайнс узнал, хотя на нем сижу достаточно долго. Сейчас посмотрю твой урок с анимацией и вперед делать свой кейс. Также хотелось бы еще один мини-курс веб дизайна от тебя)
6 МЕСЯЦЕВ
Привет) а ты им будешь предлагать свои услуги?) Чтобы у них сайт стал крутым, а не тем, что есть сейчас)
Привет! Думал об этом, но не ясно, к кому обращаться - Беллатор, на сколько я понимаю, находится на контракте у американского кабельного канала и судя по всему именно на том канале решают подобные вещи. Но это такой уровень бюрократии, что просто так со своим дизайном не пробиться. Разве что случайно кто-то из сотрудников увидит мой кейс и передаст его выше по цепочке. Вот тогда они могут сами выйти на связь - но это конечно маловероятно )) Можно конечно провести исследование - попробовать выяснить кто принимает решения по подобным вопросам и выйти с этим человеком на прямой контакт через соц.сети. Но у меня и без того много интересной работы ))
@@yemdigital Понял, Но вообще, да - было бы интересно узнать, как происходит взаимодействие дизайнера с такими большими компаниями)
Сорри, но мне не очень понравилось. В дизайне интерфейса то, что не является кнопками часто выглядит как кнопки. А сами кнопки не заметны, это косяк UX не? Также в самом дизайне не увидел ни одного крутого или сочного решения, обычный интерфейс и фотки бойцов, все. Моушн в презентации хорош, да, но сам дизайн сайта средний. Это мое личное мнение, никого не хочу обидеть.
Каждый имеет право на мнение, и я только рад объективной и обоснованной критике от более опытных коллег - но сложно всерьез воспринимать анонимную критику. Буду рад увидеть портфолио, чтобы оценить авторитетность мнения. Потому что публично высказывать свое негативное мнение о любой работе и раскачивать уверенность автора - проще простого, но в 99.9% случаев - это мнение не только ничем никому не помогает, но и не имеет веса.
В данный момент, не согласен со всеми аргументами, так как они звучат противоречиво и поверхностно. Без обид.
1. «В дизайне интерфейса то, что не является кнопками часто выглядит как кнопки. А сами кнопки не заметны, это косяк UX не?»
- Если речь идет о кнопках к примеру, в продающем лендинге - то да их не должно быть много, и они должны быть заметными объектами, так как являются призывами к действиям и формируют конверсию бизнесу. В данном случае, те кнопки, которые «не заметны» -либо второстепенные (по типу load more), либо информационные (по типу more info) и так как на каждой странице где есть карточки, кнопок много, делать их все акцентными было бы косяком UX, так как пользователь на подобных сайтах ориентируется не по кнопкам, а по разделам, заголовкам, карточкам и фотографиям в поисках того, что ему интересно, а не того, куда бы нажать. А те объекты, которые выглядят как кнопки - и есть кнопки (к примеру, лейблы с названиями ивентов в различных карточках и тематические теги в видео). При этом везде где кнопки являются конверсионными (Buy ticket) - они достаточно хорошо заметны, так как расположены в логичных местах и контрастируют с окружением.
2. «в самом дизайне не увидел ни одного крутого или сочного решения, обычный интерфейс и фотки бойцов, все. Моушн в презентации хорош, да, но сам дизайн сайта средний.»
- А что является крутым, сочным решением? То, что делает интерфейс не обычным??
Получается, моушн у сайта хорош, а интересных решений нет… не совсем понятно. Я считаю, что анимация сайта - это точно такая же часть визуального дизайна, как и все остальное, потому что все вместе (аналитическая работа, структурирование проекта, отрисовка макета, анимация) является дизайном и формирует пользовательский опыт, соответственно и рассматриваться все должно как единое целое. Тем более, когда речь идет о новостных сайтах, где особо с интерфейсов не поиграешь и сильно оригинальничать нельзя. Я ведь занимаюсь реальным дизайном и решаю реальные задачи, а не рисую шотики на дрибл чтобы впечатлять сочностью и красотой. Вместе с тем, в интерфейсе проекта все-таки есть несколько оригинальных решений и интересных решений, как минимум потому, что аналогичных по структуре и логике карточек как те, что создавались под этот проект вряд ли удастся найти.
Конечно, совершенно точно, можно было бы сделать и лучше - всегда и все можно лучше… или можно было бы сделать в совершенно другом стиле - где полет фантазии был бы менее ограничен, но я думаю, достаточно зайти на текущий сайт организации (bellator.com), чтобы понять, что все познается в сравнении.
Спасибо 🙏
+
Спасибо!