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

[@alexeybychkov_]

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

[@MrNikolaevv]

Здравствуйте, "Сен-Сей по фигме", а куда можно скинуть работу для разбора?

[@auror.]

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

[@alexeybychkov_]

Дизайнеры, которые уже прокачались свои работы никому на критику не отправляют. Так что смотрим что есть)

[@Alexandraizotova727]

Благодаря таким видео, мои знания и насмотренность растут и прокачиваются🔝 Спасибо за эту шикарную рубрику, очень интересно смотреть, прям вместо сериала заходит на ура. Даже парень иногда подглядывает, что я смотрю, уж очень интересно😁

[@alexeybychkov_]

Ну класс 🎉🥳

[@ton_batony]

Так успокаивает пение птичек на фоне, пока разносится работа на экране ✨✨

[@alexeybychkov_]

Весна скоро)

[@magwht]

Леша, обожаю твои разборы, просто мёд для ушей и глаз. Последние дни каждый день смотрю, насыщаюсь и жду поток в январе ❤️‍🔥

[@alexeybychkov_]

круто) декабрь быстро пролетит!

[@bibimoi_ru]

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

[@alexeybychkov_]

Ну класс) пожалуйста!

[@daryasergeeva4257]

Спасибо большое, столько полезного для себя вытаскиваю из разборов ❤

[@alexeybychkov_]

Круто)

[@semenova_911]

Нравится что все всегда по факту, никакого засера просто так

[@alexeybychkov_]

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

[@lymanina]

"..тут тебе из министерства порванных строк телеграмму прислали" ))) Алексей, радуете юмором)) и весело и полезно! спасибо!

[@alexeybychkov_]

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

[@Lera_tvoiagent]

Люблю эту рубрику, можно учиться не только на своих ошибках😊👍🏻

[@alexeybychkov_]

Супер

[@КаринаДемьяненко-ш8з]

вместо фильм перед сном 🫰🏼 ролик посмотрела, лайк поставила и могу спать спокойно)

[@alexeybychkov_]

Огонь, спасибо!

[@Татьяна-ю1р2м]

Самый лучший способ не забывать основы основ. Спасибо за полезные разборы. Процветания каналу🧡

[@alexeybychkov_]

спасибо!

[@ElHydrous]

Благодарю за разборы и полезные уроки, хороших и крупнооплачиваемых заказов вам, на связи👌🫡👍

[@alexeybychkov_]

Спасибо)

[@Nelya_web]

Вывод разбора: не просто цените компоненты, но и пользуйтесь с умом. Спасибо

[@alexeybychkov_]

Именно!

[@ЕкатеринаСазонова-ж2ь]

Жду как праздника твоих роликов) да, многие ошибки повторяются, но все равно интересно и полезно слушать твои комментарии и советы.

[@alexeybychkov_]

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

[@varmivar]

Полезно было. Поддерживаю 👌

[@alexeybychkov_]

супер

[@alexandrer054]

Ура, новый разбор) чаёк приготовил, буду смотреть щас)

[@alexeybychkov_]

Супер!

[@DiA-e8d]

Спасибо за ваш контент!❤ Не разбираюсь в дизайне, но залипла на ваши видео, затягивает)

[@alexeybychkov_]

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

[@kukuruzzko]

Моя бабуля оценила твое чувство юмора.

[@alexeybychkov_]

Круто)

[@ShokerAlexandr]

Алексей - звезда 🌟

[@alexeybychkov_]

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

[@Irina_Cool]

Спасибо, Алексей, обожаю твои разборы)) Лучший контент про дизайн, ты просто супер!

[@alexeybychkov_]

спасибо, приятно

[@ladypterodactyl5044]

Как всегда, мега полезно! Спасибо за вашу работу!

[@alexeybychkov_]

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

[@alinawayland5972]

Птички на фоне, будто лето)

[@alexeybychkov_]

весна скоро!

