UI/UX дизайн. Разбор работ дизайна подписчиков #98. уроки веб-дизайна в Figma

[@alexeybychkov_]

Ребзя, спасибо всем за лайки, комменты и подписку! Обнял-приподнял! Смотреть ролики на 2-3 месяца раньше - boosty.to/alexeybychkov Карта канала - start.video

[@bibimoi_ru]

Когда своих работ еще нет, то эти разборы дают понимание, что учатся все и классные работы получаются только после практики и немалой. Работаю над первым макетом и понимаю, сколько еще пробелов в знаниях. Но есть этот канал и он помогает идти к цели! Спасибо!

[@alexeybychkov_]

рад, что полезно

[@liro_]

а я смотрю, понимаю, что так много пробелов и становится страшно((

[@MariaPakhnits]

Когда я наткнулась на обучение и разборы Алексея, зависла🤩 уже несколько месяцев смотрю только его разборы, а сейчас ради интереса посмотрела разбор другого дизайнера и ощутила разницу😅 Алексей, спасибо за такие разборы, которые не просто играют на фоне, а в которые надо вслушаваться, всматриваться, вникать, записывать в блокнот! Спасибо!

[@alexeybychkov_]

❤️ круто) пожалуйста!

[@User_nix5242wqr]

Божечки, сколько тут полезной информации то, как всю эту красоту в головёшке то уместить)) Алексей, вы наш Гуру!👍

[@alexeybychkov_]

рад, что полезно) заметки можно писать, так запоминается лучше

[@smitzi]

Ты объясняешь понятнее и позитивнее, чем все, кого я слушал бы ранее. Не только в плане видео о Фигма а в целом. Спасибо Алексей

[@alexeybychkov_]

рад, что нравится!

[@ylazima]

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

[@alexeybychkov_]

Ну класс)

[@lynn.balapush]

какой же вы лапочка-человек! спасибо вам за разборы мягонькие!

[@alexeybychkov_]

рад, что нравится!

[@varmivar]

😆 «…и вперед! Я - троллейбус» За инфу огромное спасибо. И полезно, и приятно 💪🏻

[@alexeybychkov_]

пожалуйста))

[@nastasyalondinium1148]

Обожаю смотреть разборы дизайна! Так и на других ошибках учусь.

[@alexeybychkov_]

Очень рад!

[@yuliya_oskomova]

Фил хуг! Новая серия любимого сериала под кофеек) еще не смотрела, но уже знаю, что ждет впереди! У Алексея подача супер, пушка, огонь и что там еще говорят!!!)

[@alexeybychkov_]

Круто) рад, что нравится!

[@Ludmila_Zaryanskaya]

как же доходчиво и полезно Гигантизм новичка ставится под угрозу после 1-2 сверстанного сайта. Начинаешь легонечко переосмыслять размеры отступов/типографики/элементов и т д. Ведь частая проблема дизайнера "у меня в макете смотрелось иначе". Когда в новых проектах исправляешь ошибки, допущенные в старых - это лучший проф апгрейд. Это как в вождении - начинаешь чувствовать габариты машины. Но вместе с тем есть же базовые правила дизайна (ВВ, 4/8/10-кратная система и т д), которые нарушать даже немного опасно. Как нарушение ПДД. Я осознала, что гигантизм в моих макетах - это в первую очередь неуважение к пользователю, его времени и вниманию. Достаточно захотеть начать делать такие макеты, в которых нам самим как пользователям было бы удобно, просто, понятно ориентироваться и приятно находиться. Ну и конечно, когда у заказчика будет отдел маркетинга - он научит как кнопки рисовать и акцентировать внимание))

[@alexeybychkov_]

спасибо за развернутый коммент!

[@Anastasiya_Anisimova]

Обожать и любить такие разборы!! Море пользы и юмора как всегда!!

[@alexeybychkov_]

❤️

[@daryasergeevna8373]

супер разбор, всё чётенько и по делу! спасибо большое-уловила для себя ОЧЕНЬ много новых моментов!!!

[@alexeybychkov_]

очень рад, что полезно!

[@mmarnid]

Каждый раз радуюсь новому выпуску разбора работ😍 Спасибо, как всегда круто и полезно)

[@alexeybychkov_]

Круто) Очень рад!

[@neverbored-inthisworld]

Я не могу 😂😂😂 «и не надо так орать») Спасибо за разбор и - сейчас будет ор - ОГРОМНОЕ СПАСИБО ЗА обучающие ролики! Я еще только вливаюсь в обучение дизайну и такие лендинги мне еще и не снились, но я надеюсь, что и мне удастся освоить сферу качественного ui/ux 🤞🏻

[@alexeybychkov_]

пожалуйста! рад, что нравится!

[@marinatabakaeva4759]

Спасибо большое! Очень интересно смотреть твои разборы. 🧡

