100% зум (почему дизайн нужно смотреть только в 100% масштабе) и новое выравнивание в Figma

[@alexeybychkov_]

Еще одно видео из серии «как подготовить макет, чтобы верстальщик не убился»! Спасибо за комменты! Фил Хуг :)

[@makszakrzhevskyi6471]

Филл Хуг🔥 Да уж, мне как начинающему дизайнеру и в голову не приходило, что могут быть такие нюансы по маштабу😅 так что огромное спасибо за ролик и советы по устранению недорозумений и неприятных ситуаций с заказчиками и с верстальщиками)))

[@alexeybychkov_]

Фил Хуг!

[@ihor_riabukha]

Тут без 100 грамм не разобраться) буду пересматривать ещё раз😂

[@alexeybychkov_]

🤣 лучший коммент

[@АнастасияФет-в4щ]

Чтобы убрать у заказчика возможность увидеть страничку не так достаточно скинуть превью в виде области монитора, внутри которого расположен контент одного экрана (как это обычно на превью в портфолио размещают) и подписать размер. Тога заказчик видит сколько информации помещается в рамках одного экрана, программист видит то де самое. Процедурка занимает ровно 10 секунд, а убирает кучу возможного недопонимания

[@alexeybychkov_]

отличный план)

[@indigosay]

Вариант, запишу к себе как решение "делать превью проекта в мокапе монитора"

[@avakarchuk]

Там же в фигме еще есть прототипирование и там тоже можно указать устройство и размеры 😊

[@3412alien]

В таком случае заказчик не поймет размеры и будет просить переделать уже на верстке.

[@onmyway6727]

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

[@TheAlenaVolkova]

Спасибо большое за ролик и полезную инфу в нем. Не знала о новой функции. Еще прикольный совет по поводу макета и заказчика (чтоб не подглядывал)

[@alexeybychkov_]

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

[@ilmira8019]

1:14 Здорово, с каждым обновлением фигма радует все больше🔥

[@alexeybychkov_]

да, крутая фича!

[@an_tich]

Я обалдела еще на стадии лайфака с шифтом, а потом такое началось.... Даже не задумывалась на сколько важна тема масштаба Спасибо!

[@alexeybychkov_]

Пожалуйста)

[@Евгений-г8ю]

Никогда не мог подумать, что будут такие заморочки с зумом! Спасибо за ролики, как всегда полезные!😊

[@alexeybychkov_]

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

[@ilmira8019]

19:05 Любимая часть всех роликов😅

[@alexeybychkov_]

😀

[@MariaPakhnits]

Чтоооооо😳 shift и палень выравнивания?? Вот это открытие, и это только вторая минута видео,а дальше больше😃спасибо 🤩

[@alexeybychkov_]

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

[@ilmira8019]

Леша, как же приятно тебя слушать❤️ Спасибо за то, что ты делаешь! Фил хуг🤗

[@alexeybychkov_]

😊 Фил Хуг

[@elenakotova1672]

Спасибо за ролик!)) Не знала, что столько подводных камней по масштабу есть. Очень понравилось выравнивание нескольких объектов без группировки))

[@alexeybychkov_]

пожалуйста)

[@viktorianovikova-777]

Спасибо, что поделился своим опытом. С масштабом какая-то магия и ловкость рук получается😂

[@alexeybychkov_]

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

[@ДарьяВасилевич]

Уф, сложная для меня тема, но очень важная в работе. Спасибо за доступное и лёгкое объяснение😃👍

[@alexeybychkov_]

пожалуйста!

[@nastasiastl2831]

Какая-то чёрная магия происходит в начале видео 💥

[@alexeybychkov_]

))

[@anastasyayakushenko4377]

Классные обновления с выравниванием! Прям очень не хватало, а то эти вечные группы в группе в группе в группе, спасибо за новости!

[@alexeybychkov_]

ну класс)

[@andrei4079]

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

[@alexeybychkov_]

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

[@yurylavar1674]

Фил Хуг!) Пока ещё не сталкивался с такой ситуацией, но как говориться "Предупреждён, значит вооружён!". Спасибо за полезную информацию))

[@alexeybychkov_]

Фил Хуг)

[@ИринаМак-е4т]

Спасибочки большое! Несколько раз пересмотрю 🤩

