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

#alexeybychkov #figma #webdesign
Смотрим работы подписчиков
Карта канала - start.video
Файл со скриншотами для насмотренности: boosty.to/alexeybychkov/posts...
KZbin - / @alexeybychkov_
ТикТок - / alexeybychkov_
Rutube - rutube.ru/channel/24298564/
Дзен - zen.yandex.ru/alexeybychkov
Инстаграм - / alexeybychkov_
Телеграм - t.me/a1exeybychkov
Вконтакте - alexeybychkov
Обучение - alexeybychkov.study/
Мои цитаты - zapi.si/
Мои 404 - www.404.gallery/
Хелп по Фигме - figma.help/
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
0:00 - первая работа
0:18 - пирожные Моти
2:01 - третья работа
2:11 - розовый shop
8:34 - сайт про лонгборды
17:59 - интернет-магизн еды
19:42 - про сноуборды
26:27 - стоматология
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 38 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov.com/about/
17 лет опыта - alexeybychkov.com/experience/
Пишу - alexeybychkov.com/blog/
Дизайню - alexeybychkov.com/cases/
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

[@alexeybychkov_]

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

[@birdesign11]

Алексей, у вас на фоне птички поют или вы озвучку птичек добавляете?

[@bibimoi_ru]

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

[@alexeybychkov_]

это пожалуйста!

[@altynays14]

раньше любила когда садилась кушать смотреть сериальчики а теперь чисто смотрю разборы от Алексея , благодарю ВЫ ЛУЧШИЙ!!!!

[@alexeybychkov_]

спасибо!

[@Alexandraizotova727]

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

[@alexeybychkov_]

Хорошая традиция!

[@petervarserk6075]

Боже, реакции и эмоции автора просто бесценны ) И это не запись, а реальная реакция автора на такие "фичи" как прямоугольник шейпом )) Важный вопрос- это реальные кейсы подписчиков? Это концепты, выпускные работы на курсах, или эти сайты заапрувили реальные заказчики ?

[@alexeybychkov_]

рад, что нравится! иногда и реальные проекты присылают. Но чаще это проба пера

[@semenova_911]

Блин это круто что вы делаете такие разборы, сразу можно услышать мнения человека со стороны который шарит, посмотреть на чужие ошибки и постараться их не делать 🙏🏻

[@alexeybychkov_]

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

[@ankova2851]

Вчера наткнулась на ваш канал и подписалась после первого же видео про компоненты. Очень хотела понять, что это за зверь, потому что все его хвалят, но никто не рассказывает, что это)) а вы рассказали, да так понятно, так интересно, с такой любовью к делу. Сразу подписалась на вас. Посмотрела второй разбор работ и это очень повышает насмотренность и вдохновляет сделать что-то свое. Даже захотелось однажды прислать вам свою работу на разбор) И отдельный лайк за ваш юмор, я прям хохочу с некоторых подколов 😅

[@alexeybychkov_]

Круто) спасибо за подписку!

[@natalie_web_designer]

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

[@alexeybychkov_]

Еееее 🥳

[@Marevo13]

Очень нравится короткий формат разборов, прям сразу хочется следующую серию включать)) спасибо за видео и за иконки!

[@alexeybychkov_]

Ну класс

[@gritsanartcompany8294]

картинной прямоугольник это было сильно)

[@alexeybychkov_]

))

[@valery_webdesigner]

Про Shift+S тема 💣 Спасибо за полезный контент!

[@alexeybychkov_]

огонь!

[@prod.daisyvailet]

Спасибо за фидбек✨, смотрю ролик спустя кучу времени как делал тот дизайн стоматологии для портфолио, 1280 в ширину сейчас понимаю как смешно, тогда монитор был с разрешением маленьким, казалось логичным работать за таким, понимания не было всего процесса, да и компонентами толком не понимал как пользоваться, а сейчас без них вообще никуда

[@alexeybychkov_]

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

[@auror.]

Спасибо за разбор. Хорошо, что понятно объяснил как нужно делать правильно - в следующий раз все сделает по-красоте не только автор работы, а и другие дизайнеры. Отдельная благодарность за то, что поделился классным паком иконок.👏👍

[@alexeybychkov_]

супер, отличный план)

[@yuliya_oskomova]

