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

[@kirillfursov6167]

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

[@ukrainiansongs8557]

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

[@ДмитрийТарзанов-л6с]

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

[@liebenickol2971]

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

[@svetlanaganzha78]

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

[@olhatrubitsyna7290]

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

[@lubovporoshina9814]

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

[@keira8214]

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

[@lilboweep2907]

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

[@ulyanagorbushina]

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

[@YanAgeenko]

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

[@андрейдраконов-я3к]

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

[@mariadawnwork9387]

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

[@stasstakhmich4045]

Да множество случаев, когда что-то из макета не реализуемо, потому что сама фича работает не так как думает дизайнер. Или потому что дизайнер не понимает как работают различные вещи на операционных системах (android/ios), на работу которых разработчик не может влиять. Ну и не говоря о том, что макет то может и реализуем, но такими неоправданными усилиями, что легче дизайн скорректировать.

[@polinapopovastudio]

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

[@helluqp9349]

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

[@YanAgeenko]

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

[@anatolykoz]

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

[@IGUXdesign]

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

[@YanAgeenko]

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

[@IGUXdesign]

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

[@Мария-й1у9е]

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

[@YanAgeenko]

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

[@Мария-й1у9е]

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

[@YanAgeenko]

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

[@ВикаКлимович-ж7з]

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

[@YanAgeenko]

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

[@MrSmith42]

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

[@totalsportcomua]

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

[@ЛюдмилаКремчанина]

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

[@YanAgeenko]

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

[@ЛюдмилаКремчанина]

@@YanAgeenko thank you very much

[@daryakolas766]

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