Примеры макета SENIOR-дизайнера?

Question

[godsplan]

Есть ли ресурс или у вас примеры дизайна в котором учтено все для разработки, в плане брекпойнтов, подходов к веб диайзну юай китами и прочем именно в формате макета в фигме или где то еще?

Просто обычно я берусь верстать макеты и вижу кучу вещей о которых дизайнер не подозревает (Например учитывать что длинна слова в блоке может быть больше той чем он задал, line-height в пикселях, не относительные размеры шрифтов и так далее)

Comments

[Aleksey]

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

[godsplan]

Aleksey, не все а хоя бы базу с которой разработка ускорится в пять раз.
не важно придумал я это или нет, посыл ясен

[Strannyk]

Стартовая страница Google.

[Кирилл Горелов]

Strannyk, Достойно)))

[Ankhena]

godsplane,

о которых дизайнер не подозревает

Мне кажется, что и не особо должен.
Ну разве что компоненты и цвета нормально сделаны, да слои сгруппированы и подписаны с какой-то логикой.

(Например учитывать что длинна слова в блоке может быть больше той чем он задал

Если это заголовки и какие-то выделенные слова, то да, с переносами может смотреться не очень.
А так, верстальщик справится.

line-height в пикселях

Да, коэф из % удобнее пересчитывать, чем из px. Но по большому счету, тоже не дизайнерская головная боль.
Можете попросить своего указывать в %. Точнее поинтересоваться, а не сильно ли это усложнит его работу.

не относительные размеры шрифтов

Насколько мне известно, у текстовых слоев нет детей, чтобы что-то получилось в em.

Возможно, вам имеет смысл сделать простейший макетик, пусть даже схематичный, с теми требованиями, которые вы предъявляете дизайнеру. И оценить удобство, трудозатраты, целесообразность.
Думаю, взаимопонимание с дизайнером после этого повысится.

Answer 1

[Алексей Дубровин]

"Сеньор помидор" дизайнер лично для меня
1) Делает под 3 брекпоинта. (Мобилка, Планшет, Компуктер)
2) Выносит отдельно(Цвета, кнопки со всеми состояниями, повторяющиеся блоки, шрифты)
3) Отдаёт архив со шрифтом.(Я попросил мне лично отдаёт.)
4) Валидные блоки в инструменте(Чтобы я мог нормально, без танцов с бубном смотреть отступы)

По поводу длины. Это он и не должен учитывать особо.
В мире сколько языков?. Начертаний и тд. Это просто невозможно.

Тк-же если блок редактируется не думаю что он должен про это думать. У них своих проблем выше головы.
line-height особенно в фигме дизайнер не задаёт. Он тянет блоки. То что фигма вам генерирует файл к верстке никак не относится. ( Это в первую очередь инструмент для дизайна. А не для вёрстки.)
Относительные размеры шрифтов?) Создай такой инструмент, сделайте его удобным и будут тебе делать. Проблемы нет.
Пока это всё выглядит не как проблема дизайнера. А как не "Сеньорность" верстальщика.

Comments

[Mikhail Osher]

4 пункт один из самых главных в моём списке

Answer 2

[Владимир Коротенко]

ya.ru
и прочие творения Артемия

Comments

[Antony Bark]

Владимир Коротенко сарказм?

[Владимир Коротенко]

Antony Bark, Просто признание заслуг этого человека.