TATEGAKI Web Design Awards

縦書きでWbデザイン。

縦書きWebデザインアワード結果を発表しました!

お知らせ

Information

  1. 2016-04-13 縦書きWebデザインアワードの結果を発表しました。
  2. 2016-02-16 応募を〆切ました。事前審査の上、候補者には個別にご連絡します。
  3. 2016-01-04 縦書きレイアウトのWebコンテンツ実践セミナー&懇親会を開催します
  4. 2016-01-04 作品の応募を開始しました。
  5. 2015-12-22 審査員に佐々木未来也氏(コンセント)が決定しました
| Twitter | Facebook | Google Plus

結果発表

result

2016年3月12日、秋葉原UDXカンファレンスルームにて最終審査会が行われました。事前選考により選ばれた、自由部門7作品、課題部門3作品、高校生以下の部1作品の各候補者にプレゼンしていただき、最終選考を実施した結果、以下の通り受賞作品を決定いたしました。

総評

 最終審査会における皆さまのプレゼンを通して、作品を制作される中で、制作者の皆さまが思われたことや気付かれたこと、それぞれの作品に対する思いを聞かさせていただき、多くのことを学ばせていただきました。作品の審査においても、技術者という視点での評価と、デザインという視点での評価があり、これもまた、多種多様な視点で作品を評価させていただき、縦書きを用いたWebコンテンツの可能性を確信することができました。一方、技術的に面白い!という作品であってもデザイン的にはまだまだ考える余地があるなど、作品に対する制作者の思いも様々だったように、審査する側も、様々な視点で作品を評価することになり、その結果、全ての審査員が、これが1番! という合意には至りませんでした。

 

「Web上での縦書き」をテーマにしたコンテストは、初めての試みだったと思います。その中で、テーマや評価の指標の提示の仕方、また、実際の審査においても多くの課題が残りました。しかし、審査員全員がどのような視点に立っても、これはすごい! と合意できる作品がなかったというのも事実です。このような背景をもとに、今後の縦書きWebデザインの発展への期待も込めて、今回はあえて優劣をつけなかった次第です。

 今回のアワードでは、まだまだ武骨だけれども、きらりと光る原石のような作品に出会うことができました。今回見つかった縦書きを表現する際の様々な課題、縦書きWebコンテンツの今後の可能性は、これからのW3Cでの標準化作業にとっても多くの知見をもたらしてくれたと考えています。今回のアワードが、縦書きって意外と使えるよね、私ならこうデザインする、まだまだ技術的な課題がある、といった議論を喚起し、縦書きも含めた多種多様なデザインが、Webに溢れるような将来が来ることを期待しています。

 作品を応募して下さった多くの皆さま、最終審査会に参加して下さった入選者の皆さまに、この場を借りて感謝申し上げます。

高校生以下の部・最優秀賞

京都アニメワールド
ひろぱんだ
shatterwing123

寸評

外国人向けコンテンツとして京都の雰囲気を伝えるための縦書き、というロジックは、ありきたりではあるが素直な表現である。余白を広く取り、背景には大きな桜樹のイラストとアニメーションがあり、画面全体がきちんとデザインされていて好印象だった。

自由部門・入賞

柳沢療法研究所
ランディングページ
そうさす

寸評

よく組まれていると思う。特に中サイズの縦組み文のカーニングは評価できる。ところどころ画像化された文字が混ざっているのが残念。Q&Aも縦で組んでほしかった。

自由部門・入賞

浮世絵道中記
浮世絵道中記製作委員

寸評

縦書きと、横書きのバランスが良かった。Webのコンテンツとして見た場合、せっかく面白い仕掛のよさが全体表示できれば気が付くのだが、スクロールしないと気が付かない。このコンテンツの良さが、もったいない気がしてならない。

自由部門・入賞

株式会社そうさす
コーポレートサイト
そうさす

寸評

