Очень интересно послушать про вёрстку сайтов которые готовятся для awwwards. Как дизы сотрудничают с верстальщиками. Как устроены сетки и есть ли они вообще, т.к. ощущение что их там вообще нет. В каких прогах верстают ребята, ток в vs или ещё в других. В каких прогах делают анимации и кто их делает. Какие то мелочи, именно в сложных и сочных сайтах. Так же, было бы интересно послушать про то как устроена система работы таких студий. У тебя уже было интервью с Obys, но хотелось бы узнать подробнее про то что написал выше. Кто ещё хочет такой видосик напишите вопросы в ответы, что бы Further было легче понять на какие вопросы можно было поспрашивать ребят. Очень надеюсь то что снимешь такой видос)

А в чем проблема посмотреть отступ зажав alt? Зачем на глаз? В чем проблема экспортировать изображение из группы, чтобы слои слились в один? Лень делать параллакс? Ну там давайте вообще без эффектов делать деревянные сайты просто чтобы верстальщикам было меньше работы). В дизайне есть понятие оптическая компенсация, если вам оно не знакомо изучите, тогда поймете почему круглые иконки могут быть на пару пикселей больше квадратных. Их обычно оборачивают в одинакового размера фреймы, но если вы лезете прям до самой иконки, как это понятно из видео, то видимо сами не умеете пользоваться фигмой и экспортить объекты правильно))

Я сам начинал с верстки на html css, понял что это не мое и начал заниматься дизайном и тут мне здорово помогли навыки html, чтобы верстальщику было удобно работать и он не вставал в ступор после каждого блока, со словами что за ***дец

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

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

Спасибо за видео. Интересно послушать как всегда. Про «капусту» в слоях хорошее замечание. Но когда у тебя 100 фоток постеров или шмоток для онлайн магазина и все разных пропорций - кропать их в ручную… ну сам понимаешь) но совет хороший, прислушался. А по поводу кодинга, тяну до последнего 😅 Ошэнь страшна лезть туда. Да и когда долгое время работаешь с одними разработчиками мотивация изучать код как-то пропадает.

Еще есть "веселые" заказчики. Был опыт сотрудничества с заказчицей, которая умеет в дизайн полиграфии и решила что умеет в веб. Нужно было ее готовые макеты с шириной овер 4к рабочей области и в цмуке привести к более-менее верстабельному виду. У нее в макетах было все: разные отступы и в т.ч. вертикальные, десятичные размеры шрифтов, разной формы кропаные изображения, логически одинаковые заголовки, которые разные визуально от макета к макету. Вишенка на торте - исходники обязательно в ФШ и у нее ретина, а у меня нет) Работаю в фш, для показа джипеги макетов гружу в фигму))) Я просто проклинал все на свете, 10 раз ей пытался объяснить что принципы размещения и решения в ее макетах это просто неверстабельное *авно, показывал примеры моих макетов и результат их верстки, но она просто непробиваемая была. В итоге я просто сделал как она просила и на этом мои полномочия все. Оч жаль того, кто согласился это все верстать

Спасибо за полезный, простой и ясный контент с примерами ❤❤

Дизайнер, стань верстальщиком, и отними работу у ленивых верстальщиков

3:41 здравствуйте, подскажите что за прозрачные «листы» и маркеры?

Игорь, привет. Спасибо за классный ролик, как всегда на высоте! Я как раз учусь верстать на WF, чтобы делать лендосы под ключ без верстальщиков. И то что ты рассказал в этом видео типичная история, вообще верстать чужие макеты, это всегда кот в мешке. ))

