devlove pubという集団による技術書定期刊行と出版を支える技術 表紙編
DESCRIPTION
XP祭り2014 C-4 「DevLOVE Pubという集団による技術書定期刊行と出版を支える技術」の一部で話した時の資料です。 電子書籍同人誌の表紙という観点で重視したことについてお話ししました。TRANSCRIPT
![Page 1: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/1.jpg)
XP祭り2014 C-4
DevLOVE Pubという集団による
技術書定期刊行と出版を支える技術
表紙編
![Page 2: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/2.jpg)
自己紹介
S-Kic(キク)
XP祭り2014 2
仕事C/C++やC#でプログラム書いてます。最近はJava5に襲われた。
仕事以外Windowsストアアプリを中心に、FirefoxOSや、NFC、LeapMotionなどのデバイスを絡めたものに興味を示しやすい。
趣味落描きと書道モドキ。自社のキャラデザインやコラムの挿絵、コミュニティ活動用のイラストを描くことも。
最近の悩み近々の活動をふりかえると、本人やソースコードよりイラストの露出が多いため、プログラマを名乗るのにためらい気味。
DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 3: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/3.jpg)
今夏の本では、表紙とWindowsストアアプリからOctokit.NETを使った話を書きました。
DevLOVE Pubでの活動
XP祭り2014 3DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 4: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/4.jpg)
今日は
表紙の
お話です
本日の主旨
XP祭り2014 4DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 5: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/5.jpg)
じゃあ要件を聴こうか
キャラクターをつくる
2次元と3次元のレイアウト
色についてのイロイロ
まとめ
目次
XP祭り2014 5DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 6: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/6.jpg)
じゃあ要件を聴こうか
XP祭り2014 6DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 7: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/7.jpg)
タイトルは Far East Developer Review
どんな内容の本ですか?Harvard Business Review のような本明朝体の似合う硬い感じ
どんな表紙をイメージしてますか?コミックマーケットでも頒布する萌えキャラを入れてほしい
じゃあ要件を聴こうか
XP祭り2014 7DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 8: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/8.jpg)
クライアント自身もどのような物が欲しいのか具体化できることは稀
スケッチで頭の中のイメージを共有
じゃあ要件を聴こうか
XP祭り2014 8DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 9: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/9.jpg)
キャラクターをつくる
XP祭り2014 9DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 10: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/10.jpg)
必須の質問どの絵を見て依頼しましたか?
クライアントの欲しいタッチやイメージにあわせる
キャラクターをつくる
XP祭り2014 10DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 11: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/11.jpg)
今回は、スライド ( http://www.slideshare.net/satokic9/lt-2012 )
キャラクターをつくる
XP祭り2014 11DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
のXP祭り娘でした
![Page 12: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/12.jpg)
主に使用されるシーン
電子書籍の表紙Webやイベントのブースに表紙を並べることもあるので流し見たときに目立つこと
キャラクターをつくる
XP祭り2014 12DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 13: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/13.jpg)
ターゲットを想定する
IT系開発者、学生(中学生以上)
男女とも受け入れられることどちらかが手に取りづらいのはNG
ターゲットの以外の人間接的に目にするので、あまり引かれるような絵柄はNG
キャラクターをつくる
XP祭り2014 13DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 14: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/14.jpg)
最低限決めること
性別、年齢、雰囲気外見を決める要因
性格表情やポーズに反映
キャラクターをつくる
XP祭り2014 14DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 15: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/15.jpg)
特徴やキーワードを広げていく
キャラクターをつくる
XP祭り2014 15DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 16: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/16.jpg)
2次元と3次元のレイアウト
XP祭り2014 16DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 17: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/17.jpg)
どこで使用されるか(3次元) 電子書籍の表紙
どのような内容か一目でわかる見た人に誤った情報を与えない
告知サイト縮小したWeb用画像にする細かすぎる文字はNG
イベントでの頒布周りの頒布物に埋もれない
2次元と3次元のレイアウト
XP祭り2014 17DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 18: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/18.jpg)
不安な点
キャラクターを配置した表紙
中身が文字ばかりの技術書だと思われないかもしれない
本来のターゲットに表紙で避けられる可能性がある
2次元と3次元のレイアウト
XP祭り2014 18DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 19: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/19.jpg)
表紙のレイアウト(2次元)Harvard Business Review=ビジネス書という先入観を利用してみてはどうか?
DevLOVE Pub既刊にパロディ表紙あり
雑誌風=記事のタイトルを列挙できる
キャラクターで本家と区別できる
2次元と3次元のレイアウト
XP祭り2014 19DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 20: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/20.jpg)
本家のサイトや実物の雑誌を観察し、特徴を抜き出します
左上: 四角の帯にエンブレム、太めのゴシックによる書籍名
右上: その号の年月
テーマや記事の内容を示す文字は明朝体
画面上の画像と文字の配置、配色は毎号異なる
基本的に、フォントデザインは応用美術に属するため著作権に問われることはない(同じフォントを使ってロゴを作ってもOK)
レイアウトや配色もアイディアとみなされ、著作物とは判断されないことが殆ど(レイアウトと配色双方をあわせて創造性があると判断されれば著作物とみなされることもあります)
ロゴとしての意匠権、商標権に抵触しないか?経済産業省のデータベースで検索したところ、該当なしのためパロディを作ることに
上記の特徴のうち「エンブレム」には創造性があると思われる
ここはオリジナルの要素で作る
DevLOVE Pubのマスコット…でぶっちを図案化
パロディを作る際に注意していること
インスパイアの範囲に留める
本家の権利を侵害しない(顧客を奪わない)
パッと見で別物と分かるようにする
余談:パロディを作る
XP祭り2014 20DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 21: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/21.jpg)
閑話休題
脱線しました
XP祭り2014 21DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 22: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/22.jpg)
色についてのイロイロ
XP祭り2014 22DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 23: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/23.jpg)
電子書籍の表紙 テーマカラーとサブカラーを決める サブカラーは補色に近い色相から選ぶ キャラの色や影は濃くしすぎない
• 1番に目立たせるのは記事名• 2番目に書籍名• 最後にキャラクター
各パーツに優先順位を持たせる
色についてのイロイロ
XP祭り2014 23DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 24: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/24.jpg)
印刷対応
ポスターや見本として印刷されることもある
ファイルは300dpi以上、カラー設定はCMYKで作成する
光沢紙カラーコピーで色味をチェックする
色についてのイロイロ
XP祭り2014 24DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 25: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/25.jpg)
色についてのイロイロ
XP祭り2014 25DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
印刷対応
白黒印刷の確認はグレースケールで
![Page 26: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/26.jpg)
まとめ
XP祭り2014 26DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 27: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/27.jpg)
イラスト(表紙)は伝えるもの
目的は指標でありDoneの定義
要件→試作→フィードバック
優先順位をつけて作成
常にリリース可能な状態で育てる
テスト環境での確認も忘れずに
まとめ
XP祭り2014 27DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 28: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/28.jpg)
FEDR 2014年 夏号頒布ブースでお待ちしています
執筆者も募集中!
Far East Developer Review
XP祭り2014 28DevLOVE Pubという集団による技術書定期刊行と出版を支える技術
![Page 29: DevLOVE Pubという集団による技術書定期刊行と出版を支える技術 表紙編](https://reader031.vdocuments.pub/reader031/viewer/2022020105/5561516fd8b42a857d8b4f75/html5/thumbnails/29.jpg)
バックナンバー情報は
http://devlovepub.github.io/ で
DebLOVE Pub 既刊のご案内
XP祭り2014 29DevLOVE Pubという集団による技術書定期刊行と出版を支える技術