XDのデザインカンプからコーディングする際、文字部分の行間や文字間はどこまで正確に写すべきか

Question

前提

XDのデザインカンプからコーディングする練習をしています。
デザインカンプを背景に透過させてパーフェクトピクセルでコーディングしようとすると、文字部分がすごい複雑（行間、文字間、文字の高さなどがバラバラ）で、大変です。
お手本を見ると、そこまで意識してはいませんでした。

知りたいこと

デザインカンプからコーディングする際、行間や文字間などは統一してしまっても良いのでしょうか。

補足情報（FW/ツールのバージョンなど）

デザインカンプ：Adobe XD
実行環境：google chrome
拡張機能：「Full page screen capture」、「PerfectPixel」
使用カンプ：クリスタさんのコーディング課題初級・上級、ちづみさんのコーディング課題その２

Answer 1

デザインカンプからコーディングする際、行間や文字間などは統一してしまっても良いのでしょうか。

依頼内容次第です。「1ピクセルまでこだわる」ことがあるかもしれませんし、雰囲気が再現できれば細かな寸法は別にどうでもいいのかもしれません。

Comments

[maisumakun]

もっとも、ブラウザ環境はマシンやブラウザが変わればレンダリング結果は大きく異なりえます。多くの場合に、「どんなブラウザで見てもピタリ一致」ということは求められないです。

[dentiste]

実案件では事前に依頼者に確認をとった方が良さそうですね。
練習ではChromeでできる限り合わせられるように頑張ってます。
ご回答ありがとうございました！

Answer 2

デザインカンプからコーディングする際、行間や文字間などは統一してしまっても良いのでしょうか。

制作現場では、多くの場合デザイナーさんと相談して決めます。

本質問では、課題のようなので、むしろカンプ通りにすべきかと。
なぜなら、どんなデザインでも表現できるようにわざとバラバラにしている可能性が高いからです。

Comments

[dentiste]

わざとバラバラにしている可能性もあるのですね！
カンプ通りにコーディングできるように頑張ってみます。
ご回答ありがとうございました！