Ох сколько я за все время встречал дизайнеров, которые творческие люди :) Ничего не имею против, них :) Но если это сложно для условного недельно/месячного проекта, то представте как это. сложно на более сложных и обьемных проектах! Меня часто вот выносили люди которые на больших проектах где мы сами пилили по сути UI либу для приложение под наш дизайн. Так вот когда они добавляют к примеру поведение кнопки на новой странице или какой-то модалке при наведении не темнее от главного цвета а к примеру, светлее... Казалось бы тю да что там, но по факту это уже другой компонент :) Новая кнопка которой еще не было :) Приходишь к ним и такой, "Че за фигня, походу бага", а тебе в ответ "Нет фича, а мы что так не можем?" И начинаешь обьяснять что всему должно быть аргументация, у нас утвержденный дизайн и UX тоже :) Ну в общем тратишь уйму времени чтобы обьяснить что надо использовать готовые компоненты и из них собирать мокапы а если нужна кнопка то нужно ее добавлять глобально и в UiKit тоже :) А не тупо типа сделай модалку а там вообще другое поведение... И все эстимации коту под хвост :) Ну в общем я никогда особо не злился на джунов, только если они на контакт ну совсем не идут. Мне более печально от опытных такой кейс ловить. ПС В целом думаю дизайнеру полезно немного разбираться в технической части, понимать как с этим дальше работать будут. Я хоть и фронт но смежные области иногда ресерчу. Дизайн, менеджмент, бэкенд. Настолько глубоко, чтобы понимать как это работает и чтобы это приносило пользу для моей основной деятельности. Спасибо за видео :)

Считаю, что в нашем время веб дизайнер должен знать основы html/css/js Чтобы понимать, как будет реализовываться тот или иной элемент/функционал и возможно ли, вообще, это сделать

Спасибо за видео) Хотелось бы прокомментировать и поспорить с некоторыми моментами. В целом, с проблематикой согласен. Далеко не все дизайнеры, очевидно, грамотно работают с макетами. И всегда легко накреативить трендовые красивые штуки, не подумав о разработчиках... Тем не менее, к середине видео я стал несогласен с выдвигаемыми аргументами. Да, верстать куда легче, когда все красиво и четко расположено в контейнерах, но и верстальщик не должен злиться, что ему нужно добавить один паддинг) Это если я правильно понял суть вопроса, конечно. Также не соглашусь по поводу отвлекающих иллюстраций - да, может быть, в конкретном примере это не выглядит привлекательно. Но что же это получается, что надо сайты сугубо из текста делать, чтобы ничего не отвлекало? Вот такой посыл у вас получился в этом моменте, понимаю, что ненамеренно, но хотел обратить внимание. С чем категорически не согласен - это с критикой всплывающих окон, разработчик не должен ругаться на такое, я считаю. Если с точки зрения UX не предусмотрена фиксированная контактная форма на главной, то есть какие-то аргументы для таких решений. И это важная часть сайта, и критиковать попап - все равно что критиковать наличие любой дополнительной внутренней страницы только потому, что это +работа. Предельно важно тут не вселить в дизайнеров страх делать полноценный функционал)) Нужно делать все необходимые элементы, и мобильную версию дизайнить тоже, кстати. Еще раз спасибо)

В такие моменты я рада что в начале я и дизайн делала и верстала сама. Пара раз помучалась с вёрсткой и потом все оступы-элементы делала одинкаовые/пропорциональные))) а уж иконки не поместить в компоненты в фигме это вообще как то ..

8 минут нытья от junior верстальщика, на junior дизайнера. Единственная реальная проблема в видео - полное отсутсвие привязки к сетке. На все остальное мне было бы совершенно насрать, клиент всеравно платит почасовую ставку.

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

Очень классно !!! Спасибо я начинающий дизайнер, очень полезно!!

Дякую за відео. Було б цікаво ще дізнатися, які часті помилки зустрічаються при дизайні апок.

Спасибо за качество видосов

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