デザイン制作会社のウェブサイトらしく、細かいところまで手が入っている。縦組みサンプルとして充分である。あえて難を言うと、禁則によって不揃いになるところは、アタマゾロエで逃げることができたのではないか。

自由部門・入賞

スミコさん
ナナシロ

寸評

スライド式で句切られたページの組版を、情報の羅列としてではなく区切りごとにシーンも切り替わっており、良い意味でホラー小説を読んでいるような既視感を感じた。

自由部門・入賞

THE箸置き
RINMIYO

寸評

コンテンツはかわいらしい感じでよかったが、お品書きの部分をクリックしても表示されているエリアでは何も変わらない、表示エリア以外で変化が起きているので、ページの概念を持たせた方が良かったかもしれない。

自由部門・入賞

株式会社戦国
公式帳面
総大将

寸評

全体にシャレが効いていて楽しい。世界観のための縦書きはよいが、UIがこなれていないのが残念。「www.」がついていてもアクセスできるように。

自由部門・入賞

山猫文庫
月虹

寸評

すっきりしたデザインで読みやすい作品だった。書籍を読むというだけなら、これで十分である。この作品に、Webならではの付加価値を入れてみると、この作品がどう変わっていくだろうか?「Web×書籍」を一歩踏み込んで研究していただきたい。

課題部門・入賞

日本文化事始め
瀬麻里子

寸評

トップページは、おしゃれな雑誌の特集扉ページ、という印象。縦書きだけでなく日章の紅色をアクセントカラーに使うなど、日本らしさを表すための努力が見られた。各ページごとには小奇麗にまとめられており、すっきりとさわやかな印象を受けた。

課題部門・入賞

日本文化事始め
絵巻物で体感する
日本文化
月虹

寸評

今回の最終選考作品の中では、課題に対して比較的応えてくれた作品であるように思う。「縦書き=和」という表面的な構図から、縦書きしか存在しなかった頃の媒体である巻子本をモチーフに、縦書きを使用することに合理的な親和性を持たせている。

課題部門・入賞

日本文化事始め
大西隆

寸評

Webデザインにおいてグリッドと組版を正確に合わせることはなかなか難しいが、技術的な工夫で細部までフィットさせている。ナビゲーションは無いものの、想定解像度から逆算してH数を決めるなど、細かな配慮が見られた。

開催目的

Purpose

 Webにおける縦書きの取り組みは、Internet Explorer 5.5(2000年)による独自の実装がありました。その後、2010年以降、W3C CSS Working Group による仕様策定が活発化し、ブラウザベンダーによる実装や、有志によるテストなどの協力の成果として、最新の主要なウェブブラウザは縦書きを表現できるようになりました。

 Webにおける縦書きの実際の利用を普及促進させ、インターネット上のデザインや表現を多彩にするために、CSS Writing Modesを利用した縦書きWebサイトを募集し、優れた縦書きWebデザインを選考する「縦書きWebデザインアワード」を開催します。

 応募者は、個人またはチーム単位であれば、どなたでも応募可能。新規に制作したWebサイトだけでなく、既存の横書きWebサイト、企業や学校のサイトを縦書きでリデザインして応募することも可能です。優れた縦書きWebデザインの応募お待ちしています!


参考情報

応募要項

Application Guidelines

名称 縦書きWebデザインアワード
開催期間 2015年11月~2016年3月
募集内容

CSS Writing Modes (文字表記の方向(縦横)を指定するCSSモジュール)を使用し、①表現的に優れた実用性の高い縦書きの作品、②Webの新たな可能性を見せてくれるような縦書きの作品を募集。

自由部門
CSS Writing Modes を使用した自由な縦書きWebコンテンツ。素材は問いません(必要であればご自身にて事前に著作権の利用許諾を得て下さい)。
課題部門

以下の課題部門素材(テキスト・画像)に対し、CSS Writing Modesを使用して縦書き化を行います。

課題部門素材

