Что нужно знать дизайнеру об Avocode?

Question

[Тостерянка]

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

Comments

[Mikhail Osher]

Благослави Вас за такой подход к работе.

[Lorri]

Mikhail Osher: Вы бы лучше ему по существу ответили или подсказали где искать))

[Lorri]

Тостерянка: ему - дизайнеру =)

Answer 1

[Dartess]

Странно, что по сути так никто и не ответил. Ключевых момента три:

Не использовать режимы наложения, отличные от Normal. Avocode просто не отобразит наложение. Да и средствами css это пока плохо реализуется.

Не вставлять векторную графику смарт-объектами. Смарт-объект можно открыть только отдельно, а размеры там не будут совпадать с размерами на макете, соответственно нужно будет страдать с вьюпортом и размером svg.

При использовании изменения межбуквенного расстояния указывать это в каком-либо сопроводительном документе. Avocode до сих пор не научили его распознавать, и заметить его можно лишь внешне.

А вообще, с таким отличным подходом, стоит почитать https://github.com/nicothin/web-design , большинство пунктов подходит всем, но если есть регулярный верстальщик, спросите, может, он с чем-то не согласен.

Comments

[Тостерянка]

спасибо!

[Тостерянка]

Dartess, а не могли бы Вы мне "разжевать" предложение по Вашей ссылке: "Вертикальные границы текстового блока проходят по границам «высоты линии», а не по границам букв первой и последней строк." Давно и безрезультатно пытаюсь определить, где же границы текстового блока по верстке...

[Dartess]

Тостерянка: надеюсь, так будет наглядно: https://i.gyazo.com/055b55e75769f734d93707f54d3b7a... это 20px текст в блоке. Межстрочное расстояние - 1, т.е. 20px. бледно серный - границы полученного блока, которые зависят от содержимого. Серый - выделенный текст, для дополнительной наглядности занимаемого строкой места.
https://i.gyazo.com/d325787e79c0760fc676e4dcda1870... а это тот же блок при 2.5 межстрочном расстоянии, то есть 45px. И нет, я не могу объяснить, что при этом происходит с первой строкой текста))) Но это явно не 45px, но и не верхняя граница текста, как получается в фш (https://i.gyazo.com/dca3b7dd79d752c5c812cb766564e4...

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

Answer 2

[Mikhail Osher]

Не назову себя экспертом в дизайне, и, возможно, назову очевидные вещи, но:
- нормальные названия слоёв
- понимать, что верстать любят по сетке (скажем, из 12 колонок, которые можно группировать)
- понимать, что такое margin/padding/border/line-height, чтобы версталщик не вешался от отступов на блоках вроде 3px 7px 4px 6px.