Отличный ролик. И тема противостояния дизайнеров и верстальщиков, она наверное неиссякаема)) Сам я дизайнер и версткой полноценно никогда не занимался. Если не считать за вёрстку сайты на Тильде)) Но, очень плотно общался с коллегами верстальщиками и старался погрузиться в специфику их работы. И могу ответственно заявить! Дизайнер не обязан уметь верстать, но принципы знать должен. Если конечно хочет, чтоб его дизайн был хорошо свёрстан. Многие из моих коллег (дизайнеров) часто недоумевают, почему они сдают макеты для верстки в фигме в одном виде, а на выходе получается ,мягко говоря, не совсем то. А получается так зачастую не потому, что верстальщик "рукожоп" или ему чего-то там не охота делать, а потому, что ты задизайнил так, что хрен нормально это сверстаешь!!!)) Поэтому, когда ты знаешь основные, базовые принципы верстки, то ты никогда(ну, или почти никогда) не задизайнишь так, чтоб верстальщик потом тебя проклинал))

А можно комплимент? Ты крутой и круто рассказываешь. Круто показываешь.

Люди, помогите советом дизайнеру! Вот если я делаю дизайн по минимальным размерам 1400*1024, 320*480, то как сделать, чтобы при верстке качество картинок было хорошее? Потом смотришь на мобильном или десктоп 1920 и все картинки растянутые в пикселях! Хотя они есть в большом размере, но как их передать на верстку. Верстают то макет, не смотрят ничего. Никакие доп материалы не просят и не видят.

Полезно, спасибо)

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

Все ок, нр последнюю придирку не поняла. Почему страница с табами должна на мобилке выглядеть как на пк 1в 1? В таких случаях для мобилки рисуется другой вид страницы с табами. Разве нет?

Хорошая тема для ролика, сенк ю! Возможно расширить тематику и показать на одном примере/макете тру подход и не тру?

Очень полезное видео! Часто говорят что верстальщики ругаю дизайнеров, а за что конкретно было не ясно)) У меня случается дробление размеров элементов когда я в Auto Layout их засовываю. Буду рада если подскажешь почему это происходит.

Мужик спасибо тебе за золотые истины! Я как фронт разработчик видел такие макеты что и страшном сне не приснятся) надеюсь те кто делает их посмотрят тебя и научатся уважать труд других. Спасибо!

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

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

То чувство, когда мой лид собирает макеты именно с этими ошибками, так ещё и без компонентов, в каждом блоке элементы новых размеров, про отступы вообще молчу 😭 и мне приходится также делать, иначе будет дудос атака(

Насчет чисел с десятичными значениями: чаще всего причина - это использование autolayout, который растягивает элементы внутри контейнера. Получается, с точки зрения вестальщиков надо вообще отказываться от использования fill в лейауте? А если это календарь, например, который должен быть адаптивным? Тогда надо делать отдельный варианты для экрана ширины? Тогда наверняка будет жалоба, что прислали 100500 вариантов, и в них фиг разберешься.

Ищу хороший курс по Webflow. возможно кто-то сможет подсказать где искать или к кому обратиться?

Ребята, я начинающий веб-дизайнер, но сразу созрел вопрос, как работать с верстальщиком используя кастомные сетки, отходя от 12 колоночной?

Есть смысл, дело говоришь 😅

Наверное очень сложно для меня, т к я запомнил только дробные значения, полупрозрачные слои и анимацию

ох, как знакомо. есть у меня один коллега такой (более 4-х лет в дизайне, к слову), от которого иногда переходят проекты на доработку. там еще похлеще косяки, чем на видео. в такие моменты хочется обматерить его и уволиться, чем работать с проектом после него. что в принципе, в скором времени и сделаю))

По поводу сеток - не уверена. Общалась со многими дизайнерами, которые делали макеты по сеткам и не по сеткам - никогда не было у них проблем с верстальщиками. А если не возможно запихнуть дизайн в сетку 12 колонок, если нужна кастомная? Пофиг? Главное чтобы верстальщику было удобно?

