Hatena::ブログ(Diary)

DTP+印刷営業メモ このページをアンテナに追加 RSSフィード Twitter

2009-04-04-土 デザイナーがWebからDTPに移行しないかもしれないけどアドバイス

デザイナーがWebからDTPに移行する際の11のアドバイス

*デザイナーがDTPからWebに移行する際の11のアドバイス | コリス」が元ネタ。@sorariumが書けっていうんで(嘘)


WebからDTPに移行する際、今まで培った法則やスタイルを捨てるということではありません。DTP向けにそれらのスキルを活用します。*1


1. Design your pages and images at 350dpi

350dpiでデザイン

DTPは72dpiではなく、350dpiを使用します。*2


2. Use CMYK

CMYKを使用

カラーモードはRGBではなく、CMYKを使用します。*3


3. Design in Illustrator

作業はIllustratorで

DTPで使用するグラフィックの多くは、Illustratorを使用します。*4

ピクセルベースではなく、ベクターベースのデザインです。


4. Use a grid and check your bleed

幅はミリメートル単位で*5

レイアウトにはミリメートル単位のグリッドを使用します。

端まで色や写真を入れる場合は仕上がり+3ミリメートルまで色や写真をはみ出させます。


5. Use safe fonts

DTP用のフォント

データを受け取る側のフォントは、OSごとに異なり、また自由に変更することもできます。そのため、より多くのユーザーが利用している安全なフォントを使用します。*6

またはヘッダやイラストのテキストや通常のボディテキストは、アウトライン化したテキストにします。


6. Never rasterize copy

ラスタライズはしない

仕様書など原稿のテキストはラスタライズしないでください。


7. Organize. Organize. Organize.

レイヤーは整理して保持

Photoshopのレイヤーには適切なレイヤー名をつけ、フォルダを使用して整理・管理します。

修正や更新などに備えて、レイヤーをフラットにしないでください。*7

不要なリンクファイルは一緒にしないで下さい。


8. Design for the content and for your users.

コンテンツを重視

アート性を求めるのではなく、ユーザーが情報を入手しやすいようにコンテンツを重視してデザインします。

入力ミスも注意してデザインしてください。*8


9. Know your shortcuts

ショートカットをマスター

Photoshopのショートカットは一通りマスターしておきます。

ついでにIllustratorのショートカットも一通りマスターしておきます。*9

作業時間を短縮し、生産性を向上します。


10. Save comps properly

ファイルの保存は適切に

IllustratorでのPDF書き出しには、「複製を保存」を使用します。主に、PDF/X-1aを選択します。*10

元のAIを保存することも忘れないでください。


11. Stay informed and inspired

情報収集とインスパイア

ウェブの情報を吸収し、常に刺激を受けるようにしてください。

できれば専門雑誌や書籍を買って印刷媒体からも情報を吸収し、常に刺激を受けるようにしてください。

*1:そっちの方向は少ないだろって言うのはナシな

*2:300dpiでもいいけど、350〜400dpiが日本ではオススメだ

*3:最近はRGBでも良い場合もあるけど、安全のためにCMYKをオススメだ

*4:InDesignも使えるとCoolだ

*5:別にポイントでもいいけど、センチメートルを使うとなんとなくPhotoshoperっぽい

*6:何が安全かはデータを受け取る側に聞いてくれ

*7:ただし出力に不要なレイヤーはない方がいいぜ

*8:2thとか21thとかは特にな

*9:さらにInDesignもマスターしているともっとイイ

*10:PDF/X-4とか選んで失敗しても知らんぞ

はてなユーザーのみコメントできます。はてなへログインもしくは新規登録をおこなってください。

トラックバック - http://d.hatena.ne.jp/jdash/20090404/transitioning_from_a_web_to_print_designer