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
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
540
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
590
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
730
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
460
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
Cyber Heart Online Book
hjnasby
0
180
佐藤千晶|ポートフォリオ
chimi_chia
0
140
mento Design Team Portfolio
mento0fficial
1
690
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
350
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.4k
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
2
1.2k
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
170
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
231
18k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Invisible Side of Design
smashingmag
301
51k
Speed Design
sergeychernyshev
32
1.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Scaling GitHub
holman
463
140k
Building Adaptive Systems
keathley
43
2.7k
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の中で登場したサイト