[@youlien8867]

Спасибо за шикарные разборы и классное чувство юмора❤

[@alexeybychkov_]

пожалуйста!

[@АлШип-ш4ц]

Спасибо за разбор! Полезно для насмотренности и внимательности)

[@alexeybychkov_]

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

[@yuliya_oskomova]

О! 95я серия любимого сериала))

[@alexeybychkov_]

🥳🎉

[@ГуголЯндексов]

Ждём разборов твоих собственных работ, как в старые добрые)

[@alexeybychkov_]

заказчики бухтят, когда их макеты в общем доступе рассматривают

[@Lera_tvoiagent]

Птички так успокаивают на фоне😁

[@alexeybychkov_]

🎉

[@АннаЧурсина-л5н]

Суперско! Спасибо за такую рубрику. Нужный контент.

[@alexeybychkov_]

Ну класс

[@radeitny]

Спасибо за разбор! Хотелось бы увидеть еще разбор «сильных» работ, у тебя когда-то была похожая рубрика, будешь ли ее возвращать?

[@alexeybychkov_]

да наверное, как курс по фигме доделаю

[@koolu4]

Когда Леша научил, что должны быть компоненты Но зачем поняли не все 😂😂😂

[@alexeybychkov_]

😂

[@Златик-ц5у]

Для отслеживания было ли мной просмотрено видео ставила лайк, а для того чтобы писать комменты, которые уж оооочень тяжело мне даются из-за неумения выражать в слова свои мысли, я решила завести счетчик: "1 из 393" замечательных и полезных видео, просмотренных мною🧮.

[@alexeybychkov_]

О, круто, спасибо)

[@lis.garland_n5039]

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

[@alexeybychkov_]

спасибо!

[@moontegra]

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

[@alexeybychkov_]

У кого зрение слабое, просто масштаб делает крупнее. Из-за одного страдать все не должны. Тексты и так крупнее давно стали. Раньше было 14 пх нормой, уже давно 17-20

[@moontegra]

@@alexeybychkov_ Так это не один, довольно много таких просьб поступает. Но даже не в этом дело, ведь приходит фидбек не дизайнеру, а заказчику, а его уже не волну5т естетика, ux, типографика. "Сделайте крупнее пожалуйста." А по поводу масштаба - это от целевой аудитории зависит, начиная где то от 40+ подобными вопросами не задаются. Просто уйдут с сайта, да и все. Вообщем весьма ситуативное утверждение, на мой взгляд. Я в двух-трех проектах даже на мобильных адаптивах сталкивался с подобным, где хотят основной блочный шрифт 20 кеглем) при этом текстовые блоки довольно увесистые. И когда говоришь, что у вас текстовый блок из за размера шрифта увеличится до размеров произведения "Война и мир", и пользователю придется скролить 22 экрана, что бы прочесть только заголовок - не волнует, ибо "А так они вообще ничего прояесть не могут, и просто закрывают. Нам продавать надо." Донести, что подобное решение никак не оптимизирует работу с продуктом, что часть текста нужно визуализировать, сократить, перенести якорные точки на более важные акценты, и прочее - не работает. Такие заказчики, и такая аудитория. С этим ничего не поделаешь, либо соглашаться, либо не работать. Вот недавно у меня случай был с платежной системой - перед пополнением баланса стоит уведомление, что можно пополнить только определенным токеном. Все остальные валюты - мимо кассы. Текстом написано, с большим заголовком "Внимание!", с чекбоксом - "Я прочитал, и принимаю данные условия". И после введения суммы еще окно с подтверждением транзакции, где написано "Вы уверены, что хотите перевести токен Б на баланс А, который можно пополнить ТОЛЬКО токеном А?. А в самом начале они выбирают баланс, который будут пополнять. И все кнопки действий для этих балансов отдельные. За 1-й день 3% пользователей подало запрос в тех поддержку с просьбой вернуть токены, которые они ошибочно перевели. Не те, которые надо. Есть определенный процент, которому хоть лом на голове теши, ничего не поможет. То же самое и с размером текста - никакая логика не сработает. Ну и бывают случаи, где увеличение шрифта оправданно. Все ситуативно.

