DTPとWebデザインの違い｜未だ儲かるのはDTPだけどこれから勉強ならWeb

DTPオペレータ兼コーダーをしています、筆者ミミウサです。

ミミウサ

DTPの仕事とWebの仕事、両方興味あるけど、今から勉強するならどっちがいいかな。

どっちが儲かるかも知りたいねえ。

という方への参考として、「DTPとWebデザインの違い」を、実体験を元に紹介したいと思います。

Contents

DTPとWebデザインの違いを一言で

DTP　＝　紙
Web　＝　パソコン・スマホ

「DTPは問題なく紙に印刷（※）できること、Webの最終目的はどのようなパソコン・スマホでも表示が崩れることなく表示できること」最低限、このゴールだけ達成できていればクライアントとも揉めることはないです。

※紙に印刷とは、オフセット印刷に耐えうるデータを作れるかということです。

簡単　DTP　＞　Web　難しい

です。

理由は、Webの方が対応すべきデバイスが多すぎて、表示確認がし切れないことです。

また、DTPのデータのデータチェックは、現在のAdobeソフトではプリフライトチェックを自動でしてくれるので、チェックに関する知識はいらなくなったのもあります。

DTP　＞　Web

補足をすると、簡単な部類のWeb関連作業（既存サイトの流用デザインやコーディングなど）と、多言語（ドイツ語・タイ語・中国語・・など日英言語以外）のDTP作業を比較しています。

筆者の場合、DTPだとA4版1ページ1800円くらいで受注しています。

Web作業の方は、スキル的に難易度の低い作業のみのため、時給1500円程度です。

フルデザインで一切合切おまかせできるようなWebデザイナーさんでは、DTP以上の稼ぎにはなるのでしょうが、意外とDTPって美味しいなと思うのです。

DTP　＞　Web

万が一、データに不備等があってトラブルになりやすいのはDTPです。

DTPの場合でも、オフセット印刷する場合は、データの不備は致命的かつ影響がでかい！

印刷まで行ってしまうとやり直しが効かないですからね。

今はDTPといえど、オフセット印刷までする案件少なくなりましたが、印刷対応する場合のデータの確認は気を使います。

一方、Webの方はやり直しが何度でもきくので、データに不備があってもリカバリはしやすくトラブルまでには発展しにくいです。

DTPとWebは単位というのも説明しやすい違いのひとつ。

DTPでもWebでもイラスト作成も込みという案件があり、筆者はすべてAdobe Illustratorで描いています。

Illustratorの環境設定＞単位を、DTPだと「一般：ミリメートル、線と文字：ポイント」、Webだと「全部ピクセル」に設定しています。

というように、DTPとWebの両方をする人は単位設定をちょこちょこ変更するという手順が加わります。

Adobe Creative Cloud（アドビ・クリエイティブ・クラウド）

Creative Cloudは、DTP・web・動画などのアプリが20種類以上の月額で使い放題というものです。

筆者が主に使っているのは、以下のアプリです。

InDesignではなく、FrameMakerでという案件もたまにありますが、FrameMakerはCreative Cloudで使えるアプリには入っていないので要注意。

筆者はFrameMakerは苦手なので案件を受注していませんが、FrameMaker案件も対応するという場合は別途で購入となります。

FrameMakerはTechnical Communication Suiteの方に入っています。

Dreamweaver：筆者のように簡単なWeb作業のみの場合は、Dreamweaverはいらないです。ただ、後で説明するDTPとWebで共通に使える機能が便利なので使っています。
Photoshop：画像加工に
Illustrator：イラスト作成に。DTPの場合は色の設定をRGBに。