[@alexeybychkov_]

пожалуйста!

[@rossary6972]

Новое выравнивание - это глоток свежего воздуха. Я сейчас редко захожу в Фигму, поэтому каждый раз чуть ли не заново в ней работать учусь. Так вот я почему-то всегда ожидаю, что все объекты у меня будут по центру фрейма выравниваться, а не относительно друг друга... Короче, одно место в итоге полыхает знатно)) Отлично, что они наконец об этом позаботились и избавили нас от лишних движений пальцев 😅

[@alexeybychkov_]

да очень удобно сделали

[@artiom369]

Спасибо за предостережение))) инфа полезная!)

[@alexeybychkov_]

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

[@stanislavshnaider7374]

Хорошо что я посмотрел это))) запросто можно угодить в такую ситуацию. Спасибо!😁

[@alexeybychkov_]

да) у меня несколько раз такое было

[@artem_pearce]

И новая фича, и новая инфа, и при том горячая и ценная информация про размеры ;) Теперь я знаю и буду проговаривать этот момент с заказчиками) И... #какхорошочтоядизайнер Фил Хуг🔥

[@alexeybychkov_]

Фил Хуг 🥳

[@pridari]

Как хорошо пересматривать твои ролики - совсем забыла про выравнивание с shift 😃😃 Спасибо за контент! Фил Хуг!🥳

[@alexeybychkov_]

Фил Хуг!

[@vikkigrin]

Спасибо за полезную инфу! Тут же пошла проверять свои настройки в фигме, хвала Богам, все на месте)) ❤

[@alexeybychkov_]

пожалуйста!

[@agibalova24]

Спасибо за видео! Раньше о таком не задумывалась даже 🙈

[@alexeybychkov_]

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

[@АнастасияМ-э5д]

Спасибо, Алексей, за очень подробный рассказ про масштаб!!! И выравнивание точно пригодится!!!

[@alexeybychkov_]

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

[@СеменБондаренко-щ6ь]

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

[@alexeybychkov_]

Еее супер)

[@katetretyakova4901]

фил хуг!!)) вставлю свои 5 копеек, про зум в 100 процентов и верстку)) занимаюсь версткой более 4х лет, и благодаря тебе еще начала и дизайном заниматься (даже успела попасть к тебе на разбор), так вот опытный верстальщик никогда не возьмет в работу страницу не видя адаптивов, так как часто у дизайнеров бывает, что в адаптивах блоки просто перелетают из одного места в другое, структура меняется и после получения макета моб версии, например, приходится переписывать HTML заново(( Что касается ресайза макета, то если верстать в ремах, то всегда будет подстравиваться по ширине вьюпорта

[@alexeybychkov_]

Тут скорее проблема не в адаптивных. Они были во всех случаях. Просто дизайнер делает большие блоки, которые на него большом мониторе смотрятся гармонично. А потом на мелком ноутбуке у заказчика все получается конским, а он не знал, потому что смотрел не в том масштабе😀

[@alyaanizuk3262]

ох, этот масштаб) раньше даже не задумывалась об этом, спасибо за урок!!

[@alexeybychkov_]

Пожалуйста)

[@tshmel8398]

фича с выравниванием элементов без группы это просто спасение. Наконецто-то это можно сделать за два клика!!

[@alexeybychkov_]

Очень удобно сделали!

[@ekatetina_srm]

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

[@alexeybychkov_]

Рад, что видео пригодилось)

[@vladadzhobolda6943]

Дождались ролика)) Ура, не хватало такого дизайнерского начала недели)

[@alexeybychkov_]

еееее)

[@Stepashka89]

Спасибо. Очень полезно, как и всегда ❤

[@alexeybychkov_]

ну класс)

[@VVFesenkoMaluinku]

как хорошо что я начинаю Дизайну)))

[@alexeybychkov_]

))

[@sergeyprostobean4521]

И снова Лёха открывает тайный секрет Фигмы Ёпта! Срочно убрать скейл и выставить 100% Спасибо за науку

[@alexeybychkov_]

Пожалуйста!

[@emerson_3501]

Спасибо за видео, про шифт не знал, очень полезно)

[@alexeybychkov_]

Шифт классный)

[@Lera_tvoiagent]

