Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
私のおすすめのデザインガイドライン構築法
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Keisuke Watanuki
September 07, 2019
Design
0
70
私のおすすめのデザインガイドライン構築法
2019年9月7日に開催された「なごやデザイナーLT会 Vol.1」で発表した資料です。
Keisuke Watanuki
September 07, 2019
Tweet
Share
More Decks by Keisuke Watanuki
See All by Keisuke Watanuki
CSS in JSで変わること変わらないこと
kskwtnk
3
420
ゆるデザトークのロゴを作った話
kskwtnk
1
150
実装まで視野に入れるならAtomic Designを辞めましょう
kskwtnk
1
290
良いUXを実現するために、まずはチーム内にデザインを浸透させている話
kskwtnk
3
250
Figma APIを使って活動履歴をグラフ化した話
kskwtnk
0
720
アプリケーションのインターフェースはOOUIにしようって話
kskwtnk
0
110
イラストの色選びはナチュラルハーモニーを意識しようって話
kskwtnk
1
350
FigmaのAuto Layoutを活かしてUI Kitを作った話
kskwtnk
0
160
経営理念達成のためのデザイン
kskwtnk
0
63
Other Decks in Design
See All in Design
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
2
140
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
120
コンテンツ作成者の体験を設計する
chiilog
0
120
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
0
130
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1M
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.1k
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
nttcom
0
350
Signull 団体説明資料
signull
0
380
hicard_credential_202601
hicard
0
200
公開スライド)熊本市様-電子申請中級編
garyuten
0
1.1k
Mandalyn_DT5001_FinalAssignment.pdf
lynteo
0
170
kintone_aroma
kintone
0
1.7k
Featured
See All Featured
Evolving SEO for Evolving Search Engines
ryanjones
0
150
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
100
How to make the Groovebox
asonas
2
2k
The untapped power of vector embeddings
frankvandijk
2
1.6k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
120
Making the Leap to Tech Lead
cromwellryan
135
9.8k
It's Worth the Effort
3n
188
29k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
85
Odyssey Design
rkendrick25
PRO
2
550
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
64
53k
Automating Front-end Workflow
addyosmani
1370
200k
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Transcript
私のおすすめの デザインガイドライン構築法 Nagoya Design LT Summer Festival 2019.09.07 (Sat.) 株式会社エイチームライフスタイル
綿貫佳祐
Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 自己紹介 名前:綿貫佳祐 所属:株式会社エイチームライフスタイル 一年で5つのデザインガイドラインを作成
最近シニアデザイナーになりました (弊社はデザイナー→リード→シニア)
Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 ビジュアルデータとコードが統合された 小規模なデザインガイドライン
Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 ビジュアルデータとコードが統合された 小規模なデザインガイドライン 今日のLTを真似ると手に入るもの
Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 デザインガイドラインって 難しいんじゃないですか……?
Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 デザインガイドラインを作るほど 大規模な案件も無いんですが……?
Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 最小のデザインガイドラインを作ろう or or
Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 Nagoya Design LT Summer
Festival 私のおすすめのデザインガイドライン構築法 色を定義する 白と黒 メインカラーのバリエーション アクセントカラーのバリエーション
文字を定義する Title1 Title2 Headline1 Headline2 Subhead1 Subhead2 Body Caption Nagoya
Design LT Summer Festival 私のおすすめのデザインガイドライン構築法
Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 ドキュメント化する
Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 まとめ * 色々作ってみて思ったのは、最低限必要なのは色。 もうちょっと欲張って良いならフォントかマージンのどっちか。
その程度でもだいぶ混沌とした状況を脱することができます。 * AirbnbとかUberとか、世間で出回ってるレベルのものを作ろうと思うと 作りきるのも大変だし導入も上手くいかないしで頓挫しがち。 小さく初めて周りの理解を得て少しずつやっていきましょう。
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の中で登場したサイト