филХуг! 96я серия любимого сериала))

[@alexeybychkov_]

Фил Хуг!

[@user-nd8ku4rm5x]

Лёша, спасибо за видео 🔥как всегда уйма пользы на примерах работ))

[@alexeybychkov_]

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

[@Nelya_web]

Алексей, спасибо вам большое. Очень полезно. Ничто так не отвлекает от реальности, как разбор дизайна

[@alexeybychkov_]

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

[@Martaoo100]

Если смотреть со скоростью 0.5, то кажется как будто пьяный =)))) Ставлю лайк, а потом смотрю видос)

[@alexeybychkov_]

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

[@vika_antonenko]

Формат - просто АГОНЬ🔥🔥🔥 Продолжай, залипла, не смогла оторваться. Только не делай длинные видео. Прошлый разбор заленилась смотреть, потому что открыла и глянула что на полтора часа. Сразу закрыла, но подозреваю, что там тоже интересно. Разбивай на несколько выпусков. А так Супер!👍

[@alexeybychkov_]

вроде уже сто лет не было полуторачасовых разборов)

[@vika_antonenko]

Значит Ютуб мне кинул столетний :))

[@vika_antonenko]

А не, не столетний. Вчерашняя запись стрима с Фигмы.

[@Dilmukhametov86]

Благодарю Алексей) Шикарный разбор!!!

[@alexeybychkov_]

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

[@alinalazchenko8310]

Класс, спасибо ❤‍🔥

[@alexeybychkov_]

Тут как тут)) Пожалуйста!

[@muzuki_shi]

Алексей во втором дизайне магазина, совет про кнопку конечно хороший, но девушка сделал правильно, там же буквально подписано "Шейп" это два фоновых овала вокруг кнопки, это НЕ прямоугольник самой кнопки, т.е. кнопка сделана правильно, просто она упакована была в компонент вместе с шейпом. Иногда у вас такое замечаю, вы хейтите человека, хотя сами просто не поняли, как устроен элемент.

[@alexeybychkov_]

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

[@Stepashka89]

Спасибо. Очень полезно и интересно:)

[@alexeybychkov_]

Ну класс

[@kroge4243]

Кассно слушать, особенно когда автор делает коментарии про верстку, сам версаю, иногда вижу такие макеты что даже рука не поднимается такое делать)

[@alexeybychkov_]

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

[@irfi8]

Спасибо! как всегда познавательный разбор!

[@alexeybychkov_]

пожалуйста!

[@youtubeNat]

Как всегда весело и познавательно ❤

[@alexeybychkov_]

супер

[@user-qk5oh2ik4g]

Спасибо за видео! С наступающим 🎉

[@alexeybychkov_]

с Новым годом!

[@user-xs8ty9dg5s]

Отличный разбор, всегда очень полезно и интересно!!🤗

[@alexeybychkov_]

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

[@maxlagodyuk]

Леха спасибо за инфу. Очень полезно продолжай в том же духе. Не останавливайся.

[@alexeybychkov_]

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

[@user-nm6yg3wc2s]

Классный разбор! И снова очень много полезной информации) Спасибо тебе!🙂

[@alexeybychkov_]

Супер)

[@nata_nativ]

Класс-класс-класс. Наливаю кофеек и устраиваюсь по-удобнее :)

[@alexeybychkov_]

супер

[@AnnetLogacheva]

День прошел не зря, узнала что-то новое🤗 За иконочки отдельное спасибо)

[@alexeybychkov_]

ну класс)

[@alinalos9842]

Классный разбор , очень круто в очередной раз рассказали про отступы!!

[@alexeybychkov_]

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

[@joyesy6959]

боже папочка🥺

[@alexeybychkov_]

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

[@artiom369]

Понаделают скоро сайтов пустых с помощью ИИ)) и будут верстальщики верстать картинки с текстом)) 🤭🤭

[@alexeybychkov_]

😅

[@vaykiki]

Спасибо за разбор

[@alexeybychkov_]

пожалуйста!

[@user-mr8ze7dg2q]

Супер 👍

[@alexeybychkov_]

ну класс)

[@alexandrava8692]

спасибо!

[@alexeybychkov_]

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

[@ValerianDek]

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

[@alexeybychkov_]

А как иначе-то

[@radeitny]