高校生以下の部
自由部門、課題部門で応募頂いた高校生以下を特別枠で審査します。
  • ※応募作品には、ソフトバンク・テクノロジー株式会社の協力により Webフォントサービス FONTPLUS(無料トライアル版) をご利用可能です。ご利用手続きは各自で行ってください。
  • ※高校生以下の部に応募する作品は、自由・課題のどちらでも応募可能です。
  • ※一つの部門に複数作品を応募することも可能です。ただし、一つの作品を複数部門に応募することはできません。
作品形態 Web上に公開
募集対象者 一般、Webクリエイター、学生(特に高校生)など。性別、年齢、国籍を問わず、個人またはチームでの参加が可能(法人単位での応募は対象外です)。
応募方法

以下の応募フォームから、部門ごとに作品URLを応募。

※ 応募は締め切りました。

応募要項

応募規約に同意の上、応募してください。

FAQはこちら

応募期間 2016年1月4日(月)~2月15日(月)
※ 応募は締め切りました。
表彰

①自由部門、②課題部門のそれぞれに最優秀賞(賞金10万円)、優秀賞(賞金または副賞あり) 等を設定。高校生以下の部の作品については、最優秀賞(賞金5万円)及び優秀賞(賞金又は副賞あり)を設定。

なお、高校生以下の部の入賞作品が一般の部(自由部門・課題部門)でも表彰に値すると判断した場合、高校生以下の部および一般の部、両方での受賞も可能です。

選考方法 応募作品の事前選考を実施。表彰式当日にアピールポイントなど3分程度でプレゼンして頂き、審査により受賞作品を決定。
結果発表・表彰式

表彰式およびWebサイトにて発表。

表彰式および懇親会

日時
2016年3月12日 14:00~17:30
場所
秋葉原UDX
〒101-0021 東京都千代田区外神田4-14-1

地図

※候補作品に選ばれた方は、表彰式への出席をお願いいたします(交通・渡航費、宿泊費等の実費はご負担下さい)。

主催 縦書きWeb普及委員会
(正式名称:次世代Webブラウザのテキストレイアウトに関する検討会)
事務局

イースト株式会社

審査員

Judges

中村 修

一九八三年 慶應義塾大学工学部卒業 工学博士。慶應義塾大学環境情報学部教授。一九八七年から WIDE プロジェクトにて広帯域インターネットや IPv6 の研究開発、普及に携わる。二〇〇三年、AutoID Lab Japan 副所長就任、各種センサーネットワークの研究開発。二〇〇九年、オープンワイヤレスプラットフォーム合同会社の技術協議会委員長となり無線インフラ関連の研究開発。二〇一四年、W3C/Keio Site Manager に就任し、Web 技術の標準化活動を推進。

瀧田 佐登子

一般社団法人 Mozilla Japan 代表理事。Netscape の開発現場でブラウザの国際化・日本語化に従事。その後、二〇〇四年に Mozilla Japan を設立、二〇〇六年代表理事に就任。Firefox 等 Mozilla 製品や技術、オープンソースの普及啓蒙活動を行う。日経ウーマン・オブ・ザ・イヤー 2009 リーダー部門受賞。二〇〇九年度日本OSS貢献者賞受賞。第9回北東アジアOSS推進フォーラム特別貢献者賞受賞。

永原 康史

グラフィックデザイナー、多摩美術大学情報デザイン学科教授。ブックデザインや電子メディアのプロデュース、展覧会のアートディレクションなどを手がけ、メディア横断的なデザインを推進。現在、あいちトリエンナーレ 2016の公式デザイナーを務める。『インフォグラフィックスの潮流』(近刊・誠文堂新光社)、『日本語のデザイン』(美術出版社)など著書多数。フォントに「かなバンク・フィンガー」(タイプバンク)がある。

鷹野 雅弘

