Как подготовить дизайн-макет для передачи разработчику (верстальщику, программисту)

Хочешь больше полезностей о дизайне?
Вступай в чат Гильдии дизайнеров: ttttt.me/designers_guild
Подписывайся на мой инстаграм: / yan.ageenko
Читай мою книгу: www.litres.ru/yan-ageenko/kak...
Приходи ко мне на курсы: yan.ageenko.pro/school.html?ut...
Дополнительные видео по теме:
• Делаем отзывчивый диза... (про отзывчивый дизайн)
• Делаем адаптивный диза... (про адаптивный дизайн)
• Что такое pt, px, dpi,... (про плотность пикселей)
• Дизайн-система на HTML... (про дизайн-систему на HTML/CSS)

[@kirillfursov6167]

Помню, когда только начинал в вебдизйне, очень боялся сдать "неправильный" макет, который разработчик не сможет сверстать. Потом сам начал верстать и понял, что сверстать можно все что угодно и неподготовленный макет это не конец света. Но в любом случае существует рабочий этикет, надо уважать колег и не создавать никому лишней работы Всем удачи!

[@ukrainiansongs8557]

Підскажіть, де проходили курси на верстальщика?

[@user-em6yk7cy6y]

Ян ты очень крутой, ты много делаешь для нас ! СПАСИБО ТЕБЕ ОГРОМНОЕ, ЛУЧШИЙ !!!!❤

[@liebenickol2971]

Спасибо большое, очень ценная и доступная информация! ❤

[@svetlanaganzha78]

Спасибо! Доступно и понятно. Со звуком все ок

[@lubovporoshina9814]

Класс! Спасибо, Ян!

[@keira8214]

Спасибо большое, очень полезно😊

[@daryakolas766]

Спасибо большое, полезное видео!

[@olhatrubitsyna7290]

Спасибо огромное) Хотелось бы еще вас видеть, когда вот такие видео с презентацией😄

[@lilboweep2907]

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

[@ulyanagorbushina]

Спасибо за классные советы) Завтра сдаю первый проект, нужен совет: отрисовали мы все состояния кнопок, тексты и пр., в каком виде это отдавать? В качестве отдельного фрейма в файле с макетом? Без их экспорта?

[@YanAgeenko]

достаточно вынести всё это в UI kit и открыть разработчикам доступ к файлу

[@user-up9ct3ef3s]

@@YanAgeenko как я понял это просто макет с данными на отдельной картинке которая потом даётся фрон энду чтобы тот все это состовлял заного но уже без придумок) но вопрос так же актуальный как ему размеры те что были в фигме прописать в коде чтобы сайт и все расстояния были точно такими же,может в таблице стилей прописывается всё это?

[@user-cf2gn2ex9k]

Здравствуйте, не совсем по теме видео, но есть ли цвета которые запрещено использовать для коммерческих проектов?

[@YanAgeenko]

Нет. Любые цвета можно использовать на любых проектах.

[@user-cf2gn2ex9k]

@@YanAgeenko то есть для сайтов, презентаций, дизайна соц сетей и продаваемой продукции? Фирменного стиля одним словом можно использовать любой цвет? Просто я где то слышала что цвет Тиффани запрещено использовать...

[@YanAgeenko]

Любой цвет можно использовать где угодно

[@polinapopovastudio]

Как выровнять текстовую рамку по тексту?

[@anatolykoz]

Что-то с микрофоном не то в этом выпуске

[@helluqp9349]

а как именно выдавать работу заказчику ? ссылку из фигмы кидать или как

[@YanAgeenko]

Да, просто ссылкой

[@user-uz6sr7oe6d]

Здраствуйте Ян,можете дать безопасную ссылку на photoshop?

[@YanAgeenko]

безопасная ссылка - только официальный сайт :)

[@user-uz6sr7oe6d]

@@YanAgeenko А как назывпется официальный сайт?

[@mariadawnwork9387]

Не нашла Color Space в веб версии.

[@user-jk3de1vr9f]

Слои предпочтительно называть русскими или английскими?

[@YanAgeenko]

Если проект русскоязычный - не принципиально. Если англоязычный - на английском.

[@MrSmith42]

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

[@user-mp2bt1qk5k]

Привет! Все класс! Не поняла kzbin.info/www/bejne/rnm1Xmlnbq9meLs (про плотность пикселей) - видео "Делаем адаптивный дизайн веб-сайта под мобильные устройства"? Восхитительно, какой прогресс 2019-2020...

[@YanAgeenko]

ошибочка вышла. Про плотность пикселей вот тут: kzbin.info/www/bejne/jojddmeVbr-hr5I (в описании тоже исправил ссылку)

[@user-mp2bt1qk5k]

@@YanAgeenko thank you very much

[@totalsportcomua]

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