[@alexeybychkov_]

Спасибо за просмотр)

[@МоеВсе-к3е]

Очень нравится подача информации

[@alexeybychkov_]

🥳 супер

[@AnnetLogacheva]

Спасибо за продуктивно-позитивный вечер! Вперед, я троллейбус!

[@alexeybychkov_]

))

[@lis.garland_n5039]

Любимые ролики на ютубе! Спасибо!

[@alexeybychkov_]

❤️

[@SvetaNamikArt]

Обожаю ваши разборы ❤😊спасибо🎉

[@alexeybychkov_]

❤️ Очень рад!

[@artiom369]

Спасибо за интересные разборы

[@alexeybychkov_]

пожалуйста!

[@nillitton]

Спасибо!!! Этого так не хватает, когда начинаешь работать 😭 как еще можно поддержать тебя? Готова нажать все лайки и написать все комментарии

[@alexeybychkov_]

пожалуйста) можно на бусти подписаться) там много полезного лежит и ролики в раннем доступе boosty.to/alexeybychkov

[@ED-dt8ee]

интересно смотреть, когда видно, как человеку по кайфу делать то, чем он занимается. Алексей, большой респект и куча благодарностей за контент:)

[@alexeybychkov_]

Круто)

[@ЕленаМилешина-л8т]

Ждем твое ликование по поводу кнопки переключения градиента, завезли в фигму наконец)

[@alexeybychkov_]

Ага, уже запостил)

[@lizkaleto]

классно что у ребят уже есть настоящие заказы) еще чуток научиться в компоненты и не включать сто иконок слоях - будет круто)

[@alexeybychkov_]

Да супер

[@Reznik_421]

А как делать такую прозрачность ? Чтобы был виден скелет всего. Буду благодарен за ответ 😊 там где ты говорил что на второй год надо оставить человека

[@alexeybychkov_]

Шифт + O режим контуров

[@ПолинаМирошниченко-о5й]

Здравствуйте, Алексей. Вы, когда разбирали дизайн с геймпадами, на 28:00 рассказывали, что стрелки слайдера нужно под контент располагать а не наоборот. А если карточки слайдера, например, располагаются во всю ширину контентной части, то стрелки за сеткой и вне контента окажутся ведь? В таком случае, наверное, лучше выставить стрелки по ширине контентной зоны и между ними уже карточки слайдера?

[@alexeybychkov_]

привет. Так и пусть оказываются, на больших мониторах - помещаются. А на маленьких - это уже планшеты, а там достаточно только точки снизу показать или выступающую карточку с края экрана

[@ПолинаМирошниченко-о5й]

Спасибо за ответ. Без лести, вы лучший дизайнер-блогер на ютубе 😊@@alexeybychkov_

[@alexeybychkov_]

спасибо)

[@Mr-in8km]

как пустыню пылесосить ))) я тролейбус))

[@alexeybychkov_]

😅

[@pashakapitan2154]

Привет, отличный разбор, а если 98 разбор вышел 4 дня назад, а я оставил заявку на него вчера 😂, есть ли у меня шанс попасть в следующий разбор?

[@alexeybychkov_]

Привет. Следи когда 99 появится)

[@pirozhoque]

Леш, спасибо за разбор адвокатов, было полезно на себе посмотреть недостатки, учту! По поводу стрелок и пальцев честно говоря запутался. Да, я подразумевал по наведению, прикреплял верстальщику анимацию. Про компоненты понял, что не докрутил некоторые элементы Со стороны посмотрев на слайдеры тоже понял, что переборщил Не показал текст на форме обратной связи т.к. в самом первом блоке где оставляем телефон уже был показан набирающийся текст. Мне показалось что это элементы одного порядка и достаточно один раз подобную вещь показать Когда только начал делать проект (уже год прошел) не попал в сетку видимо потому что либо акцент делал на отступах между карточками то ли в начале сетку не ту поставил, а потом поменял и забыл что там наверху творилось. Честно не помню, но надо привести в соответствие

[@alexeybychkov_]

рад, что полезно! 🥳

[@Polina_Vasilevskaya]

Спасибо!!! 🤗

[@alexeybychkov_]

пожалуйста!

[@GalinaK-k3k]

Привет-привет! Ура любимая рубрика

[@alexeybychkov_]

привет)

[@lizkaleto]

ахаха)) три клика! три клика)))

[@alexeybychkov_]

)) ну!

[@sessl5436]

Лучшие разборы!

[@alexeybychkov_]

❤️

[@s.Huguenot]

24:05 Такой вариант стоит рассматривать или тоже по шапке получить можно ? А если вместо того, чтобы делать блок с ховером и потом поверх дефолтной карточки его ставить, сделать в компонентах варианты со значениями Condition = hover, default и focus?

[@alexeybychkov_]

