【Web制作】カテゴリの記事

昨日のセミナーにて「ダイワリって?」という方がいたので、ざっくりと表にしてみました。

  • {}がついているのは、ちょっとムリがあるかも系
カテゴリ読み方Web
紙面設計つめグローバルナビゲーション(グロナビ)
「書籍名」はしらサイトID(左上のロゴ)
「章」グロナビのYou are here.
「節」{パンくずリスト}
Copyrightこぴーらいとmeta要素
準備台割だいわりサイトマップ
章立てしょうだてハイレベルサイトマップ
グリークテキスト Lorem Ipsum
ワイヤーフレーム ラフレイアウト
書籍おび{スプラッシュ}
奥付おくづけmeta要素
-
図版角版かくはん 
ページノンブル
(ページ番号)
 -
リンク相互参照そうごさんしょうサイト内リンク
脚注きゃくちゅう{ページ内リンク}
コンテンツ大見出しおおみだしh1
中見出しなかみだしh2
小見出しこみだしh3
カラーCMYKしーえむわいけーHEX
DICでぃっく
PANTONEぱんとーん
文字関連級数きゅうすうfont-size
行送りぎょうおくりline-height
アキ外マージン margin
内マージン padding
その他目次もくじXMLサイトマップ
ISBN {URL}

InDesignデータありきでWeb/EPUB/Kindle用にHTMLファイルを作成する必要があり、今回、次のように考えました。

  • InDesignからの書き出しは、かえって手間がかかる。かといって、プレーンテキストにタグ付けするのは時間と手間がかかりすぎ
  • InDesign内で、「見出し1」の行頭に「# 」、「見出し2」の行頭に「## 」、のように、Markdown記法の記号を付けて、プレーンテキストに書き出せばよい

InDesign上でMarkdown記法の記号を付ける

InDesignの検索置換を使う。

  • 正規表現を用いて、「行頭」を指定する
  • 検索条件に「段落スタイル」を設定する

具体的には次のように指定する。

  • 検索文字列:^(.)
  • 置換文字列:# $1
  • 検索形式:「段落スタイル:h1」

先日公開したこちらの記事(EPUB/Kindleの制作についてのメモ(InDesignから))で、次のように書きました。

InDesignからのEPUB書き出しは、CC 2015でも楽勝とは行きません。相当手をかける必要があります。

それ以上に困ってしまうのが、InDesignが書き出す画像の質。設定は細かくできますが、ちょっと甘いな、というのが実感です。

乱暴な言い方をすると、電子書籍(EPUB、Kindle)のアウトプットを前提とする場合、InDesignを起点とするワークフローは最適とはいえません。

昨年(2015年)5月の次のエントリーで「適切なファイル名を付けることをやめた」と書きました。

これが発展して、現在、フォルダー監視アプリ「Hazel」とドロップレットを使った半自動のワークフローになっています。

スクリプトなどを使うと、さらに省力化できそうですが、私には難しく、とはいっても、外注して制作をお願いするほどのものでもありません。同様の方に、少しでも参考になればと思い、共有します。

使うもの

  • Photoshop
  • A Better Finder Rename(リネーマー)通称「ABFR」
  • Captur
  • Transmit(FTP)
  • Hazel(フォルダー監視)
  • MacDown(Markdownエディター)
  • Excel

チラシをはじめとするプリントメディア用のデジタルデータが最初にありきで、その後、Web用のデータをPhotoshopで起こす、というケースについて考えてみました。

おさえておきたい基本(と前提条件)

  • プリントメディア用のデータはCMYK、Web用はRGB。画像はRGBのまま活用するとしても、スウォッチなどのカラーは変更する必要がある
  • Photoshopでゼロから作り直すのはナンセンス。スタイルなどを作り込んでいても、Illustratorのデータを使い回さないのはもったいない

Illustratorデータ(パーツ単位)をPhotoshopで使う方法

Illustratorファイル内から部分的に使う場合には、次の方法があります。

  • [A]スマートオブジェクトとして配置
  • [B]CCライブラリ経由で共有する
  • [C]IllustratorからPSDとして書き出す

それぞれについて解説します。

『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』(増強改訂版)は、2011年発売の『10倍ラクするIllustrator仕事術』の改訂版。2014年に技術評論社から発売、現在5刷です。2011年版と合わせて35,000部のロングセラーとなっています。

詳しくはサポートサイトにて。

画像:『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』全都道府県縦断セミナーツアー、 47都道府県すべての県での開催が終了しました。ご参加ありがとうございました!

画像:『10倍ラクするIllustrator仕事術』改訂版

5つの「く」

画像:『10倍ラクするIllustrator仕事術』改訂版

DTP Transitのコアとなっている制作へ考え方「ムラなく、モレなく、直しに強く、手数を少なく、美しく」を5つの「く」としてまとめてみました。

オススメのスライド

お問い合わせ

メールマガジン

サイトの新着情報などを、月1回程度、メールマガジンでも配信しています(まぐまぐから配信。無料です)

オススメ記事

Illustrator

InDesign

Photoshop

その他

 

リンク

このページの上部に戻る