React Conf Japan Design

by はのめぐみ / Megumi Hano

Slide 1

Slide 1 text

“Dawn”

Slide 2

Slide 2 text

Reactっぽさ chaos unique simple

Slide 3

Slide 3 text

日本っぽさ富士山東京の街並み鳥居日の丸日の出紅・白

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

Logo

Slide 7

Slide 7 text

symbol 3つの意味

Slide 8

Slide 8 text

Japan

Slide 9

Slide 9 text

日本の React コミュニティとして、象徴的な日の丸・赤色を採用しました。銀朱ぎんしゅ scarlet #D33736

Slide 10

Slide 10 text

Earth Community

Slide 11

Slide 11 text

35° React のシンボルマークを簡略化して、地球上の北緯35度線に位置する日本の React コミュニティを表現しています。

Slide 12

Slide 12 text

グラデーションでコミュニティの広がりや発展、イベント成功の願いを込めました。

Slide 13

Slide 13 text

“simple” React

Slide 14

Slide 14 text

この球体には何でも入ります。開発者の数だけ正解のパターンがあることを示唆しています。

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

数百種類ある日本の伝統的な文様をランダムに組み合わせることで開発者にとっての React を表現します。

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

採用フォント文字詰めやタイプフェイスにアレンジを加えています。

Slide 19

Slide 19 text

普遍性可読性耐久性時間を経ても使いやすいサイズに関わらず認識できるさまざまな媒体・印刷物に使われる

Slide 20

Slide 20 text

Fonts

Slide 21

Slide 21 text

Brand Text

Slide 22

Slide 22 text

Header Text Latin 日本語 Montserrat ヒラギノ角ゴシック Google Fonts から使用可能 Brand Font と親和性が高く、見出しとして目を引きつつデバイス上でも使いやすいものを採用しました。 Windows の場合はメイリオを採用する Mac のデバイスフォント

Slide 23

Slide 23 text

Paragraph Text Latin 日本語 Open Sans ヒラギノ角ゴシック Google Fonts から使用可能可読性の高さを重視しつつ、デバイス上でも使いやすいフォントを採用しました。 Windows の場合はメイリオを採用する Mac のデバイスフォント

Slide 24

Slide 24 text

Color

Slide 25

Slide 25 text

銀朱象牙鳥羽 scarlet ivory rich black Japan React 本家で使われているカラースキーム日本の伝統色 React の象徴的なカラーを使うと、本家サイトとの差別化が難しいためブルーは採用していません

Slide 26

Slide 26 text

正統派だけどモダンでかっこよさを感じさせるリオ五輪の閉会式・東京五輪に向けたセレモニーからインスパイアを受けました。 https://youtu.be/sk6uU8gb8PA

Slide 27

Slide 27 text

Dawn 日本の React コミュニティの夜明け

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

キービジュアルのひとつとして、 React Conf Japan の開催実現に向けて「夜明け」をモチーフ化しました。暗がりにさす一本の光の線にコミュニティや開発者への光・発展の願いを込めました。

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

ボツ案やスケッチ色々ロゴの原型になったスケッチもありますおまけ

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

Slide 36

Slide 36 text

Slide 37

Slide 37 text

Slide 38

Slide 38 text

Slide 39

Slide 39 text