Как правильно брать данные с макета?

Question

[Arman]

ДД. Первый раз верстаю, дали макеты, на каждом макете все размеры шрифтов разные, заголовки разные, шрифты похожие но разные. Это проблемы макета или верстальщик должен сам подбирать все? Сетки вроде нет; Отступы кажись на глаз надо делать.

Answer 1

[Владислав]

В смысле разные размеры?
На каждом макете может быть свой размер шрифта и сами шрифты, если дизайнер так решил.

верстальщик должен сам подбирать все

Зачем подбирать? В фотошопе же вам напишет размер шрифта.

Отступы кажись на глаз надо делать.

Не на глаз, линейка или выделение в помощь.

Comments

[Arman]

несколько файлов, в одном файле заголовок (h1) 31,16 / 38,59 , в другом 47,72 px / (57,26 px) и т.д. на вид при этом картинки одинаковые. Т.е. получается если все размеры с макета возьму, то все будет гулять от страницы к странице?

[Владислав]

Arik: 1. Это разные макеты или макеты разных страниц?
2. Почему вы решили что это именно h1?

[Mikalai Bulava]

Arik: плохой дизайнер.

[Arman]

Владислав: 1) разные страницы одного сайта. 2) там заголовочные данные.

[Владислав]

Arik: значит вопрос к дизайнеру. Ибо по правилам хорошей верстки, вы вообще должны заранее фонты задать. Я их в отдельный файл вообще выношу.
По поводу множества шрифтов, ну такое... Может быть и 4 разных шрифта и ничего страшного.

[Arman]

Владислав: спасибо. тек. сайт кажись тоже шрифты танцуют у них. а по шрифтам я уже 8 подключаю и это еще не все страницы.

[Владислав]

Arik: можно скриншот макета? Интересно глянуть.

[Arman]

Владислав: не уверен что могу передавать такое. спасибо за консультацию

[Андрей]

Arik: 8 шрифтов на 1 сайт это уже эребор.

Answer 2

[Конан Варвар]

Шрифты вы должны узнать либо у дизайнера, либо самому посмотреть, это можно сделать в фотошопе, кликнув на текст, если шрифт не стандартный вы получить уведомление, в котором будет написано название. После вы должны его подключить.
Отступы на глаз это какой в вилкой в тот же глаз. Все нужно мерять линейкой.

Comments

[Arman]

название шрифтов известно, но их количество зашкаливает. Есть какое то ограничение на кол-во шрифтов, не с техн. стороны, а со стороны дизайна?

Answer 3

[Mikalai Bulava]

Няшные дизайнеры делают стайл гайд, где указаны все состояния кнопок, цвета, размеры шрифтов и прочие элементы.
А вообще давно перешли на Zeplin и все рады. Рекомендую!

Comments

[Владислав]

Не особо рекомендую )
Есть много минусов в его использовании со стороны верстальщика.

[Mikalai Bulava]

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

[Владислав]

Crimp B: возможно. Я не скажу что прям нереально работать. Но в фотошопе удобней мне лично и отсутствуют минусы.
А в чем по вашему преимущество этого сервиса? Кроме защиты вашей работы (плюс важный, замечу).

[Mikalai Bulava]

Владислав: Все плюсы для верстальщика надо более подробно расспросить у моих коллег, это по их просьбе стал заливать туда все макеты. Но на мой взгляд там доступ ко всей информации(отступы, цвета, шрифты и т.п.) быстрее (но нужна аккуратность в самом PSD).

[Андрей]

Владислав: я бы с удовольствием послушал бы про плюсы photoshop перед тем же zeplin.

Answer 4

[Ivan Bogachev]

Это проблемы макета или верстальщик должен сам подбирать все? Сетки вроде нет; Отступы кажись на глаз надо делать.

Я бы спросил это у самого дизайнера. Если он нарисовал все как попало и хочет pixel-perfect - это его проблема, нужно или потребовать переделать или попросить больше времени на работу. В перспективе - научить его делать стайлгайды. При их использовании вопрос "что-то тут немного поехало на макете" уже не стоит так остро - вы смотрите в стайлгайд и берете размеры, шрифты, цвета из него. Я как-то раз делал эксперимент по использованию упрощенно-извращенного подхода к вопросу размеров и могу сказать, что после написания статьи он более-менее обкатался (на нормальных сайтах, а не на надуманном примере) и вполне может применяться в условиях отсутствия дизайнера-перфекциониста.

Answer 5

[Артур Набиуллин]

попробуй avocode