株式会社スイッチ。一九九六年にDTP制作プロダクション「株式会社スイッチ」をスタート。 その後、Web制作、 コンサルティング業務にシフト。トレーニングやテクニカルライティング、書籍の企画や編集なども行っている。CSS Nite などのセミナーイベントを企画運営のほか、DTP情報サイト DTP Transit を二〇〇五年から継続している。主な著書に『10倍ラクする Illustrator 仕事術(増強改訂版)』(共著、技術評論社)ほか。

カワセ タケヒロ

グラフィックデザイナー、アートディレクター。musubime(ムスビメ)代表。高校在学中に世界保健機関の準会員NGO・国際医学生連盟の日本支部でウェブマスターを担当したことがきっかけで、デザイナーを志す。高校卒業後、制作会社数社を経て二〇一一年に独立。CI計画、ロゴ、ポスター、パッケージ、Web、映像、建築サインなど、平面のデザインからブランディングまで、企画・制作を中心に活動中。

佐々木未来也

デザイナー。慶應義塾大学大学院政策・メディア研究科修士。2013年株式会社コンセント入社。月刊雑誌、社内報、書籍などのエディトリアル/グラフィックデザインに従事。加えて近年は、Webデザイン、サービスデザイン、編集などの業務をおこなう。マイナビニュースにて、書体とデザインに関する「フォントから考える」を連載中。

協賛

Sponsors

後援

Support

メディアパートナー

Media Partners

セミナー

Seminars

縦書きレイアウトのWebコンテンツ実践セミナー&懇親会

日時 2016年1月20日(水)
セミナー
17:00~19:00
懇親会
19:10~20:30
場所
セミナー会場

インターネット・アカデミー渋谷校
東京都渋谷区桜丘町20-1 渋谷インフォスタワー5階

地図

懇親会会場

Shibuya 86 Cafe

ウェブサイト

詳細

セミナー前半では縦書きテキストレイアウトの標準化の取り組みの紹介や本アワードの説明会、後半では、本アワードの課題部門の素材の一部を使用して、参加者が実際に縦書きにするという実践的な内容です。作成したコンテンツは、本アワードに応募いただくことも可能です。また、セミナー終了後には懇親会を予定しております。

対象
インターネット・アカデミー受講生・卒業生
参加費
無料 ※懇親会は3,000円 (税込)
定員
28名(※満席になり次第、募集を締め切らせていただきます)
応募方法
応募フォームからお申し込みください。

詳細はこちらから

CPI x CSS Nite x 優クリエイト「After Dark」(30) 「縦書きWebデザイン」

日時 2016年01月21日(木)19:30-21:00
場所 KDDIウェブコミュニケーションズ セミナールーム
東京都千代田区麹町3-6 住友不動産麹町ビル3号館 6F
地図
詳細

あらゆる情報が流通するWeb。日本語で必須となる縦書きも主要ブラウザで利用できる環境になってきました。日本固有の縦書きという概念が、CSSにどのように取り込まれているのかについて、技術的な背景を説明しつつ、実際にWebを縦書きでデザインする際のおさえておくべきポイントを解説します。

出演

  • 榊原 寛(BPS)
  • カワセ タケヒロ(musubime)
  • 佐々木 未来也(コンセント) ほか

詳細はこちらから

縦書きレイアウトのWebコンテンツ実践セミナー

終了しました。ありがとうございました!

日時 2015年10月20日(火)19:00~21:00
場所 インターネット・アカデミー渋谷校
詳細

インターネット・アカデミーは、10月20日(火)に総務省の協力を得て「縦書きレイアウトのWebコンテンツ実践セミナー」を開催します。

本セミナーは、縦書きWebコンテンツ作成技術の普及を目的としており、総務省や縦書きレイアウトに積極的に取り組んでいる企業を講師に招いて実施します。セミナー前半では縦書きテキストレイアウトの標準化の取り組み状況やW3Cにおける縦書き関連仕様の解説を行い、 後半では参加者が実際にWebコンテンツの一部を縦書きにするという実践的な内容となっています。

詳細はこちらから