1. По большей части со всем согласен. Но претензии по всплывающим окнам с формами, если честно, не понял. Вроде до сих пор довольно часто данный приём встречается и если хорошо задизаннен и свёрстан то проблем не вызывает. 2. По сложным анимациям: да, в примере акцент с текста теряется (ну там вроде задумка с движением руки и лампочки, типа работа с идеей, и тут ошибка скорее в акцентах, что запихав туда эту анимацию забили на текст, с ним надо было тогда поработать), но надеюсь это был не в общем и целом камень в огород на сложных и красивых анимаций? Иначе мы придём к тому, что все сайты будут похожи один на другой и будут отличаться только картонками, текстом и соотношениями между блоками. И иногда анимации наоборот позволяют сделать акцент и компактным образом разместить информацию, увести взгляд пользователя туда, куда тебе надо, сделать акцент на UI элементах активных… 3. Ну а что не понятно, как адаптировать последний кусок - так наверное дизайнер должен был ещё сделать макет для мобильной версии, после десктопной, если в макете подобная перегруженность экрана или я не прав?

Как junior UX/UI вообще не пойму как такое реально. Еще к тому же недавно прошел подготовительный для фронтендщика (и пошел дальше, если кому интересно все бесплатно), так теперь стал сразу в дизайне все подписывать и готовить как будто потом верстать буду. Кстати нам на курсе где-то такие макеты и давали, ох у меня и подгорало под конец когда пытаешься систематизировать как-то, а приходиться костылизировать Единственное, что считаю оправданной некую вложенности, когда макет сделан полностью на autolayout, тогда быстрее верстать, потому что он уже как будто на флексбоксах собран

01:55 Какой может быть баг из-за несовпадения в один пиксель или при дробных значениях? Чота чушь. Берешь блок с иконкой и конвертируешь в SVG - задача решена. 02:25 Только юным подаванам нужна сетка для вёрстки, джедаи пользуются относительным расположением. Выравнивание по сетке для лохов. 3:50 А не хер пользоваться Webflow для вёрстки. Для вёрстки нужен браузер и текстовый редактор, если редактор с подсветкой синтаксиса то просто приятнее будет. 4:20 Используйте именование классов и вёрстку по БЭМ - будет вам щастье. 05:40 для изображений есть фильтры, при нормальной вёрстке проблем никаких. А можно картинку фоном, а поверх полупрозрачный пиксель. ----------- Согласен, что дизайнер должен своей шкуре испробовать вёрстку. Но только не на Webflow...

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

Надо за подготовку к верстке отдельный прайс выставлять 😄

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

Не совсем поняла комментария касательно параллакс эффекта: а если о нем попросил клиент, то причем тут дизайнер?

Ко всему перечисленному еще можно накинуть: 1) Беспорядок в цветах(когда в макете в схожих элементах используются очень близкие, но все-таки разные оттенки, будто бы на глаз подбирались) 2) Беспорядок в шрифтах (Использование отдельных шрифтов для каких-то единичных мест или использование в макете платных шрифтов/шрифтов которые не поддерживают язык целевого пользователя) 3) Беспорядок в иконках (Использование в макете не векторных иконок). Если вы начинающий веб дизайнер, и только начинаете свой путь пожалуйста избегайте подобных вещей. Меньше будут гореть уши.

Разные паддинги у кнопок это просто всюду, уже не обращаю внимание и просто привожу к одному виду. Немного удивляет когда дизайнер забывает отрисовать кнопку сабмита на форме или просто кнопку действия 🫠🫠🫠

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

Я думаю каждый веб дизайнер должен уметь верстать сайты или хотя бы знать основы разметки, чтобы таких казусов не случалось

Занимаюсь кухнями, что то похожее происходит при проектировании. И не объяснишь, что технически будет сложно, но я сделаю, но потом то через какое то время замучаетесь переделывать и не нужно оно вам окажется.

Привет, все отлично рассказал. А еще сталкиваюсь с такими вещами, за которые дизайнеру хочется выразить "особую благодарность": в макете для десктопа элемент находится в одном месте, например, корзина товаров в header___top, затем при адаптиве (разрешение планшет) она перескакивает в header__center, а в мобильной версии эта же корзина должна быть в header__bottom. Это полностью нарушает логику верстки. Ну или как вариант дублировать эти корзины товаров в разных дивах, скрывать на каких-то разрешениях, на каких-то показывать. Короче, вывод: дизайнер должен понимать логику верстки.

