XDでコーディング代行・外注するときの注意点

menu

カテゴリー：お役立ち情報,コーディングの注文に関すること,スタッフブログ

2022年10月4日

こんにちは。コーディングの代行・外注をしています、株式会社だいずらぼの脇本です。

最近、AIやPSDに加えて、XDでデザインを入稿していただくことが増えてきています。

先日、このようなことがありました。

XDで入稿、デザインされた文字（文字のフォント自体はよくあるデバイスフォントだけれども、ならびや文字の大小など画像で扱うのが適当そうなバナーというか、メインビジュアル）があるデザインでした。

この場合、多くのケースでは、SVGで画像書き出しをして、画像として配置をしますが、画像で書き出しているつもりが、フォントが見ているデバイスによってことなるのです。

iPhoneでみると明朝系で、PCでみるとゴシック系。また、画像（だと思っている）なのに、改行位置も異なりました。

よく調べてみると、SVGで書き出した場合、アウトライン化した文字は、ベクターデータとして画像になりますが、そうでない文字は、文字列としてSVGの中に埋め込まれるんです。なので、SVGで画像（ベクターデータ）にしたつもりでも、文字なんです。

ロゴなどを、SVGで切り出しているケースは、アウトライン化した後に切り出ししないと、もしかすると別のデバイスで観たときには、全然違う形で表示されているかもしれませんので、気をつけましょう。一度、チェックしてみてください。

また、よくあるご質問で、XDだとアウトライン化できないでしょ？とか、XDはアウトライン化必要ないと仰る方がいますが、必ず、アウトライン化したデータも入稿してください。

AIで入稿される方は、おそらく、グラフィックデザイン出身の方が多いと思いますので、当然のごとくアウトラインしていただけますが、WEBデザインから始められた方は、あまりその習慣がないと思います。より良いデザイン、より良いサイトを制作するためにも、ご協力のほどお願いいたします。

投稿一覧

コーディングパックのメールマガジン