Полезно 🎉 под кофе самый раз

[@alexeybychkov_]

супер

[@born_in_april]

В компании с разборами от Лёши время летит незаметно. Очень классный макет Longboard camp, жаль у меня так пока не получается.

[@alexeybychkov_]

супер)

[@user-xr8hi3of3p]

Алексей, здравствуйте! Подскажите, пожалуйста, текст прям совсем не разрежать?) межбуквенное расстояние оставлять автоматическое - 0%? А если для более красивой типографики (например, чтобы 1 слово в строке не оставалось висеть), можно накинуть 1-2%?

[@alexeybychkov_]

Чтобы слово не висело надо неразрывный пробел использовать или ширину фрейма менять. А разрядку можно добавлять в логотипах или в коротких надписях заглавными буквами

[@blackjack71701]

Алексей подскажите, как вы сделали наложение своего видео на цветную подложку?

[@alexeybychkov_]

через программу OBS. Можно вывести и экран и сигнал с камеры

[@ballefur]

Мою работу не посмотрели, она тоже была в 96 фидбеке (

[@alexeybychkov_]

не всегда получается смотреть работы всех желающих(

[@ylazima]

Я правильно понимаю, что если у нас 2 идущих друг за другом блока с фоном одного цвета, внешний отступ от конца наполнения (например, текста или изображения) верхнего до начала контентной части нижнего блока, а если эти блоки контрастные (белый и черный, как на видео в примере), то у нас эти внешние отступы как бы удваиваются - делаем один отступ от контентной части светлого блока до его границы, а второй - от границы темного блока до начала его контента?

[@alexeybychkov_]

Да все так! На однородном фоне отступы не нужно удваивать

[@unhappyPlayer]

А в чем проблема отступов не кратных 4? Если у меня отступы кратны например 5 или 3 или чему угодно, главное ведь чтоб они везде повторялись. И еще вопрос по поводу хейта фреймов не 1920, люди с ноутбуков на сайты не заходят что ли? У ноутов процентная посещаемость даже больше относительно 1920. Пишу без каких-либо предъяв, просто интересно разобраться

[@alexeybychkov_]

Ну так не только же с ноутбуков люди в интернет заходят, чтобы делать только 1440. Если делаешь макет 1920, то и на компах и на ноутбуках будет всех хорошо. А если делаешь макет 1440, то хорошо будет только на ноутбуках

[@by_aquarel]

Ребята подскажите пожалуйста, хочу купить мак бук 14 м3 , нормально ли для фигмы работать с 14 дюймовым экраном ?)

[@alexeybychkov_]

14 конечно мало, но лечится запросто подключаемым моником дюймов на 27+

[@by_aquarel]

@@alexeybychkov_ спасибо. Вот и я тоже думала маленький , но хочется что-то полегче, чтобы таскать с собой)

[@alexeybychkov_]

нууу монитор с собой не потаскаешь) у меня был 16 макбук - как раз чтобы таскать. Намучался, тяжеленный. Поменял на 14 и просто подключаю моник, а если в поездку брать на пару дней - так он не такой тяжелый и в принципе пару дней на 14 дюймах нормуль)

[@by_aquarel]

@@alexeybychkov_ хорошо, большое спасибо, раз так, то это как раз то что нужно 😁

[@kulikov_off]

Хэй, чел, ты пишешь в названии ux/ui, но сам делаешь обзор веб-дизайна. Пожалуйста, не путай понятия. UX/UI - это проектирование сложных систем, взаимодействий цифровых продуктов (интерфейсов). А веб-дизайн это всего лишь упаковка продукта/услуги/идеи.

[@alexeybychkov_]

Хэй, чел, очевидно же что это для поиска, чтобы ролик находили. И комменты оставляли 😉

[@katelvova5791]

Леша, твои ролики смотреть опасно! Нужно референсы подобрать сайтов пром. оборудования, но то и дело попадаются сайты, на которых дизайнеры твои ролики не смотрели... Шрифт как для "наскальных живописей", текст в карточках подпирает карточку, картинка на фоте - заголовков не видно... В итоге найти годноту трудно....

[@alexeybychkov_]

Значит прокачиваешься раз косяки замечаешь 🎉

[@syndromtorrenta]

токсичненько

[@alexeybychkov_]

пойду форточку открою