[@moontegra]

@@alexeybychkov_ забыл упомянуть - ВОЗ оценивает количество людей с плохим зрением примерно в 30%, то есть каждый третий. А это уже далеко не "из за одного". В любом случае, это пожалуй все ситуативно. А за видосики - спасибо, многое почерпнул, хоть далеко и не всем пользуюсь, а с какими то моментами даже поспорил) Но в споре рождается истина. Успехов и плодотворной работы)

[@dovud7828]

Алексей, спасибо Вам!!

[@alexeybychkov_]

пожалуйста!

[@ylazima]

Спасибо, как всегда полезно. Побежала удалять компоненты с текстовых блоков))

[@alexeybychkov_]

Давай))

[@ylazima]

Алексей, а правильно делать 2 макета для десктопов - на 1920 и на 1440 или как? Я видела, что дизайнеры делают макет на 1920 с контентной областью 1200, при этом все, что выходит за пределы контентной области, это по сути растягивание границ блока до размера 1920. Расскажи, пожалуйста, как нужно или, если ты про это уже говорил, подскажи, где искать?

[@alexeybychkov_]

если контентная область около 1200 пх под экраны 1280, то второй макет под экраны на 1440 не нужен. А если контентная область была шире стандартной, то конечно надо еще и 1280 показать. Т.е. 1280 надо делать в любом случае, иначе адаптивить будет верстальщик без макета, а как он там что сожмет на свое усмотрение большой вопрос. Ведь его не интересует читабельность, отступы и тд. Ему главное скорость загрузки и поддержка разных браузеров

[@yulia_zima]

@@alexeybychkov_ Спасибо. Контентную область я делаю 1200, а сам макет 1920. Я конечно пока что только прототипы делаю с текстами, дизайн только учусь. Прототипы научилась делать именно на твоих видео. Так то я копирайтер и учусь дизайну по твоим роликам.

[@irfi8]

Спасибо, за разбор! Про компоненты чуть яснее стало

[@alexeybychkov_]

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

[@youtubeNat]

Спасибо, как всегда полезно!

[@alexeybychkov_]

Ну класс

[@mariafomenko84]

очень полезно, спасибо большое! очень ждем стрим

[@alexeybychkov_]

Спасибо за просмотр) В среду вечером наверное стрим будет

[@illiaivanskiy]

Привет! Крутой разбор, классные видео!) У меня вопрос, как заменить иконку в карточке которая является копией мастера?)

[@alexeybychkov_]

привет. Компонент иконки менять в компоненте карточки надо через правую панель компонентов

[@Polina_Vasilevskaya]

Спасибо!

[@alexeybychkov_]

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

[@natalie_web_designer]

