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
Keisuke Watanuki
September 07, 2019
Design
81
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
私のおすすめのデザインガイドライン構築法
2019年9月7日に開催された「なごやデザイナーLT会 Vol.1」で発表した資料です。
Keisuke Watanuki
September 07, 2019
More Decks by Keisuke Watanuki
See All by Keisuke Watanuki
CSS in JSで変わること変わらないこと
kskwtnk
3
430
ゆるデザトークのロゴを作った話
kskwtnk
1
160
実装まで視野に入れるならAtomic Designを辞めましょう
kskwtnk
1
310
良いUXを実現するために、まずはチーム内にデザインを浸透させている話
kskwtnk
3
260
Figma APIを使って活動履歴をグラフ化した話
kskwtnk
0
730
アプリケーションのインターフェースはOOUIにしようって話
kskwtnk
0
110
イラストの色選びはナチュラルハーモニーを意識しようって話
kskwtnk
1
360
FigmaのAuto Layoutを活かしてUI Kitを作った話
kskwtnk
0
170
経営理念達成のためのデザイン
kskwtnk
0
74
Other Decks in Design
See All in Design
(2026 FlowCon Keynote) Sociotechnical Architecture Finding Flow
xinyao
0
110
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
420
AVI 2026 Keynote "Vision-Driven Design"
ishii_mit
0
120
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
510
開閉UIのアニメーション設計
hiro0218
2
990
PAMPHLET.pdf
mhand01
0
1.6k
分散するデザイン組織をつなぐ デザインミートアップの取り組み/nikkei-tech-talk49
nikkei_engineer_recruiting
0
170
Saving_the_King_-_Storyboard.pdf
terencebasart
0
280
Basket_of_love.pdf
terencebasart
0
270
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.4k
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
210
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
180
Featured
See All Featured
A Soul's Torment
seathinner
6
3.5k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
310
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
500
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
201
75k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
220
From π to Pie charts
rasagy
0
320
Chasing Engaging Ingredients in Design
codingconduct
0
280
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.3k
Practical Orchestrator
shlominoach
191
12k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
900
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の中で登場したサイト