Ох сколько нюансов😱 Про 100% зум даже и не думала, спасибо за советы😍👍🏻

[@alexeybychkov_]

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

[@nikolas_sever]

Алексей, спасибо за ценную инфу и как же хорошо что я дизайнер))

[@alexeybychkov_]

пожалуйста)

[@nv_arkhipova]

Важная тема, спасибо что рассказал и показал с примерами👏

[@alexeybychkov_]

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

[@vladislava_v9722]

даже не думала что ЗУМ может так влиять🤔🤔🤔 очень тонкая тема, нужно еще раз пересмотреть , чтобы инфа уложилась😀😀😀

[@alexeybychkov_]

Да уж)

[@Lizaspp]

Я думала, что у меня на ноуте просто не помещается 1920, поэтому часто, чтобы посмотреть, как будет, перетаскивала на монитор, а в итоге, у меня на экране ноутбука стояло 125%!!!!! Не знаю, как бы я до этого дошла, если бы твой ролик не посмотрела и не решила проверить настройки своей системы. А еще, оказывается через настройки системы очень удобно смотреть, как будет на других ноутбуках, вот это да! Спасибо за то, что делишься таким контентом!

[@alexeybychkov_]

Рад что помог починить моник ноута))

[@ilmira8019]

4:31 Очередной лайфхак, упрощающий жизнь))

[@alexeybychkov_]

лайфхаков много не бывает

[@ЮлияГаврилова-ф2м]

Спасибо. Как хорошо, что я когда то буду дизайнером.

[@alexeybychkov_]

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

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

Спасибо за советы и обзор новых фишек. Очень познавательно)

[@alexeybychkov_]

ну класс)

[@DrLololowka]

Спонсор видео - "организация по защите здоровья верстальщиков"

[@alexeybychkov_]

хороший спонсор!

[@Riiesta]

Спасибо Алексей,очень интересно,а главное вовремя!)

[@alexeybychkov_]

ну класс)

[@nata8kg203]

Спасибо большое за подробные разъяснения, Лёша!

[@alexeybychkov_]

пожалуйста)

[@makszakrzhevskyi6471]

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

[@alexeybychkov_]

пожалуйста!

[@DiDi-xz2js]

Привет! Спасибо за ещё один классный и полезный ролик 😍 Очень удобно, что фирма добавила новую функцию и больше не надо мучиться с группированием! 🥳 А информация про зум действительно очень полезная - кто бы мог подумать, что на такой мелочи могут возникнуть проблемы 🤔

[@alexeybychkov_]

привет спасибо за просмотр!

[@konkova_eks]

Такие маленькие и такие важные детали. Мне всего лишь нужно предупредить о 100% масштабе, а кому-то это спасет пару сотен нервных клеток и свободный вечерок. спасибо)

[@alexeybychkov_]

100% именно так!

[@PolinaSmorodinova]

Как хорошо, что я учусь на дизайнера)) 😅 спасибо за очередное полезное видео 👍

[@alexeybychkov_]

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

[@Diana-ci2lq]

Интересная тема хорошо что обратил на нее внимание, оказывается очень важна! А новая фича фигмы просто золото)😄

[@alexeybychkov_]

тоже так думаю)

[@_raymio_]

Крутецкиии🔥Думаю, в будущем мне это поможет✨

[@alexeybychkov_]

вот и прекрасно)

[@dianakurbatova1461]

фил хуг) отличный ролик, который доходчиво объясняет, почему хорошо быть дизайнером :DDD с большим монитором :DD

[@alexeybychkov_]

Фил Хуг! так вот этот большой монитор может палки в колеса вставить) сделаешь все большое, а казаться будет что в самый раз. А у заказчика окажется небольшой моник и привет

[@wayvector]

Спасибо за новую инфу) Постараюсь учитывать эти нюансы в работе)

[@alexeybychkov_]

Пожалуйста!

[@Soffikko]

Спасибо за классную информацию про выравнивание! Не знала, очень полезно) И про 100% зум тоже очень важная инфа! Фил Хуг!))

[@alexeybychkov_]

Фил Хуг!

[@veronikarevutskaya2362]

Очень полезное видео! Хорошо, что я дизайнер=)

[@alexeybychkov_]

да! :)

[@marinaviktorova4767]