в ролике про режим контуров конкретно этот случай подробно разобрал. Лежит на бусти уже. Со временем и в ютубе появится. Компонентить нужно то, что повторяется 2+ раза. А Ховер верстальщику достаточно показать 1 раз. Оборачивать вариантами - это лишняя работа, лишние элементы. Можно и без этого

[@Sung_Jin-VVoo]

Ты лучший 😂❤️🍀

[@alexeybychkov_]

спасибо!

[@nv.85kh]

За одну только пельмешку ❤

[@alexeybychkov_]

Спасибо за просмотр)

[@lizkaleto]

Все новички страдают гигантизмом. И вот что мне кажется, дело в том, что экран у новичков маленький и всегда приходится отдалять, чтобы увидеть общую картину, а когда отдалил - кажется что "чета кнопка маловата и текст сылки не видно")) Вот и получаются текст в кнопках по 48 пикселей и ссылки по 36))

[@alexeybychkov_]

как вариант) теория гигантизма

[@electron_kg]

И как быть?

[@lizkaleto]

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

[@Reznik_421]

А какой плагин 3 клика ? Так и называется?

[@alexeybychkov_]

Sbol Typograph называется

[@Осьминожек-ш6я]

Здравствуйте Алексей,какие навыки необходимы UI/UX дизайнеру в Photoshop,Illustrator and After Effect ?Так как во многих вакансиях видела необходимость данных программ.Спасибо за ответ.

[@alexeybychkov_]

Привет чем больше знаешь и умеешь - тем больше вероятность раньше устроиться на работу. Дизайнеру и фотошоп не помешает, и иллюстратор и даже АЕ (но его можно в последнюю очередь)

[@k0sssss_]

2 года тут не был, Алексею приветище! 🎉🎉🎉

[@alexeybychkov_]

С возвращением) а где пропадал?)

[@k0sssss_]

@@alexeybychkov_ работал)

[@Alevtina-sm4tf]

Здравствуйте, спасибо за видео! Подскажите, пожалуйста, как за 3 клика перенести предлоги?

[@alexeybychkov_]

Привет. Плагин запустить sbol Typograph

[@Janni-Kremm]

Стрелки выносить за контентную область? А как же тогда будет в разрешении, где эти стрелки не влезут? что тогда? 🙄🙄

[@alexeybychkov_]

это называется - планшеты. А там совсем другое поведение. Пальцем свайпать в стороны нужно, а не целиться в стрелки

[@Janni-Kremm]

@@alexeybychkov_ на планшетах да, а на том же 1280? Если стрелки находятся за пределами этих 1280, то как они будут отображаться на таком расширении?

[@Rickimarty]

Комбинацию каких клавиш нажать, чтобы проверить компоненты?

[@alexeybychkov_]

шифт + O режим контуров

[@Janni-Kremm]

И ты говоришь текстовки не шире 850 рх.. Я А я вот щас столкнулась с интернет-магазином, где в разделе статей не могу тупо узко сделать и дырку оставить, приходится на всю ширину задавать. 😥😥 Или с этим тоже есть какая-то хитрость?

[@alexeybychkov_]

ничего не понял( можно посмотреть примеры на разных реальных интернет-магазинах

[@Janni-Kremm]

@@alexeybychkov_ 😅🤣 я как всегда, перемудрила) прости🤗

[@linoleum3m]

Алексей, как в такой контурный режим переходить?

[@alexeybychkov_]

режим контуров шифт + О

[@DAKOTA-rh3pe]

Так в итоге какой это плагин😂 три клика 100 раз услышала и никакой конкретики!

[@alexeybychkov_]

да уже мильён раз просто было) Sbol typograph называется

[@kirianak]

ору с фонового звука

[@alexeybychkov_]

Так весна же

[@denispanarin]

08:12 а такие отзывы реально еще работают? Мне кажется уже все давно к ним относятся как к наЕ.... И ощущение, что посетителя сайта держат за дурочка.

[@alexeybychkov_]

Раз до сих пор делают, значит работают 🙃

[@gallowladh]

"...вон, тетенка до тебя любит орать..." Ору.

[@alexeybychkov_]

Спасибо за просмотр)

[@Sung_Jin-VVoo]

Ахпхахах😂 в конце бэкстейджи просто шикарны😂🔥

[@alexeybychkov_]

Спасибо за просмотр)

[@Андрей-з6ь1с]

Не делать абсолютный белый цвет на темном фоне -- взял-поднял

[@alexeybychkov_]

отличный план! 🥳

[@lizkaleto]

1. Компонентить одиночные тексты нельзя. 2. Тексты максимум 20 пкс 3. Карточки надо компоннетить 4. Два слайдера подряд делать нельзя 5. Внешние отступы делать одинаковыми 6. Контетнт ставить по сетке 7. Заголовки одного стиля и размера. и т.д. столько заметок можно накатать)))

