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
53
Other Decks in Design
See All in Design
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.4k
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
540
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
350
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
850
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
490
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
3.6k
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
150
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
1
180
CursorでAI活用のナレッジベースを構築する
kanzaki
0
730
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.3k
mento Design Team Portfolio
mento0fficial
1
830
minpaku-community-scrum-patterns
norinity1103
1
430
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Thoughts on Productivity
jonyablonski
70
4.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
32
2.2k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Side Projects
sachag
455
43k
Gamification - CAS2011
davidbonilla
81
5.5k
GraphQLとの向き合い方2022年版
quramy
49
14k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
3k
A Modern Web Designer's Workflow
chriscoyier
697
190k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
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の中で登場したサイト