Верстал недавно макет новичка. У него табы, в мобильной версии превращались в выпадающие списки. Это же совсем другая вложенность.

Не всегда с дизайнеров начинается боль) Иногда заказчик дает впихнуть невпихуемое и приходиться спорить с ним и например придумывать как адаптировать табы в мой версии. Только замечу что дизайнер обязан спроектировать моб версию, планшетную если нужно. От себя задам вопрос) Насколько харит неподписанные слои? Обычно все в автолеяуте и частично в компонентах но меня харит подписывать слои, тратить свое время.

Честно говоря это мой самый большой страх, на курсах про верстку говорят мало и вообще не делают акцент на этом. Пройдя 4 курса я толком не понимала, только когда начинаешь работать с реальными проектами потихоньку доходит.

Фразу "Я дизайнер - я так вижу", можно использовать лишь профи, которые пол жизни делали все как надо

Честно очень похоже на стоковый макет. Вот сколько их открывал - всегда там шляпа по верстке и иерархии. Что в былые времена для фотошопа, что сейчас для фигм и скетчей.

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

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

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

Говоря про padding и margin с ними вообще никогда неудобно работать. НО! С другой стороны верстальщик должен уметь работать с такими "неструктурированными элементами", а они чаще всего реализуются через margin и padding. Ну, и поскольку порой нестандартные элементы могут быть самыми захватывающими, но этот самый "нестандартный элемент" должен быть хорошо продуман дизайнером изначально, и он должен уметь его объяснять. Я не профессиональный дизайнер с миллионом рабочего стажа. Просто исходя из своего опыте в вёрстке и опыта в дизайне в целом делюсь. Тут важно понимание и того, как может это сверстать человек, и то как дизайнер придумает концепцию. Не уверен, что правильно донёс свою мысль, но да ладно

Веб флоу конечно хорошо, но лучше попробовать чистую вёрстку. Дизайнер обязан знать что умеет чистый html/css, пишу как Дизайнер/Верстальщик.

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

Это всё просто идёт в счёт работы. Легко увидеть что одинаковые модули не вынесены и добавить Прайс за работу. Насчет выравнивания бред. На ПК делаем быстро сетку и кидаем пудинги. Так что если дизайнер сделал криво вообще без разницы. Дальше при адаптиве обнуляем пудинги и всё.

Я даже ещё не Джуниор, но глаза у меня от этого всего болят сильно

Работаю в полиграфии допечатником, от 99% дизайнеров приходит полная лажа, которую приходится переделывать. Вывод у меня такой: дизайнером может назваться любой, кто открыл фотошоп/ корел/иллюстратор/индизайн, еще в более худшем случае "специализированный" сайт, где он сделает визитку/открытку/буклет/листовку для печати.

- ну попводу не целых значений, это скорее вопрос к Фигма. Меня это просто выносит. Зачем это делать? Может из-за того что Фигма хочет быть редактором и для графдизайнеров? - по поводу блоков и сетки, дизайнеров нужно и можно заставлять рисовать по сетке (как минимум бутстрап) и делать 3 версии (лучше 4) экрана для разных ширин (Десктоп ФулХД, ХД , планшет и смартфон). Тогда он сам увидет как его "красота" адаптируется.))) - про картинки с эфектами - это по моему не изличимо, )))) - ну поэтому есть джуны - которые это все причесывают. Мидлы и сеньйоры страдают вирусом мальнькой власти))) По моему мненеию, для лечения этих болячек у дизайнеров, в Фигме есть автолеаут. Когда фигачиш макет используя эту фичу, претензий у кодеров поменьше. Спасибо за видос. Все классно рассказал.

И теперь представить, что к этому всему заказчик требует пиксель перфект, ммм)

position: relative - всему ответ. Ну или transform: translate 🤔

