OnDeck賞 OnDeckインタビュー記事 大西 隆さん

2011/08/01 4:36 に 下川和男 が投稿   [ 2011/08/08 21:50 に 押山隆 さんが更新しました ]
メディアクエリを利用して、デバイスの縦幅に応じた複数レイアウトを実現した作品です。縦書きで制作された記事と横書きで制作された記事があります。それぞれのレイアウトが読みやすく作られており、雑誌としての表現に可能性を感じました。段組されたコンテンツを書字方向にスクロールさせたり、グラデーションで画像を背景に溶けこませるなど、細やかなデザインテクニックも駆使されています。
OnDeck award - "An OnDeck interview" created by Takashi Ohnishi
The work provides multiple layouts by using "media queries" depending on the various heights of the device viewport. Articles with vertical-writing and horizontal-writing are created respectively. Each layouts can be read easily and shows that EPUB 3 has large potentials for magazines. The work also provides various sophisticated techniques to demonstrate that multiple-column contents can be scrolled toward the writing direction and gradation images can be used as the background.

【作者からのコメント】
EPUB3コンテストOnDeck賞をいただき誠にありがとうございます。今回の作品はInDesignで一度レイアウトをして、それをcssでできるだけ再現するという手順で作ったのですが、InDesignとWebkitでの組版の実装の違いで苦労しました。横組版を完成させた後、縦組版に挑戦する際に「htmlテキストは横組と共通化させる」というルールを自分で設定したのですが、英数字はともかく、引用符や小数点など縦組専用の約物をどう表示させるか相当悩みました(今回の方法が正しいかどうかわかりませんが…)。EPUB3に関してはまだまだ勉強不足なのですが、他の応募作品を拝見しても想像以上に多様な表現が可能だと実感しましたので、今後も何らかの形で関わっていければと思います。
ċ
epubcon0103_OnDeck_h.zip
(584k)
下川和男,
2011/08/02 1:42
ċ
epubcon0103_OnDeck_v.zip
(586k)
下川和男,
2011/08/02 1:42
Comments