Это прям боль с зумом, если честно, фиг объяснишь заказчику, что у тебя в настройках что-то не то, или в браузере, я все время с дедами работала, они вообще ничего не понимают(((

[@alexeybychkov_]

Да уж(

[@ilmira8019]

Классный, полезный ролик получился🔥

[@alexeybychkov_]

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

[@irynamelnychenko88]

Капец, какие сложности бывают. 😮 Когда из интернетика обещают за 2 недели сделать из тебя дизайнера и что ты возьмёшь первый заказ на сайт, об этом умалчивают 😂😂😂

[@alexeybychkov_]

да сейчас обещания на каждом углу раздают))

[@rakyshkarakyshka9193]

Огромное спасибо тебе за твою работу, столько полезного и нужного одновременно

[@alexeybychkov_]

пожалуйста)

[@pridari]

Каждый раз, когда слышу в видосе звук уведомления из дискорда, думаю,что это мне, но на самом деле это в видосе!😃😃😃😃😃

[@alexeybychkov_]

забываю отключать(

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

Спасибо за информацию, теперь буду знать!

[@alexeybychkov_]

пожалуйста!

[@EvgeniaKrivonosova]

Как раз на прошлой неделе в нескольких своих проектах столкнулась с проблемой масштаба(( В одном сложно сказать, кто виноват, просто после верстки решили уменьшить элементы. А вот в другом заказчик сам настоятельно требовал увеличить размеры текстов (это при том, что там еще объемы текстов добротные), никакие мои рекомендации не слушал, а на согласовании верстки выпал, потому что у него в экран ничего не влезло. А отгребли верстальщики 😂Но в итоге все всё переделывали

[@alexeybychkov_]

да, всегда разруливать и все чинить приходится верстальщикам =(

[@anastasyayakushenko4377]

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

[@alexeybychkov_]

100%

[@АннаГайданка-з8е]

1:46 такие вот новости) для многих это даже больше новости

[@alexeybychkov_]

да круто сделали!

[@vladfedorov1027]

Спасибо за очередной лайфхак!

[@alexeybychkov_]

пожалуйста!

[@scr1ptex446]

Спасибо! Очень полезно!))

[@alexeybychkov_]

супер!

[@infarkt4717]

Как хорошо, что я уже не верстальщик)

[@alexeybychkov_]

😀

[@janeiovenko5346]

Спасибо большое! 🔥 Просто уникальная информация! 💞🌠

[@alexeybychkov_]

пожалуйста большое)

[@akkemembrace]

Супер. Спаибо Леха!

[@alexeybychkov_]

Пожалуйста!

[@alice_semenova]

Новая фича от Фигмы - огонь!! А про масштаб просто супер ценная инфа, особенно начинающим дизайнерам сложно такое предусмотреть заранее, пока сам не наткнешься на такое и голову не сломаешь, но теперь я вооружена знанием 🙌 💗СПАСИБО 💗

[@alexeybychkov_]

да фича супер!

[@Екатерина-у5й7я]

Спасибо за ролик❤ нравится рубрика про то же мне новости💥

[@alexeybychkov_]

пожалуйста)

[@Nestelena]

Спасибо❤ Как всегда полезно🔥🔥🔥

[@alexeybychkov_]

пожалуйста!

[@kseniazhelezova7073]

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

[@alexeybychkov_]

Пожалуйста!

[@ДмитрийБелов-л2т]

А если скинуть несколько масштабов в png ? Или вообще для заказчиков подготовить мокапы... Мне кажется не плохой подход) hug

[@alexeybychkov_]

как вариант)

[@csc_annem]

Я хотелa научиться быть верстальщиком. но после этого видео я передумалa. Я так смеялась с тобой, хахахахаха, что я просто поставила на паузу, чтобы написать этот комментарий. Cпасибо, буду дальше учиться дизайну:)

[@alexeybychkov_]

😀спасибо за коммент)

[@fraerpro]

А как же адаптивная верстка? Да и даже если согласовывали только дектоп то как бы заказчик и получил по итогу только десктоп без телефона планшета и ноута. Это как открыть десктопную версию сайта на телефоне и жаловаться, что она не помещается.

[@alexeybychkov_]

