XDでコーディング代行・外注するときの注意点
カテゴリー: お役立ち情報,コーディングの注文に関すること,スタッフブログ
- 2022年10月4日
こんにちは。コーディングの代行・外注をしています、株式会社だいずらぼの脇本です。
最近、AIやPSDに加えて、XDでデザインを入稿していただくことが増えてきています。
先日、このようなことがありました。
XDで入稿、デザインされた文字(文字のフォント自体はよくあるデバイスフォントだけれども、ならびや文字の大小など画像で扱うのが適当そうなバナーというか、メインビジュアル)があるデザインでした。
この場合、多くのケースでは、SVGで画像書き出しをして、画像として配置をしますが、画像で書き出しているつもりが、フォントが見ているデバイスによってことなるのです。
iPhoneでみると明朝系で、PCでみるとゴシック系。また、画像(だと思っている)なのに、改行位置も異なりました。
よく調べてみると、SVGで書き出した場合、アウトライン化した文字は、ベクターデータとして画像になりますが、そうでない文字は、文字列としてSVGの中に埋め込まれるんです。なので、SVGで画像(ベクターデータ)にしたつもりでも、文字なんです。
ロゴなどを、SVGで切り出しているケースは、アウトライン化した後に切り出ししないと、もしかすると別のデバイスで観たときには、全然違う形で表示されているかもしれませんので、気をつけましょう。一度、チェックしてみてください。
また、よくあるご質問で、XDだとアウトライン化できないでしょ?とか、XDはアウトライン化必要ないと仰る方がいますが、必ず、アウトライン化したデータも入稿してください。
AIで入稿される方は、おそらく、グラフィックデザイン出身の方が多いと思いますので、当然のごとくアウトラインしていただけますが、WEBデザインから始められた方は、あまりその習慣がないと思います。より良いデザイン、より良いサイトを制作するためにも、ご協力のほどお願いいたします。
投稿一覧
- Web制作に役立つツール「リンク切れチェッカー」をリリース
- コーディング代行のおすすめの会社9選
- ウェブサイト構築時のアクセシビリティ対応:WEB制作会社が知っておくべきこと
- ワードプレスが動かない!真っ白に!バージョンアップについてお困りではありませんか?
- コーディング代行サービスの会社が教える、フリーランスWeb開発者が知るべきSEO対策のポイント
- CSSフレームワークの比較: Bootstrap、Foundation、Bulma
- HTML5とCSS3の最新機能を活用したウェブデザイン
- ウェブページのパフォーマンス改善のためのHTML最適化
- 業界の全体最適を目指して、業務フロー・業務プロセスを学び効率化する研修に取り組みます
- CMS構築の依頼で失敗しないための注意点