縦書き
レイアウトを
Web標準へ

Making Vertical Layouts
A Web Standard

The concept of being able to choose between a horizontal and a vertical layout is one that is completely normal and widely used in Japan, but not so much in other regions.

However, some east Asian countries use vertical writing in their daily life and even countries that normally use horizontal writing sometimes arrange text vertically.

At the moment, expression of ideas on the web is almost always done horizontally, but if the Japanese expertise of using vertical text were to be used more widely and freely along with the currently used horizontal text, freedom of expression of all web-page layouts would greatly increase.

With this goal in mind, Study Group on Text Layout for Next-Generation Web Browsers now pushes for the globalization of the vertical text layout and its use in a variety of web content.

{INFO2018.10.3 当委員会の活動が、2018年度グッドデザイン賞を受賞しました!2018.2.28 「Webの縦書きをデザインする」を技術解説に追加しました。 }

What is Vertical writing

When we refer to vertical text, we mean the style in which letters or words are arranged in a column. The columns are then read from right to left or from left to right depending on the material. In old times, there were cases where passages were written to be read from the bottom up, but this is not something commonly used nowadays. The vertical style of writing is said to be a feature found in languages that use Chinese characters such as, Chinese, Taiwanese, Korean, Japanese.

Vertical text is used quite often in Japan in novels, magazines, textbooks, newspapers, comics and many other published materials. It is also used in many government publications, on many shop signs, and in many catalogues and pamphlets. Its use in terms of advertising is diverse and this is not only because vertical text is an old custom in Japan, but rather for the fact that it can be used as a way to catch people’s eye and make a strong impression on the reader. This is often done by mixing vertical and horizontal text together and creating a very complicated layout that is full of expression. It is also used quite frequently on meishi, the common Japanese business card, and to write letters or the names needed to send those letters on envelopes. Musical scores for the traditional Japanese flute, the shakuhachi, are also written vertically.

For Japan, vertical text is kept not only as a cultural aspect, but because it works well as a layout to present words in the way the author wants.

What we do

We consist members from private enterprises which include but are not limited to those which produce E-book reader, publishing houses, telecommunications companies, etc. Its goal is to explore the ways in which vertical text and its layouts that are particular to the Japanese language are used and to promote the use of CSS as a global standard to express the aforementioned as well as a variety of other layouts.

The international standards commission of the world wide web known as the W3C, or the World Wide Web Consortium, has worked hard to establish the standards used in web-site design as found in programming languages such as HTML and CSS. Discussions of how to use vertical text, as found in Japanese magazines and other forms of literature, and establish it as basic program functionality on web browsers are currently underway.

Study Group on Text Layout for Next-Generation Web Browsers works both to offer its contributions up to the W3C and to promote the use of vertical text in a variety of web content.

Investigations of web trends
· Investigation in the trends relating to international standards to determine how text layout is used as a means of expression.
· Investigation of how and if layouts particular to Japan could be used in the current web environment.
Discussions and trials
· Discussions and trials to be held to determine how to put the vertical text layouts that are particular to Japan into practical use.
· Seminars related to how to program text vertically to be held.
· WEB AWARDS FOR HORIZONTAL AND VERTICAL WRITINGS
Meeting
· Meeting to discuss international standards and opinions surrounding them to be held
· Meeting to discuss the needs of the industrial world and what effect changing the international standards could have on them.
Discussion of the current web
· List of what is required to change the currentinternational standards in regards to text layout and the current expression system to be compiled
· Proposal in relation to changing the standards to be made to theW3C
· Data to be submitted to stakeholders with interest in the various browser vendors

たてよこ
webアワード

The Web Awards for Horizontal and Vertical Writings looks for websites created using CSS writing-mode that features vertical text. The sites should use the technique and new ideas showing the possibilities that abound in using vertical text.

WEB AWARDS FOR HORIZONTAL
AND VERTICAL WRITINGS 2017

Past Award
WEB AWARDS FOR HORIZONTAL AND VERTICAL WRITINGS 2016
WEB AWARDS FOR VERTICAL TEXT DESIGN 2015

CSSによる
縦書きの事例

鈴乃屋オリジナルコレクション 「衣のいのち」

着物の世界観の表現に、縦書きレイアウトが有効に活用されている。

制作 株式会社プラスディー

川柳・俳句コンテストシステム

縦書きで川柳・俳句コンテストを手軽に開催・運用できる商用サービス。

制作 ドットコム・マーケティング

NOVARESE プロデュースサイト

縦書きがきちんと設計され、結婚式場の優雅さを演出している。

制作 株式会社 博報堂アイ・スタジオ

Writer

縦書き日記風のはてなブログ用テーマ。CSSで細かくデザインも指定できる。

制作 nitro_idiot

自作ゲーム大年表

コンピュータ黎明期からの個人・グループ作成ゲームに関する年表。年表部分が縦書きにて記載。

制作 hiroki_yo 長澤美郷

さやのもとクリニック

横書き縦スクロールのサイトに部分的に縦書きを採用している。

制作 カワセ タケヒロ