縦組みのデザイン - Hatena Design Group

こんにちは。現在カクヨムのデザインを担当しておりますデザイナーの id:murata_s です。 先日、カクヨムでは縦組み機能をベータリリースしました。これは文字通りウェブブラウザ上で小説を縦組みで表示することができる機能です。リリース後書き手ユーザーの皆さまを中心に多くの反響がありました。 この機能開発では、基本的な組方向に関する変更に加え、画面のデザイン的にも新しい試みを行っています。そこで、今回はウェブにおける縦組みのデザイン事例としてこれを紹介します。 小説を縦組みで読みたい ウェブ小説を縦組みで読みたいという、シンプルなモチベーションで始まった縦組み機能の開発ですが、アイデア自体はサービスの立ち上げ当初からチーム内で挙がっていました。日本語で紡がれた物語を縦組みで読みたいという欲求は、小説文化に親しみのある者なら誰もが思うことだと思います。実際にご利用いただいているユーザーさんと

[richard_raw]

カクヨムの縦組み機能のデザインについて。こんな仕事してみたいかも。

[roirrawedoc]

ところでiBooksとかkindleとかの電子書籍はユーザーに縦横切り替えさせてくれないかなあと前から思ってるのだが実現しないのかな

[macneko-ayu]

組版の見栄えがどうこうっていうのはあるとしても、試み自体は素晴らしいと思う。小説は縦組でリズムよく読みたいものだ

[pmint]

日本人が自分らで開拓して行かないといけない縦組み。

[fuji-nakahara]

“変化にがっかりしてしまったり、余計に気を取られてしまったり、視線の移動にも一苦労かかるようになりそう” この辺りユーザテストとかで検証したのかな。すべてを縦にするのはアグレッシブすぎな感じがする

[sayurishirose]

んー、縦書きはいい文化？なのか？

[Fushihara]

漫画と小説の縦書き文化はそのうち消えると思ってる。けど、どうかな

[barlog]

カクヨムでの縦組みレイアウトにつて

[mohri]

縦組みのWeb標準の現状って仕様とブラウザのともにどんなかんじなんだろう

[lavandin]

これは読んでみようかなーという気持ちになる！

[asyst]

初見でスイスイ読めたのがすごい

[mia-nohara]

ついにカクヨムも縦書きになったか！

[hdampty7]

galaxyについて何も言及されていない。

[ywv]

これ思い出した。どちらも生みの苦しみを感じる内容で、利用者としては感謝の念に堪えませぬ。https://devpixiv.hatenablog.com/entry/2015/06/15/190845

[aereal]

かっこいい

[kuro_pp]

そういやはてなさんがやってたんでしたっけ。文字ものも結構イケるか／あとは著作権保護をどうするかとかですかね

[aoasagi]

縦組みいつのまにかここまでできるようになってたんだな…

[zonu_exe]

きれい

[yarumato]

“デザインが読書の妨げにならないようにするために、本文はもちろん、UIごと、できる限りすべてを縦にする。振り切ったほうがルールが明確になって良い。ウェブにおける組版を良く見せる調整。”

[nmy]

最高の仕事

[mr_mayama]

ようやくcanvasで縦組みしない大手のリーダーが出てきてくれたなぁという印象。目立つ問題として、ブラウザ側の日本語禁則処理がゴミなので、そこはぜひ標準化団体に頑張って貰いたい。