[@alexeybychkov_]

огонь огненный))

[@lenaiv.6890]

Спасибо за ролик😊 как всегда очень познавательно) Поделитесь, пожалуйста, названием плагина, который переносит предлоги🙏

[@alexeybychkov_]

Спасибо за просмотр) sbol typograph

[@samael4705]

Если максимальная ширина текстового контейнера должна быть 850 пикселей, то как в это случае уместить текст по центру, чтоб он встал по сетке так, как это показано например здесь 38:10? Я чуть-чуть запуталась)

[@alexeybychkov_]

Не 850, а примерно 850. Ставишь по сетке и не паришься

[@oksshuman]

ставлю лайк ещё до просмотра !) спасибо!!

[@lidiya.pilguy]

Понравилась фраза про сайт адвокатов "сюда люди приходят уже 4 глаза и не в одном совести " 😂

[@alexeybychkov_]

Спасибо за просмотр)

[@vlad1mirf]

подскажите пожалуйста плагин для типографированного текста, заранее спасибо)

[@alexeybychkov_]

Sbol typograph

[@vlad1mirf]

@@alexeybychkov_ спасибо)

[@EVllSNake]

Алексей пожалуйста сделайте урок, как записывать видео своих макетов, анимаций в Figme, какую прогу лучше использовать? 🙏

[@alexeybychkov_]

Лучше та прога, в которую умеешь))

[@EVllSNake]

@@alexeybychkov_ Не умею, хочу научиться. Есть "захват экрана от QuickTime player" но что-то мне подсказывает что этот способ, вообще херня. Если вам не сложно Мастер, запишите пожалуйста микро видео или сторис)

[@Havrylenko_design]

Как всегда крутое видео и полезно и посмеяться можно )))))Спасибо большое)))

[@alexeybychkov_]

Спасибо за просмотр)

[@Дмитрий-д1ю7л]

Можно использовать figma в коммерческих целях в бесплатном аккаунте? Например, продавать открытки, созданные в фигме?

[@alexeybychkov_]

конечно можно!

[@PyypsiK]

супер выпуск) полезно

[@alexeybychkov_]

Ну класс

[@belkabelka8931]

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

[@alexeybychkov_]

Инфа 💯

[@natalie_web_designer]

Вот сколько бы я не пыталась смотреть другие разборы работ, вае так как-будто грубо делают разборы, а вот разборы Алексея совсем другое дело😊😊😊

[@alexeybychkov_]

😊 рад что нравятся мои разборы

[@ТатьянаФедорович-ы9ж]

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

[@alexeybychkov_]

пожалуйста!

[@Vazishman]

❤‍🔥❤‍🔥❤‍🔥

[@alexeybychkov_]

Спасибо за просмотр)

[@ГузельЗакирова-э6о]

Супер! Очень полезно! Спасибо большое! Теперь внимание вопрос, как и куда можно отправить свою работу?🤗

[@alexeybychkov_]

в группе вконтакте собираем vk.com/board211454623

[@natalie_web_designer]

Обожаб эти разборы, каждый раз радуюсь появлению нового! Спасибо ❤

[@alexeybychkov_]

❤️ очень рад!

[@smexkuplinova]

Можно ли выучить веб-дизайн через ютуб? если да можете дать мне совет? буду рад увидеть ответ от автора 😁

[@alexeybychkov_]

Просто смотреть ролики - много толку не будет. Важно кнопки нажимать, а не просто смотреть

[@pinkpanther2349]

Спасибо большое! Всё очень доходчиво и понятно. Удачи! 👍🔥😊

[@alexeybychkov_]

спасибо!

[@SolovyovaValentina]

Привет, Алексей🤗 Спасибо за разбор🔥🔥

[@alexeybychkov_]

Привет, пожалуйста!

[@nv.85kh]

Аааа, 🎉 ждем соточку!!! ❤100

[@alexeybychkov_]

Ждем))

[@evgeniyakarpenko2496]

Про троллейбус 👍👍

[@alexeybychkov_]

😄

[@vaykiki]

🔥🔥🔥

[@alexeybychkov_]

🥳

[@lizkaleto]

Конечно же было полезно, спасибо за разбор работ, ребята молодцы))

[@alexeybychkov_]

Спасибо за просмотр)

[@Sveta9]

Спасибо! заметки себе сделала полезные))

[@alexeybychkov_]

Спасибо за просмотр)

[@Алина-д9я8ф]

Очередной полезный разбор, спасибо тебе! 👏

[@alexeybychkov_]

Супер) рад, что полезно

[@born_in_april]

Обожаю твои разборы, несмотря ни на что, спасибо!

[@alexeybychkov_]

очень рад)

[@nataliiamelnychuk1269]

Как всегда много полезного 🫶💻👨‍🎨

[@alexeybychkov_]

супер