Пожалуйста ставь триггер ворнинг для таких фигма макетов: рандомные имена для элементов, группы вместо фреймов, маски в 2022м, отсутствие и намёка на ауто лайоут. Брр, у меня валерьянки столько нет. Но по поводу элементов, действительно не факт что всё от дизайнера зависело. У нас(продуктовая компания) пару лет назад отдел маркетинга решил заняться обновлением сайта, вместо того что бы нанять проверенную Украинскую студию с которой уже работали, нашли кого-то подешевле и готового выполнять все прихоти CMO. Получился мягко говоря пиздец, особенно в плане вёрстки. После того как мой фидбек по этому поводу проигнорировали чуть более чем полностью, я решил сидеть в сторонке и запастись попкорном. В итоге: верстальщик был найден с третьей попытки, первые два бросили не доделав и хом-пейдж, разработка затянулась на несколько месяцев. Но смешнее всего итог: в изначальном виде хом прожил всего месяц от силы, после чего был заменён на что-то более адекватное и поддающееся A/B-тестам и стилистически теперь несколько отличается от всего остального.

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

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

после слов "паддинг это тэг в вебфлоу" можно закрывать видос) это лол, конечно) достаточно сильно

Забавно *Красиво тупить не запретишь* дизайнеру 😂😮

а что с непрозрачностью текста? а то мне прилетало

нужно набратся смелости и обнулить все вы..оны "дизайнера" . а если возмущается, то пусть переделывает свой халтурный шлак. иначе ни как.

+ 100500 по всем фронтам (хоть и не верстальщик, а ПМ и техдир) а, особо люто лучи "доброты и благорасположения" вызывают именно авторы подобного возомнившие себя при этом "без трёх минут профи". И, с непоколебимой уверенностью демонстрирующие это. Классические идейные дилетанты по Даннингу-Крюгеру, не желающие учиться, без системного мышления и с ЧСВ размером с галактику. Это треш... (а, особый треш, когда подобное проехало по ушам заказчику, и/или выступает с его стороны. в таких случая, зачастую целесообразнее отказать клиенту в сотрудничестве вообще, т.к. нередко это может являться индикатором и дальнейших "увлекательных приключений" с данными персонажами и тратой времени в пустую (при чём впустую несмотря на вроде бы "деньги"))

1:02 что это?

Дизайн прям грустный. Рискну предположить, что делал его или сам клиент, или его племянник, или джун-фрилансер за копейки. И верстальщика нанял наверняка ж не самого дорогого, ибо дизайнер, который умеет фронтенд, дешевле, чем настоящий опытный фронтендщик. Вот и вышло, что на всех этапах попаболь, ибо дёшево же. А вы любите выходить из зоны комфорта, я погляжу )) Я тоже дизайнер и тоже умею верстать, но всегда стараюсь отпетлять от вёрстки, ибо скучно очень, плюс кроссбраузерная совместимость печалит иногда) По опыту (верстальщики а разрабы приложений могут со мной общаться если им надо) могу сказать, что больше всего неприятностей верстальщикам доставляют странные фоновые картинки, которые вылазят за границы фрейма и при сохранении получается фигня какая-то. Кроме того я один раз протупила и использовала режим наложения для плашки, который в цсс нереализуем. Ну и последнее: разработчики очень не любят кастомные элементы вроде красивый календарей с альтернативной логикой , которые сложно и долго реализовывать.

Капец верстальщики обленились)

