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
54
私のおすすめのデザインガイドライン構築法
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
400
ゆるデザトークのロゴを作った話
kskwtnk
1
130
実装まで視野に入れるならAtomic Designを辞めましょう
kskwtnk
1
280
良いUXを実現するために、まずはチーム内にデザインを浸透させている話
kskwtnk
3
230
Figma APIを使って活動履歴をグラフ化した話
kskwtnk
0
710
アプリケーションのインターフェースはOOUIにしようって話
kskwtnk
0
93
イラストの色選びはナチュラルハーモニーを意識しようって話
kskwtnk
1
330
FigmaのAuto Layoutを活かしてUI Kitを作った話
kskwtnk
0
140
経営理念達成のためのデザイン
kskwtnk
0
45
Other Decks in Design
See All in Design
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
190
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
450
Карта реализации историй — убийца USM
ashapiro
0
300
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
250
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
190
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
530
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.1k
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
330
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
110
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
5
780
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.3k
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
590
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
173
51k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.7k
Site-Speed That Sticks
csswizardry
3
270
Bash Introduction
62gerente
610
210k
YesSQL, Process and Tooling at Scale
rocio
170
14k
Unsuck your backbone
ammeep
669
57k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
Optimising Largest Contentful Paint
csswizardry
33
3k
Producing Creativity
orderedlist
PRO
343
39k
The Power of CSS Pseudo Elements
geoffreycrofte
74
5.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
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の中で登場したサイト