ユニバーシティ・アイデンティティ (ui デザインマニュアル03...

37
भՊେ ϢχόʔγςΟɾΞΠσϯςΟςΟʢ UI ʣ σβΠϯϚχϡΞϧ Basic Design Patterns ʢجຊදݱύλʔϯʣ Application Design Patterns ʢԠ༻දݱύλʔϯʣ

Upload: others

Post on 10-Aug-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

九州歯科大学

ユニバーシティ・アイデンティティ(UI)

デザインマニュアルBasic Design Patterns (基本表現パターン)

Application Design Patterns (応用表現パターン)

Page 2: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

02

目次九州歯科大学 ユニバーシティ・アイデンティティ(UI) デザインマニュアル

Basic Design Patterns (基本表現パターン)

・ 基本デザイン要素・ 校章(シンボルマーク)・ ロゴマーク・ ロゴタイプ(大学)・ ロゴタイプ(病院)・ グリッドスケール・ スクールカラー・ 校章+和文ロゴタイプ(大学)・ 校章+和文ロゴタイプ(病院)・ 校章+英文ロゴタイプ(大学)・ 校章+英文ロゴタイプ(病院)・ ロゴマーク+和文ロゴタイプ(大学)・ ロゴマーク+和文ロゴタイプ(病院)・ 校章+ロゴマーク+和文ロゴタイプ(大学)・ 校章+ロゴマーク+和文ロゴタイプ(病院)・ エンブレム・ 色彩・ アイソレーション

Application Design Patterns (応用表現パターン)

・ 封筒(角形2号・大学)・ 封筒(角形2号・病院)・ 封筒(長形3号・大学)・ 封筒(長形3号・病院)・ 封筒(洋形0号・大学)・ 名刺(横長)・ 名刺(縦長)・ レターヘッド(和文)・ レターヘッド(英文)・ 襟章

・・・・・・・・・・・・・・・・・・・・・・ 23・・・・・・・・・・・・・・・・・・・・・・ 25・・・・・・・・・・・・・・・・・・・・・・ 27・・・・・・・・・・・・・・・・・・・・・・ 29・・・・・・・・・・・・・・・・・・・・・・ 31

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 32・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 33

・・・・・・・・・・・・・・・・・・・・・・・ 34・・・・・・・・・・・・・・・・・・・・・・・ 35

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 36

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 03・・・・・・・・・・・・・・・・・・・・・・・・・・ 04

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 05・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 06・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 07・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 08・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 10

・・・・・・・・・・・・・・・・・・・・・ 11・・・・・・・・・・・・・・・・・・・・・ 12・・・・・・・・・・・・・・・・・・・・・ 13・・・・・・・・・・・・・・・・・・・・・ 14

・・・・・・・・・・・・・・・ 15・・・・・・・・・・・・・・・ 16

・・・・・・・・・・ 17・・・・・・・・・・ 18

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 19・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 21

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 22

Page 3: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

03

基本デザイン要素Basic Design System

Kyushu Dental University

Kyushu Dental University Hospital

校章(シンボルマーク)

九州歯科大学の理念が込められ

たこのシンボルマークは、UIマ

ニュアルの最上位の要素であ

り、九州歯科大学から出て行くす

べての視覚伝達物に使用されま

す。

ロゴマーク

ロゴマークは、校章(シンボル

マーク)を補完し、九州歯科大学

の略称の伝達をはかる目的で使

用します。

スクールカラー

校章(シンボルマーク)、ロゴマー

クやデザインアイテムの基調色

を統一したカラーで表示するこ

とにより、九州歯科大学の識別

制を高め、イメージを統一・強化

することができます。

ロゴタイプ

ロゴタイプは、校章(シンボル

マーク)やロゴマークを補完し、

九州歯科大学の正式名称の伝達

をはかる目的で使用します。

PANTONE 209C

PANTONE 7484C

[CMYK(プロセスカラー4色印刷)]C40%+M100%+Y50%+K30%

[CMYK(プロセスカラー4色印刷)]C100%+M60%+Y100%

Page 4: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

校章(シンボルマーク)Basic Design Patterns

04

“医学の父”と仰がれているヒポクラテス(前

460~377)が“スズカケの樹”のもとで多くの

医学徒に医学を教え、医療のあり方を説いた

と伝えられています。この由緒あるスズカケの

葉を図案化し、“九歯大”の文字をアレンジして

います。

九州歯科大学の理念が込められたこのシンボ

ルマークは、UIマニュアルの最上位の要素であ

り、九州歯科大学から出て行くすべての視覚伝

達物に使用されます。

PANTONE 7484C

■カラー

■モノクロ

Page 5: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

ロゴマークBasic Design Patterns

05

ロゴマークは、校章(シンボルマーク)を補完

し、九州歯科大学の略称の伝達をはかる目的

で使用します。

PANTONE 209C

■カラー

■モノクロ

Page 6: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

06

ロゴタイプ(大学)Basic Design Patterns

ロゴタイプは、校章(シンボルマーク)やロゴ

マークを補完し、九州歯科大学の正式名称の

伝達をはかる目的で使用します。

■英文

■和文

Page 7: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

07

ロゴタイプ(病院)Basic Design Patterns

ロゴタイプは、校章(シンボルマーク)やロゴ

マークを補完し、九州歯科大学附属病院の正

式名称の伝達をはかる目的で使用します。

■和文

■英文

Page 8: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

08

Basic Design Patterns

校章(シンボルマーク)、ロゴマークの再現は、

Illustratorデータまたは画像データから行うこ

とを原則とします。なお、曲面などデータから

の再現が難しい場合には、ここに示した割り出

しグリッドを参考にしてください。また投影機

を使用して拡大を行う場合にも、レンズによる

歪みに十分配慮し、適切な修正を行ってくださ

い。

グリッドスケール

■ロゴマーク

■校章(シンボルマーク)

Page 9: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

09

グリッドスケールBasic Design Patterns

ロゴタイプの再現は、Illustratorデータまたは

画像データから行うことを原則とします。な

お、曲面などデータからの再現が難しい場合

には、ここに示した割り出しグリッドを参考に

してください。また投影機を使用して拡大を行

う場合にも、レンズによる歪みに十分配慮し、

適切な修正を行ってください。

■英文ロゴタイプ(大学)

■英文ロゴタイプ(病院)

■和文ロゴタイプ(大学)

■和文ロゴタイプ(病院)

Page 10: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

10

スクールカラーBasic Design Patterns

校章(シンボルマーク)、ロゴマークやデザイン

アイテムの基調色を統一したカラーで表示す

ることにより、九州歯科大学の識別制を高め、

イメージを統一・強化することができます。

スクールカラーは、大学の伝統を表すえんじ色

「PANTONE 209C」と、医学の理念や大学の

成長・発展を表すスズカケの葉の緑色

「PANTONE 7484C」の2色です。

なお、新聞広告など上記2色が使えない場合は

黒で表示、また地色が濃い場合は白で表示す

るなど、場合によっては黒と白をサブカラーと

して使用することができます。

[基準色]PANTONE 7484C

[CMYK(プロセスカラー4色印刷)]C100%+M60%+Y100%

[RGB]R0+G94+B60

[Webサイト(数値表示)]#005E3C

[基準色]PANTONE 209C

[CMYK(プロセスカラー4色印刷)]C40%+M100%+Y50%+K30%

[RGB]R132+G10+B68

[Webサイト(数値表示)]#840A44

※本設定はあくまで近似色であり、使用媒体・使用環境によって異なります。 基準色(PANTONE)にあわせて微調整を行ってください。

■第1カラー

■第2カラー

Page 11: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

11

校章+和文ロゴタイプ(大学)Basic Design Patterns

校章(シンボルマーク)と和文ロゴタイプ(大

学)の組み合わせ。以下のバランスによる組み

合わせのみ使用可能です。

PANTONE 7484C

■モノクロ

■カラー

Page 12: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

12

校章+和文ロゴタイプ(病院)Basic Design Patterns

校章(シンボルマーク)と和文ロゴタイプ(病

院)の組み合わせ。以下のバランスによる組み

合わせのみ使用可能です。

PANTONE 7484C

■モノクロ

■カラー

Page 13: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

13

校章+英文ロゴタイプ(大学)Basic Design Patterns

校章(シンボルマーク)と英文ロゴタイプ(大

学)の組み合わせ。以下のバランスによる組み

合わせのみ使用可能です。

PANTONE 7484C

■モノクロ

■カラー

Page 14: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

14

校章+英文ロゴタイプ(病院)Basic Design Patterns

校章(シンボルマーク)と英文ロゴタイプ(病

院)の組み合わせ。以下のバランスによる組み

合わせのみ使用可能です。

PANTONE 7484C

■モノクロ

■カラー

Page 15: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

15

ロゴマーク+和文ロゴタイプ(大学)Basic Design Patterns

ロゴマークと和文ロゴタイプ(大学)の組み合

わせ。以下のバランスによる組み合わせのみ使

用可能です。

PANTONE 209C

■モノクロ

■カラー

Page 16: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

16

ロゴマーク+和文ロゴタイプ(病院)Basic Design Patterns

ロゴマークと和文ロゴタイプ(病院)の組み合

わせ。以下のバランスによる組み合わせのみ使

用可能です。

PANTONE 209C

■モノクロ

■カラー

Page 17: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

17

校章+ロゴマーク+和文ロゴタイプ(大学)Basic Design Patterns

校章(シンボルマーク)とロゴマーク、和文ロゴ

タイプ(大学)の組み合わせ。以下のバランスに

よる組み合わせのみ使用可能です。

PANTONE 209CPANTONE 7484C ■モノクロ

■カラー

Page 18: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

18

校章+ロゴマーク+和文ロゴタイプ(病院)Basic Design Patterns

校章(シンボルマーク)とロゴマーク、和文ロゴ

タイプ(病院)の組み合わせ。以下のバランスに

よる組み合わせのみ使用可能です。

PANTONE 209CPANTONE 7484C ■モノクロ

■カラー

Page 19: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

19

エンブレム①Basic Design Patterns

校章(シンボルマーク)とロゴマーク、英文ロゴ

タイプ(大学)の組み合わせによるエンブレム。

①・②のいずれかのバランスによる組み合わせ

のみ使用可能です。

PANTONE 209CPANTONE 7484C

■モノクロ

■カラー

Page 20: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

20

エンブレム②Basic Design Patterns

校章(シンボルマーク)とロゴマーク、英文ロゴ

タイプ(大学)の組み合わせによるエンブレム。

①・②のいずれかのバランスによる組み合わせ

のみ使用可能です。

PANTONE 209C

■モノクロ

■カラー

Page 21: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

21

色彩Basic Design Patterns

基本デザイン要素である「校章(シンボルマー

ク)」「ロゴマーク」「ロゴタイプ」およびそれら

の組み合わせは、「スクールカラー」を適用して

使うのが原則です。しかし、背景が濃い色の場

合は、白抜きでの表示が可能です。また、単色

の場合は、どちらかのスクールカラーまたは黒

色での表示が可能です。

WHITEW

PANTONE 209C

PANTONE 7484C

BLACK

Page 22: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

22

アイソレーションBasic Design Patterns

アイソレーション(不可侵領域)とは、校章(シ

ンボルマーク)やロゴマーク、ロゴタイプを美

しく見せ、また識別性を高めるために、各アイ

テムと他の要素との間に保つべき最低の距離

を定めたものです。レイアウトする際には、アイ

ソレーション範囲内に他の要素が入り込まな

いように注意してください。

また、アイソレーション範囲外であっても、各ア

イテムの周辺に個性の強い文字や図形、文様

を配置するのは避けてください。

A

B

C

A/2

A/2

A/2

A/2

A/2 A/2

A/2

C/2

C/2

C/2

C/2

C/2

C/2

C/2 C/2

B/2

B/2

B/2

B/2

A/2

A/2

A/2

A/2

A/2

A/2 A/2

A/2

A/2

Page 23: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

23

封筒(角形2号・大学) カラー

Application Design Patterns

〒803-8580 北九州市小倉北区真鶴2丁目6番1号

TEL 093-582-1131

 FAX 093-582-6000 www.kyu

-dent.ac.jp

料金後納

郵便

Kyu

shu

Den

tal U

nive

rsity

Page 24: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

24

封筒(角形2号・大学) モノクロ

Application Design Patterns

〒803-8580 北九州市小倉北区真鶴2丁目6番1号

TEL 093-582-1131

 FAX 093-582-6000 www.kyu

-dent.ac.jp

料金後納

郵便

Kyu

shu

Den

tal U

nive

rsity

Page 25: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

25

封筒(角形2号・病院) カラー

Application Design Patterns

〒803-8580 北九州市小倉北区真鶴2丁目6番1号

TEL 093-582-1131

 FAX 093-582-114

0(病院事務室) 093-582-113

9(病診連携室)

www.kyu

-dent.ac.jp/hospital/

料金後納

郵便

Kyu

shu

Den

tal U

nive

rsity

Hos

pita

l

Page 26: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

26

封筒(角形2号・病院) モノクロ

Application Design Patterns

〒803-8580 北九州市小倉北区真鶴2丁目6番1号

TEL 093-582-1131

 FAX 093-582-114

0(病院事務室) 093-582-113

9(病診連携室)

www.kyu

-dent.ac.jp/hospital/

料金後納

郵便

Kyu

shu

Den

tal U

nive

rsity

Hos

pita

l

Page 27: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

27

封筒(長形3号・大学) カラー

Application Design Patterns

〒803-8580 北九州市小倉北区真鶴2丁目6番1号 TEL 093-582-1131 FAX 093-582-6000 www.kyu-dent.ac.jp

料金後納郵便

Kyu

shu

Den

tal U

nive

rsity

Page 28: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

28

封筒(長形3号・大学) モノクロ

Application Design Patterns

〒803-8580 北九州市小倉北区真鶴2丁目6番1号 TEL 093-582-1131 FAX 093-582-6000 www.kyu-dent.ac.jp

料金後納郵便

Kyu

shu

Den

tal U

nive

rsity

Page 29: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

29

封筒(長形3号・病院) カラー

Application Design Patterns

TEL 093-582-1131 FAX 093-582-1140(病院事務室) 093-582-1139(病診連携室)〒803-8580 北九州市小倉北区真鶴2丁目6番1号

www.kyu-dent.ac.jp/hospital/

料金後納郵便

Kyu

shu

Den

tal U

nive

rsity

Hos

pita

l

Page 30: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

30

封筒(長形3号・病院) モノクロ

Application Design Patterns

TEL 093-582-1131 FAX 093-582-1140(病院事務室) 093-582-1139(病診連携室)〒803-8580 北九州市小倉北区真鶴2丁目6番1号

www.kyu-dent.ac.jp/hospital/

料金後納郵便

Kyu

shu

Den

tal U

nive

rsity

Hos

pita

l

Page 31: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

31

封筒(洋形0号)Application Design Patterns

2-6-1 Manazuru, Kokurakita-ku, Kitakyushu 803-8580 JAPANPhone +81-93-582-1131 Fax +81-93-582-6000www.kyu-dent.ac.jp

Page 32: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

32

名刺(横長)Application Design Patterns

経営管理部

山田 太郎 Taro Yamada

〒803-8580 北九州市小倉北区真鶴2丁目6番1号TEL 093-582-1131 FAX 093-582-6000 www.kyu-dent.ac.jpE-mail: [email protected]

企画広報班主事

■おもて面

■うら面

TARO YAMADADepartment of Administrative Management

2-6-1 Manazuru, Kokurakita-ku, Kitakyushu 803-8580 JAPANPhone +81-93-582-1131 Fax +81-93-582-6000

E-mail: [email protected]

Planning & Public Relations SectionStaff

www.kyu-dent.ac.jp

Page 33: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

33

名刺(縦長)Application Design Patterns

公立大学法人

副理事長

E-mail: xxxxxx@

fa.kyu-dent.ac.jp

   

0

九三ー五八二ー六0

00

   

0

九三ー五八二ー一一三一

北九州市小倉北区真鶴二丁目六番一号

〒八0

三ー八五八0

山 

田  

太 

九州歯科大学

TEL

FAX

■おもて面

■うら面

TARO YAMADAVice Chairman

2-6-1 Manazuru, Kokurakita-ku, Kitakyushu 803-8580 JAPANPhone +81-93-582-1131 Fax +81-93-582-6000

E-mail: [email protected]

Page 34: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

34

レターヘッド(和文)Application Design Patterns

〒803-8580 北九州市小倉北区真鶴2丁目6番1号

Page 35: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

35

レターヘッド(英文)Application Design Patterns

2-6-1 Manazuru, Kokurakita-ku, Kitakyushu 803-8580 Japan

Page 36: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

36

襟章Application Design Patterns

■完成イメージ

■完成イメージ(実物大)

Page 37: ユニバーシティ・アイデンティティ (UI デザインマニュアル03 基本デザイン要素 Basic Design System Kyushu Dental University Kyushu Dental University

37

九州歯科大学UIデザインマニュアル

[発 行]

公立大学法人 九州歯科大学

[制 作]

安川オビアス株式会社

[発行日]

初版:2014年2月

本UIデザインマニュアルに記載されている校章(シンボル

マーク)、ロゴマーク、ロゴタイプの著作権は公立大学

法人 九州歯科大学にあります。無断で使用することは

禁じられています。使用に際しては、事前に担当窓口へ

お問い合わせください。(経営管理部 企画広報班)