Ох, чувак ты триггернул. Конечно, аккуратный и грамотный хендофф никто не отменял, вопросы к применению тех или иных эффектов и решений на этапе дизайна - тоже, но все остальные твои претензии - это ной верстальщика, который делает наотъебись.Размеры иконок разные? Покажи мне верстака, который не будет тупо через контрол выделять и экспортить кривые из иконки даже если эта иконка вставлена как компонент из библиотеки (с унифицированными размерами и отступами), я ему лично пожму мужественную руку. Модульная сетка? Верстаки делятся на два типа: одни вообще не в курсе как ее включать и что это такое, а у других бутстрап головного мозга, и они не знают что делать с блоком если он вдруг не списан четко в сетку (и не приведи ктулху, если сетка у тому же не двенадцатиколоночная). Это уже не говоря о том, что модульная сетка это инструмент для облегчения организации композиции и унификации, а не незыблемые рельсы, от которыхнельзя отступать. Подблоки с иконками расположены на разных уровнях? ЭТО НЕВОЗМОЖНО ТЕХНИЧЕСКИ РЕАЛИЗОВАТЬ!!!! ← моя любимая отговорка у верстаков, которым просто впадлу хоть немного шевелить мозгом, при этом они будут делать все что угодно, вплоть до прикладывания к экрану прозрачных пленок с картинками, лишь бы не включать мозг и не делать свою работу, которая заключается в реализации дизайна на фронтэнде. Параллакс? Оказывается, в 2022 году реализовать простейший параллакс оказывается сложно, трудоемко и вообще ТЕХНИЧЕСКИ НЕВОЗМОЖНО для реализации адаптивности. Придирка на тему впихивания всех эффектов в один слой имеет место быть только в случае, когда тебе самому еще надо редактировать макет, потому как вынесенная на отдельный слой полупрозрачная заливка отдельно от картинки скорее всего означает, что в верстке поверх картинки должен накладываться корректирующий слой чтобы условно любая картинка встявлялась на это место без предварительной обработки. Если все это впихнуть слоями внутри объекта в 99,9% случаев верстак экспортнет этот объект целиком, даже не подумав о слоях внутри и зачем они там. А вот на тему адаптивности и мобильной версии получается странно - макет был что ли без проработанных базовых брейкпойнтов? Не, ну тогда все что выше конечно можно и простить)

Для меня, как для дизайнера, это было бы личным позором.

да всё сохранить картинкой и замапить линками =)

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

Ахаха бл ваще по кайфу, бахаешь всё в десктопе по одному, а тот же самый элемент в адаптиве, вообще другой и вообще не часть того блока что он был в декстопе, при этом это сук почти точная копия

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

Поржал с проблем автора, показанный дизайн ради дизайна даже разбирать нечего, верятно такую хрень лучше всего вообще каким-нибудь tailwind’ом верстать, попутно немного округляя отступы, управлять таким контентом все равно нереально. Реальная беда, когда есть набор простых и функциональных элементов, а дизайнер придумывает кастомную вундервафлю на ровном месте. Или забывает, что контент динамический, высота и ширина элементов может меняться и гриды с флексами не справляются, приходится откапывать js костыли времен флоатов.

Через 3 месяца оканчиваю курсы ui|ux диза... И чувствую, буду учиться ещё и вёрстке... 👌

как я тебя понимаю... ненавижу дизайнеров

Ладно все по группам оккуратно расписать , шапка и.т.д . Но что теперь делать сайты 2010 годов что бы верстальщику меньше работы было при этом испортить свою работу?

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

Можно про ленивых front end разрабов 😂

Что за херню ты несёшь? 150 на 150.88? Вы что там верстаете? 0.88 пикселей realy? Браузер некоторые макеты вообще не сможет отобразить идеально пиксель в пиксель. Хоть усрись.Пиксель перфект для жёстких косяков используется щас. Проблема дизайнеров это произвольные отступы от балды для адаптива. И разные ваще абсолютные отступы от балды на однотипных страницах . Вот это гемор. Или произвольные размеры на 4х медиа запросах. Это хороший пример как ты говоришь что ты когда верстаешь картины пишешь. Щас востребованы сайты с хорошей бизнес логикой. Ну или если красоты то это канвас с крутыми анимациями а не лендинг пиксель в пиксель.

на самом деле не дизайнер решает а менеджер или клиент.

Устал ждать новое видео

да картинкой вставил такие буквы поехавшие и все))

веб-дизайн всё ещё актуально на 2022?

в 2022 еще используют слово верстальщик ?

Кто, скажите. заказывает работы у настолько криворуких дизайнеров, которые даже базовых вещей не понимают. И ладно дизайнер не до конца понимает, как готовить макет к верстке, но криворукий, пожёванный дизайн отдавать, это жесть. Если только это не стоит 3 копейки...