@BltbCity

Как сделать верстку по макету?

У меня есть дизайн сайта. (макет) Это обычное изображение. Как верстать? В смысле, как узнать шрифты, отсчитать точное расположение между обьектами, как узнать цвета?
  • Вопрос задан
  • 418 просмотров
Решения вопроса 2
archelon
@archelon
откройте в любом графическом редакторе (photoshop).
шрифты «на глаз», цвета пипеткой, размеры линейкой.
Ответ написан
@maksim92
Вот вам детально все расписано)

https://m.habr.com/ru/post/202408/

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

Ну и так далее. Информации по этой теме в интернете много. Есть даже видео и куча уроков. Я вам скинул один пример. Для старта этого будет достаточно.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Dasslier
Junior FrontEnd Developer
Есть очень удобный инструмент, Avocode, вполне заменяет фотошоп для работы с макетом. Все шрифты, цвета, отступы можно получить из него. Первые 30 дней бесплатно, дальше, вроде 6$.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы