京都大学におけるビジュアル・アイデンティティの整備と課題―情報メディアでの利用を通じて
元木 環 1) , 永田 奈緒美 1), 小野 英理 1), 岩倉 正司 1), 辰巳 明久 2), 喜多 一 1)
1) 京都大学 情報環境機構
2) 京都市立芸術大学 美術学部
motoki.tamaki.3c@kyoto-u.ac.jp

Development and Challenges of Visual Identity in Kyoto University―Based on Use in Information MediaTamaki Motoki 1), Naomi Nagata 1), Eiri Ono 1), Masaji Iwakura 1),
Akihisa Tatsumi 2) , Hajime Kita 1)
1) Institute for Information Management and Communication, Kyoto University
2) Faculty of Fine Arts, Kyoto City University of Arts
概要
京都大学では大学 Web サイトのリニューアルに向けて、大学 UI に基づいたビジュアル・アイデンティティを整備、展開している。本発表では、その整備とデータの提供、VI の情報メディアへの適用に際して見えた課題について報告する。
学内横断的に人員が関わる「Web 戦略室」を設置

1 はじめにして、その業務に取り組んでいる[1]。Web 戦略

近年、大学など高等教育機関では、その組織や活動体のシンボルマークやロゴタイプ、イメージカラー（スクールカラー）等を表す、なんらかのビジュアルデザインを制作するようなことが増えているように思われ、実際、いくつかの大学では、大学自体のマークやロゴなどの使用方法について公開されている。京都大学でも大学ホームページを始め、部局のホームページや受験生向け案内、社会連携や大学が連合して実施するようなイベント案内など、多数の Web サイトが立ち上げられている。Web サイトを外部の制作会社に発注する際には、ヘッダやフッタ、あるいはトップページのアイキャッチ的なコンテンツや、ファビコンなどにおいて、「何を表示させましょうか？マークやロゴはお持ちですか？」などと当然のように尋ねられ、何かしらの色も（たとえモノクロで室の検討事項の中でも、Web リニューアルを目指す際には、機能やコンテンツ、業務ワークフローに加えて、大学のアイデンティティ（ユニバーシティ・アイデンティティ、UI）を表現するビジュアル・アイデンティティ（VI）を整備し、それにそったビジュアルデザインを考えるべきであると言われている。そこで、大学 Web サイトのビジュアルデザインを検討する前提として、ウェブ戦略室内に UI 検討チームを設け、本学のエンブレム等をユニバーシティ・アイデンティティ活動として改めて整備することにした。
本稿では、Web 戦略室で UI 検討チームを中心に行なっている京都大学の VI 整備とデータの頒布、いくつかの現行情報メディアへの適用を通じて得られた課題を報告する。

あっても）設定することが必要になる。

2 京都大学における VI の整備

また、日常業務で使っているビジネス用ソフト

2.1 整備開始前の状況

ウェアでも、ビジュアル要素を取り扱い、なんらビジュアルに関して、今回整備開始以前にはこかのメディアを自作することも容易になっていれまで学内外で認知されてきたクスノキをモチーる。こういった機会が、大学において何かビジュフとした「エンブレム」、濃青色の「スクールカ

アル要素を制作し、使っていくという意識も定着ラー」があった。また、エンブレムと「ロゴタイする方向に向かわせているとも考えられる。

プ（和文・英文）」を組み合わせたものが、「京京都大学では、大学ホームページ（大学 Web サ大マーク」とよばれ、これが大学ホームページのイト）の全面リニューアルを予定しており、現在

427
428

「シンボル」というページに掲載され、公式のもこの活動を通じてエンブレム、ロゴタイプ及びのと規程を定め学内構成員の利用に供してきた。

スクールカラーといったビジュアル要素について

なお、「エンブレム」はその原型は、1950 年は、1）最近のメディア環境に合わせたデータの頃に、大学の庶務課に所属していた職員の方が、改修、新規作成、2）規程改正とそれに合わせたおそらく事務局の業務の業務のために考案された運用ガイドラインの整備、を行い、3）改修、新もので、レターヘッドや広報印刷物に使用されて規作成したビジュアル要素のデータ提供環境の作いたというものである。これが自然発生的に学内成（大学 Web サイトからのダウンロード）と新で利用が広まり、1990 年と 2009 年に、学内外の規ビジュアル要素の利用ガイドライン、利用例をデザイン専門家のサポートを得て、着色された示した「京都大学ビジュアル・アイデンティティり、見直し検討が加えられて使われていた。

ガイドブック」（冊子、PDF）の発行、を 2018

例えば、2009 年の見直しの際には、正式なベク

年 10 月 1 日に行った（図 1）[2]。

ター形式の電子ファイルが不在であったため、そ同ガイドブックは本学が展開している海外拠点

れを作成するとともに、形状の修正や印刷時の特での利用などに配慮して和英併記としている。

色を設定した。この際、「大学の名義等使用に関さらに VI を実利用に供するため、全学的に使用する規程」の作成が行われ、大学ホームページに頻度の高い名刺/封筒/レターヘッド/PowerPoint 用も掲載されることになった。

テンプレートをデザインし、実利用も展開していしかし、現状であっても必ずしも、大学全体でる（図 2）[3]。これらのツールに一貫して Web統一して、そのファイルを使用されているわけで戦略室の UI 検討チームが関わることで、どのツもなく、1990 年の設定のエンブレムが使われてールにも共通して「京都大学らしさ」を感じるこいる例も散見される。とのできる統一感のあるこれまでより使いやすい

また、大学ホームページ上に掲載されていてデザインが実現できた。

も、データがどこにあるかわかりにくいなどという声もあった。
2.2 Web サイトリニューアルと VI の整備
現在、大学の各部局の Web サイトには、必ずと言って良いほど、京都大学のエンブレム、またはロゴなどが使用されていたり、スクールカラーである濃青（深い紺色）の近似色が使用されていることが多い。一方で、シンボルマーク等の利用に関する明確なガイドラインがなく、現場レベルではマークの使用について混乱が生じていた。

図 1 京都大学ビジュアル・アイデンティティガイドブック（表紙）

このため、前述した、Web 戦略室による大学Web サイトリニューアル時での適用だけでなく、学内構成員が Web 等現代的な情報メディアでの利用に配慮した再デザインも必要であった。
また、歴史的に醸成されてきた京都大学の UI や価値観を継承しつつ、分散的・分権的に活動する研究大学の特性、海外でのプレゼンス向上1などのニーズの優先度を勘案して活動を進める必要もあった。

図 2 VI に対応した名刺デザインの例

1 例えば「京都」という地名は、首都である「東京」に比べ、高等教育分野での海外における知名度はかなり低いことなども活動の中で指摘された。

428
429

また大学 Web サイトのファビコンは、現在で3 情報環境への展開時の課題もこちらで定めている「最小使用可能サイズ」を今回整備された VI に基づき、現在、ビジュアル要素のデータ頒布と、いくつかの現行情報メディアへの適用を行なっている。次に、これまでにWeb 戦略室に寄せられた質問や、我々の実制作を通じて得られた課題をあげる。

下回っている。そもそも最小使用可能サイズは印刷時の利用を想定したものであるため、ディスプレイ表示の場合には、解像度の問題とも絡み、下回ったからといって一概に視認性に欠けるとも言い難い。ウェアラブル端末などが一般化している

3.1 色の表記と取り扱い
現在、スクールカラーである「濃青」は印刷特色インク指定をもとに、CMYK、RGB、HEX のそれぞれの近似数値を参考値として示している。
しかし、もともと色彩は、数値を合わせることだけでは、統一できず、表示するメディアによって様々に変化してしまう。印刷の場合は、印刷会社の専門家に依頼したり、制作者側の目視で、出来るだけ統一されるようコントロールすることになるが、映像、PC や情報機器のモニターなどの画面表示する場合、制作者の意図通りに利用者の手元で表示することは不可能ともいえ、「どうしておけば良いか」という相談に、端的に回答することが困難である。印刷であっても、目視でできるだけイメージに近いようにする、ということはそれぞれの状況や考え、身体的なことにも左右されてしまう。今回、規程に掲載する場合にも表現が困難であった。今後はわかりやすく迷わないよ
うな方策を、時には気にしすぎないといったようなニュアンスを伝えたいが、難しく感じている。
3.2 アイソレーションと最小サイズ

昨今ではどのようにガイドすべきか悩ましい。
いずれも、VI に沿って制作したいという思い
で質問がある構成員への対応は、事務相談窓口のみでは対応が難しく、ワークフローや専門性を持ったスタッフの配置など組織体制も必要である。
また、Web サイトでのデータ配布についても、事例を多く挙げると煩雑になり、少ないと不便であるという声もあり、バランスや配布方法自体も引き続き見直していく必要がある。

4 おわりに今回取り上げた課題は一例である。今後は大学
Web サイトの全面リニューアルへの適用や、大学オリジナルグッズの企画・開発など多方面への展開を予定しており、さらに多様な課題に直面すると予想される。代表的な質問、相談について取りまとめ、「よくある質問」のようにまとめて公表する、あるいは学内構成員や、京都大学から請け負い各種メディアを制作する外部デザイナーなどに向けて、セミナーを開催するなど、スタッフ・ディベロップメント活動も行なっていきたい。

まず、現在大学であってもさまざまな外部のSNS サービスを公式に広報ツールとして使用している。今回、ある SNS サービスのアイコン画像に、新しいエンブレムデータを適用しようとすると、その SNS サービスの方の規定で、自動的になお、今回著者には含めていないが、本学総務部広報課の皆様、本学企画・情報部川内亨氏、本学情報環境機構石橋恵子氏（昨年度まで所属）には Web 戦略室のメンバーとして VI 活動に取り組んでいただいた。ここに感謝申し上げる。

丸く切り抜かれてしまい、こちらで定めている「アイソレーション（余白）規定」とは沿わない参考文献ものがあった。無理にアイソレーション規定に沿[1]

わせて、合わせようとすると、むしろエンブレム

多一、大学 Web サイトリニューアルに向けた課
題整理と体制構築、大学 ICT 推進協議会 2018 年
度年次大会、2018．
京都大学 Web 戦略室ユニバーシティ・ア[2]
イデンティティ検討チーム, 京都大学ビジュア
ル・アイデンティティガイドブック, 2018
京都大学 Web 戦略室ユニバーシティ・ア[3]
イデンティティ検討チーム, アプリケーションデザインカタログ, 2018のイメージを損ねる、あるいは視認性が著しく劣ることはわかり、こういった場合、ガイドラインを作成した我々であればガイドラインの数値は守っていないが、ガイドラインを定めている意図（ガイドブックにはテキストが記載されている）に沿った適用が可能である。しかし、あるいは数値に厳密であるべきと考える構成員や、別の意図でデザインをしようとする制作者に発注していた場合などは、統一が図れなくなっていく。

429
430

元木環, 岩倉正司, 河地裕介, 小野英理, 喜