Tweet
Tweet

Slide 1

Slide 1 text

私のおすすめの デザインガイドライン構築法 Nagoya Design LT Summer Festival 2019.09.07 (Sat.) 株式会社エイチームライフスタイル 綿貫佳祐

Slide 2

Slide 2 text

Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 自己紹介 名前：綿貫佳祐 所属：株式会社エイチームライフスタイル 一年で5つのデザインガイドラインを作成 最近シニアデザイナーになりました （弊社はデザイナー→リード→シニア）

Slide 3

Slide 3 text

Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 ビジュアルデータとコードが統合された 小規模なデザインガイドライン

Slide 4

Slide 4 text

Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 ビジュアルデータとコードが統合された 小規模なデザインガイドライン 今日のLTを真似ると手に入るもの

Slide 5

Slide 5 text

Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 デザインガイドラインって 難しいんじゃないですか……？

Slide 6

Slide 6 text

Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 デザインガイドラインを作るほど 大規模な案件も無いんですが……？

Slide 7

Slide 7 text

Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 最小のデザインガイドラインを作ろう or or

Slide 8

Slide 8 text

Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 色を定義する 白と黒 メインカラーのバリエーション アクセントカラーのバリエーション

Slide 9

Slide 9 text

文字を定義する Title1 Title2 Headline1 Headline2 Subhead1 Subhead2 Body Caption Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法

Slide 10

Slide 10 text

Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 ドキュメント化する

Slide 11

Slide 11 text

Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 まとめ * 色々作ってみて思ったのは、最低限必要なのは色。
 もうちょっと欲張って良いならフォントかマージンのどっちか。
 その程度でもだいぶ混沌とした状況を脱することができます。 * AirbnbとかUberとか、世間で出回ってるレベルのものを作ろうと思うと
 作りきるのも大変だし導入も上手くいかないしで頓挫しがち。
 小さく初めて周りの理解を得て少しずつやっていきましょう。

Slide 12

Slide 12 text

Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 Color.review https://color.review/ Geenes https://geenes.app/user-interface xarsh - 日本語のLorem ipsum（ダミー文章）を考える https://xar.sh/post/95166529739/ zerohight https://zeroheight.com/ LTの中で登場したサイト