Уже наверно более 2х лет смотрю этот ютуб канал. Алексей вы очень крутой! Безумно люблю вашу подачу и ролики, даже не могу смотреть другие ролики на тему работ других дизайнеров. Потому что все скучно, медленоо и много мусора. Но стала за собой замечать, что видимо уровень моих работ и профессионализм вырос и уже не так интересно смотреть в разборах одни и те же ошибки :(

[@alexeybychkov_]

Радоваться надо, что прогресс случился 😉 ну а мы смотрим то, что другие присылают

[@moon.lit7]

Ребята всеравно молодцы

[@alexeybychkov_]

да!

[@javiermartino8533]

Здравствуйте, хотелось бы спросить у вас, что необходимо сделать, чтобы в Превью не искажались картинки наложенные на фрейм, в программе картинка меню виглядит хорошо, а в превью сдвигается и сжимается и видно картинку в пол экрана всего. В чём может быть баг? На новый фрейм накидываешь фото и всё хорошщо в превью, а вот с которыми давно работал, сбоят и сдвигаются.

[@alexeybychkov_]

привет. Честно говоря не понял вопрос(

[@alena.sams7]

Кто то ждёт серию сериала "Слово пацана", а я жду фидбэк от Алексея 😂

[@alexeybychkov_]

огонь)

[@Lera_tvoiagent]

Как всегда🔥🔥🔥

[@alexeybychkov_]

🎉

[@annvolf3204]

Отличные разборы, благодарю ❤ возник вопрос по мобильному адаптиву: если композиция сайта на мобилке центровая, не будет ли конфликта стилей, если объемный кусок текста будет по левой выключке? (Ваш совет в последнем разборе)

[@alexeybychkov_]

тут уже важнее не то, что появится новый стиль (верстальщик переживет), а то насколько удобно читать большие объемы текста

[@annvolf3204]

@@alexeybychkov_ благодарю за ответ

[@sar1k.]

просто супер 😁

[@alexeybychkov_]

🥳

[@матьмарго]

здравствуйте, можно ли сделать редизайн существующего сайта для портфолио?

[@alexeybychkov_]

Привет. Конечно

[@yusaamusic]

Спасибо за видео 👍🏻

[@alexeybychkov_]

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

[@Rakoparty]

Спасибо ❤

[@alexeybychkov_]

🎉

[@ТатьянаКоновалова-ч5ш]

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

[@alexeybychkov_]

Хороший план!

[@argazor]

Спасибо за видео

[@alexeybychkov_]

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

[@4erryjane]

Кст, про длину строк, меня в этом плане всегда убивала Википедия, я там часто терялся в строках и как последний кретин читал 2 раза одну и ту же информацию 😂

[@alexeybychkov_]

хороший пример)

[@Elizaveta_nitsenko]

Круто❤

[@alexeybychkov_]

супер

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

Топ💙💙💙💙

[@alexeybychkov_]

🥳

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

Про радио кнопки узнал впервые

[@alexeybychkov_]

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

[@manru2553]

Алексей с каждым разбором все грустнее и грустнее(

[@alexeybychkov_]

😀

[@matthewmacarenkoff3807]

21:30 это вк (в контакте), а так троллинг знатный получился :)

[@alexeybychkov_]

не хотел признаваться что понял)

[@Max-zk3pn]

Почему 1440 это огрызки? я например давно перешел на макеты с 1920 на 1440, большинство клиентов смотрят макеты на ноуте, а там, как правило, рабочая область от 1440 ну и до 1600, и что бы после верстки меньше было вопросов, по типу "какого х вы показывали было так все мелко а потом вдруг стало все крупно" советую делать на 1440 ну или 1600

[@alexeybychkov_]

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

[@Max-zk3pn]

Как раз тут меня волнует результат, я понимаю что за 23 дюймовыми 2к или 4к сидят куда меньше людей чем за ноутами @@alexeybychkov_

[@Max-zk3pn]

А срм-ерп системы вы тоже делаете на 1920?

[@born_in_april]

Любимый формат видео, ещё и утром понедельника. Прямо праздник!

[@alexeybychkov_]

ну класс!

[@Nastush985]

Почему нельзя 1440

[@alexeybychkov_]

Потому что есть мониторы шире, чем 1440. Full HD стандарт 1920

[@alexeybychkov_]

Сразу видно кто разбор смотрит впервые 😉 постоянно про это говорю из ролика в ролик

[@kodyar7081]

​@@alexeybychkov_ А какая контентная область для 1920?

[@Moon_Beol]

Огрызки 1440 😂😂

[@alexeybychkov_]

Ну)

[@elcrossia]

Блин столько одинаковых ошибок (

[@alexeybychkov_]

Ага(

[@alexandrava8692]

cпасибо! полезно, как всегда

[@alexeybychkov_]

Супер 🥳