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

[@alexeybychkov_]

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

[@MrNikolaevv]

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

[@auror.]

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

[@alexeybychkov_]

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

[@Alexandraizotova727]

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

[@alexeybychkov_]

Ну класс 🎉🥳

[@ton_batony]

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

[@alexeybychkov_]

Весна скоро)

[@magwht]

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

[@alexeybychkov_]

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

[@yuliya.andrianova]

очень люблю рубрику разборов. в голове наводит порядок. спасибо!

[@alexeybychkov_]

огонь)

[@daryasergeeva4257]

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

[@alexeybychkov_]

Круто)

[@bibimoi_ru]

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

[@alexeybychkov_]

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

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

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

[@alexeybychkov_]

спасибо!

[@Lera_tvoiagent]

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

[@alexeybychkov_]

Супер

[@ElHydrous]

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

[@alexeybychkov_]

Спасибо)

[@DiA-e8d]

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

[@alexeybychkov_]

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

[@alexandrer054]

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

[@alexeybychkov_]

Супер!

[@varmivar]

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

[@alexeybychkov_]

супер

[@lymanina]

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

[@alexeybychkov_]

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

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

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

[@alexeybychkov_]

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

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

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

[@alexeybychkov_]

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

[@Irina_Cool]

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

[@alexeybychkov_]

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

[@Nelya_web]

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

[@alexeybychkov_]

Именно!

[@ladypterodactyl5044]

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

[@alexeybychkov_]

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

[@semenova_911]

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

[@alexeybychkov_]

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

[@youlien8867]

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

[@alexeybychkov_]

пожалуйста!

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

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

[@alexeybychkov_]

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

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

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

[@alexeybychkov_]

Ну класс

[@ShokerAlexandr]

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

[@alexeybychkov_]

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

[@lis.garland_n5039]

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

[@alexeybychkov_]

спасибо!

[@kukuruzzko]

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

[@alexeybychkov_]

Круто)

[@yuliya_oskomova]

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

[@alexeybychkov_]

🥳🎉

[@radeitny]

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

[@alexeybychkov_]

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

[@youtubeNat]

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

[@alexeybychkov_]

Ну класс

[@dovud7828]

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

[@alexeybychkov_]

пожалуйста!

[@sar1k.]

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

[@alexeybychkov_]

🥳

[@moontegra]

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

[@alexeybychkov_]

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

[@moontegra]

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

[@moontegra]

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

[@Lera_tvoiagent]

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

[@alexeybychkov_]

🎉

[@mariafomenko84]

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

[@alexeybychkov_]

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

[@alinawayland5972]

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

[@alexeybychkov_]

весна скоро!

[@ylazima]

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

[@alexeybychkov_]

Давай))

[@irfi8]

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

[@alexeybychkov_]

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

[@yusaamusic]

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

[@alexeybychkov_]

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

[@natalie_web_designer]

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

[@alexeybychkov_]

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

[@Lera_tvoiagent]

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

[@alexeybychkov_]

🎉

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

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

[@alexeybychkov_]

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

[@Polina_Vasilevskaya]

Спасибо!

[@alexeybychkov_]

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

[@ylazima]

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

[@alexeybychkov_]

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

[@yulia_zima]

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

[@moon.lit7]

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

[@alexeybychkov_]

да!

[@Elizaveta_nitsenko]

Круто❤

[@alexeybychkov_]

супер

[@koolu4]

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

[@alexeybychkov_]

😂

[@Rakoparty]

Спасибо ❤

[@alexeybychkov_]

🎉

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

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

[@alexeybychkov_]

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

[@javiermartino8533]

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

[@alexeybychkov_]

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

[@illiaivanskiy]

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

[@alexeybychkov_]

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

[@annvolf3204]

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

[@alexeybychkov_]

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

[@annvolf3204]

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

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

Топ💙💙💙💙

[@alexeybychkov_]

🥳

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

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

[@alexeybychkov_]

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

[@argazor]

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

[@alexeybychkov_]

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

[@born_in_april]

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

[@alexeybychkov_]

ну класс!

[@4erryjane]

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

[@alexeybychkov_]

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

[@alena.sams7]

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

[@alexeybychkov_]

огонь)

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

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

[@alexeybychkov_]

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

[@Max-zk3pn]

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

[@alexeybychkov_]

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

[@Max-zk3pn]

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

[@Max-zk3pn]

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

[@matthewmacarenkoff3807]

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

[@alexeybychkov_]

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

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

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

[@alexeybychkov_]

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

[@manru2553]

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

[@alexeybychkov_]

😀

[@Nastush985]

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

[@alexeybychkov_]

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

[@alexeybychkov_]

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

[@kodyar7081]

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

[@elcrossia]

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

[@alexeybychkov_]

Ага(

[@Moon_Beol]

Огрызки 1440 😂😂

[@alexeybychkov_]

Ну)

[@alexandrava8692]

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

[@alexeybychkov_]

Супер 🥳