React Conf Japan Design

6e6c7132d99fd8febb2193fd21809d20?s=47 Megumi Hano
February 12, 2020

React Conf Japan Design

2020年3月21日(土) に開催予定の React Conf Japan のキービジュアルデザインをしました。デザイン策定にいたるまでのプロセスを公開しています。

note: https://note.com/featherplain/n/na039cb933812
website: https://reactconf.jp/2020/

6e6c7132d99fd8febb2193fd21809d20?s=128

Megumi Hano

February 12, 2020
Tweet

Transcript

  1. “Dawn”

  2. Reactっぽさ chaos unique simple

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

  4. None
  5. None
  6. Logo

  7. symbol 3つの意味

  8. Japan

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

  10. Earth Community

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

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

  13. “simple” React

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

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

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

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

  20. Fonts

  21. Brand Text

  22. Header Text Latin 日本語 Montserrat ヒラギノ角ゴシック Google Fonts から使用可能 Brand

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

    可読性の高さを重視しつつ、 デバイス上でも使いやすいフォントを 採用しました。 Windows の場合はメイリオを採用する Mac のデバイスフォント
  24. Color

  25. 銀朱 象牙 鳥羽 scarlet ivory rich black Japan React 本家で使われている

    カラースキーム 日本の伝統色 React の象徴的なカラーを使うと、 本家サイトとの差別化が難しいため ブルーは採用していません
  26. 正統派だけどモダンでかっこよさを感じさせる リオ五輪の閉会式・東京五輪に向けたセレモニーからインスパイアを受けました。 https://youtu.be/sk6uU8gb8PA

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

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

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

  34. None
  35. None
  36. None
  37. 現代の日本っぽい写真を使ってみたり

  38. ドラゴンボールみたい もはや何か分からないw

  39. Thank you! ここまで読んでくれて ありがとうございました!