адаптивная верстка - это про планшеты и смартфоны. А на компах не все делают резиновую верстку и открыв широкий макет на маленьком мониторе - появляется контент из ролика)

[@igorkozlov4573]

Полезная информация! Спасибо!

[@alexeybychkov_]

пожалуйста)

[@2009tttttt]

Ой про масштабы прям очень хорошо! 🔥 У самого монитор 2560х1440 и из-за масштабирования (в винде под 125%, а еще в браузере под 120%, а без этого все слишком мелкое) ... Порой совсем путался, как все должно выглядеть в 100% (какие размеры шрифтов, карточек делать ну и т.д.) ... Щас все более понятно стало =)

[@alexeybychkov_]

рад, что понятнее стало!

[@ЕленаЖуравель-ь6л]

Спасибо за ролик, спасибо за обзор новинок фигмы

[@alexeybychkov_]

пожалуйста)

[@GoldMackgm]

Коммент фронтендера (в том числе верстальщика) с 10-ти летним стажем - а потому что не надо верстать в рх!!! Это уже лет 5 (а то и больше) считается мовитоном в профессиональной среде. Ну а если развернуто ответить, то получается следующая картина. Все, что сказано в видео про масштаб там и сям все верно, НО вот про верстку не совсем верно. Большинство молодых верстальщиков верстают макет в px, потому что так учат на большинстве курсов по верстке, у всех блогеров все стримы по верстке тоже в рх, но ведь уже давно есть такие понятия, как отзывчивый и адаптивный дизайн! И что бы эти технологии отрабатывали на 100% верстать нужно не в рх, когда каждый блок, как гвоздями приколочен, а грамотно использовать относительные единицы измерения CSS. И вот при правильной верстке у заказчика на любом ноуте или мониторе ВСЕГДА будет отображаться десктопная версия сайта! Да, возможно на бОльших мониторах будут по бокам поля, тут уже взависит от специфики проекта.

[@alexeybychkov_]

спасибо за развернутый ответ. Вот бы у всех попадались такие верстальщики)

[@Littleponi1277]

Спасибо, пробелы в знаниях заполнены!!!

[@alexeybychkov_]

супер

[@OlgaMakukha]

Спасибо, как всегда полезное видео с отличной подачей😊

[@alexeybychkov_]

супер)

[@Valerie_2121]

Фил худ! Спасибо за контент) за shift-2 спасибо

[@alexeybychkov_]

Фил Хуг)

[@velocatcher]

Спасибо за ролик! Филл Хуг! :)

[@alexeybychkov_]

Фил Хуг!

[@The0Dash0]

верстальщики уже скидываются Леше на памятник)))

[@alexeybychkov_]

😀

[@Alekseev_Oleg]

Благодарю за информацию и труд!

[@alexeybychkov_]

пожалуйста!

[@elenashchotkina1602]

Как хорошо, что я дизайнер :)))

[@alexeybychkov_]

100%)

[@LeriaBuryak]

Отличное видео! Благодарю за подачу информации - все по делу!

[@alexeybychkov_]

пожалуйста!

[@marinaguc7802]

Спасибо за видео. Было полезно, тема огонь 👍

[@alexeybychkov_]

Супер)

[@myroslavgoroshko2603]

Оооочень дельные подсказки для начинающих!

[@alexeybychkov_]

вот и чудно!

[@aleksand135]

Спасибо за крутое и полезное видео💜💜 столько информации сложно запомнить, поэтому пересматриваю все по несколько раз

[@alexeybychkov_]

Пожалуйста)

[@heavycrossrock]

Хорошо, что я - дизайнер

[@alexeybychkov_]

100%)

[@helena_selena]

Ахах... оказывается, трудно, порой, быть заказчиком .... #хорошочтоядизайнер Фил Хуг))

[@alexeybychkov_]

да)) фил Хуг!

[@olgasharii]

Спасибо. Как раз проснулась 😃

[@alexeybychkov_]

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

[@tshmel8398]

Спасибо за такую полезную инфу. Буду знать, что презентовать правильно дезигн не менее важная часть, чем его создание)

[@alexeybychkov_]

Да все так!

[@crosai]

Алексей, Вы лучший!

[@alexeybychkov_]

Спасибо)

[@obalatsun]

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

[@alexeybychkov_]

Фил Хуг!