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
0
61
私のおすすめのデザインガイドライン構築法
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
410
ゆるデザトークのロゴを作った話
kskwtnk
1
140
実装まで視野に入れるならAtomic Designを辞めましょう
kskwtnk
1
290
良いUXを実現するために、まずはチーム内にデザインを浸透させている話
kskwtnk
3
240
Figma APIを使って活動履歴をグラフ化した話
kskwtnk
0
720
アプリケーションのインターフェースはOOUIにしようって話
kskwtnk
0
99
イラストの色選びはナチュラルハーモニーを意識しようって話
kskwtnk
1
340
FigmaのAuto Layoutを活かしてUI Kitを作った話
kskwtnk
0
150
経営理念達成のためのデザイン
kskwtnk
0
54
Other Decks in Design
See All in Design
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1.2k
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
340
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.5k
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
500
Yumika Yamada Portfolio
yumii
0
2.3k
プロダクトリニューアルと同時に進める初めてのデザインシステム
techtekt
PRO
0
180
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
810
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
muture
PRO
0
210
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
940
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
170
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
110
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
170
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
527
40k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.6k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
For a Future-Friendly Web
brad_frost
180
10k
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.2k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Speed Design
sergeychernyshev
33
1.3k
Producing Creativity
orderedlist
PRO
348
40k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Agile that works and the tools we love
rasmusluckow
331
21k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
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の中で登場したサイト