Как подготовить дизайн-макет для передачи разработчику (верстальщику, программисту)
HTML-код
- Опубликовано: 1 дек 2020
- Хочешь больше полезностей о дизайне?
Вступай в чат Гильдии дизайнеров: ttttt.me/designers_guild
Подписывайся на мой инстаграм: / yan.ageenko
Читай мою книгу: www.litres.ru/yan-ageenko/kak...
Приходи ко мне на курсы: yan.ageenko.pro/school.html?ut...
Дополнительные видео по теме:
• Делаем отзывчивый диза... (про отзывчивый дизайн)
• Делаем адаптивный диза... (про адаптивный дизайн)
• Что такое pt, px, dpi,... (про плотность пикселей)
• Дизайн-система на HTML... (про дизайн-систему на HTML/CSS)
Помню, когда только начинал в вебдизйне, очень боялся сдать "неправильный" макет, который разработчик не сможет сверстать.
Потом сам начал верстать и понял, что сверстать можно все что угодно и неподготовленный макет это не конец света.
Но в любом случае существует рабочий этикет, надо уважать колег и не создавать никому лишней работы
Всем удачи!
Підскажіть, де проходили курси на верстальщика?
Ян ты очень крутой, ты много делаешь для нас ! СПАСИБО ТЕБЕ ОГРОМНОЕ, ЛУЧШИЙ !!!!❤
Спасибо большое, очень ценная и доступная информация! ❤
Класс! Спасибо, Ян!
Спасибо! Доступно и понятно. Со звуком все ок
Спасибо большое, очень полезно😊
Спасибо огромное) Хотелось бы еще вас видеть, когда вот такие видео с презентацией😄
Спасибо большое, полезное видео!
Спасибо за видео!
Спасибо за классные советы) Завтра сдаю первый проект, нужен совет: отрисовали мы все состояния кнопок, тексты и пр., в каком виде это отдавать? В качестве отдельного фрейма в файле с макетом? Без их экспорта?
достаточно вынести всё это в UI kit и открыть разработчикам доступ к файлу
@@YanAgeenko как я понял это просто макет с данными на отдельной картинке которая потом даётся фрон энду чтобы тот все это состовлял заного но уже без придумок) но вопрос так же актуальный как ему размеры те что были в фигме прописать в коде чтобы сайт и все расстояния были точно такими же,может в таблице стилей прописывается всё это?
Как выровнять текстовую рамку по тексту?
Да множество случаев, когда что-то из макета не реализуемо, потому что сама фича работает не так как думает дизайнер. Или потому что дизайнер не понимает как работают различные вещи на операционных системах (android/ios), на работу которых разработчик не может влиять. Ну и не говоря о том, что макет то может и реализуем, но такими неоправданными усилиями, что легче дизайн скорректировать.
Что-то с микрофоном не то в этом выпуске
Не нашла Color Space в веб версии.
Здравствуйте, не совсем по теме видео, но есть ли цвета которые запрещено использовать для коммерческих проектов?
Нет. Любые цвета можно использовать на любых проектах.
@@YanAgeenko то есть для сайтов, презентаций, дизайна соц сетей и продаваемой продукции? Фирменного стиля одним словом можно использовать любой цвет? Просто я где то слышала что цвет Тиффани запрещено использовать...
Любой цвет можно использовать где угодно
а как именно выдавать работу заказчику ? ссылку из фигмы кидать или как
Да, просто ссылкой
Здраствуйте Ян,можете дать безопасную ссылку на photoshop?
безопасная ссылка - только официальный сайт :)
@@YanAgeenko А как назывпется официальный сайт?
Слои предпочтительно называть русскими или английскими?
Если проект русскоязычный - не принципиально. Если англоязычный - на английском.
Зависит от команды. В некоторых командах может быть договорённость о том, как называются переменные и классы. В таком случае лучше называть точно так же, в том же кейсе, на английском, и понятно для разработчиков. Но в большинстве проектов это не настолько важно, можно и по-русски, если команда русскоязычная.
Привет! Все класс! Не поняла ruclips.net/video/xHR-619J3BY/видео.html (про плотность пикселей) - видео "Делаем адаптивный дизайн веб-сайта под мобильные устройства"?
Восхитительно, какой прогресс 2019-2020...
ошибочка вышла. Про плотность пикселей вот тут: ruclips.net/video/XWzE4_9Zny0/видео.html
(в описании тоже исправил ссылку)
@@YanAgeenko thank you very much
нарисовать походу можно что угодно и сверстать похоже тоже но если гугл на google page speed - напишет, что у вас не страница а куча сложностей - "типа проверка не пройдена" тогда вся это работа... - и понизит в выдаче по сравнению с конкурентами, тут команда скорее всего нужна - дизайнер, верстальщик программист и оптимизатор, тогда вопрос сколько этот бляха сайт будет стоить