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
80
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
300
良い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
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
190
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
1.5k
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
160
Figma MCPを活用するためのデザインハンドブック
vivion
8
19k
hicard_credential_202601
hicard
0
270
もう迷わない!“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
800
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
deadlinepoet
0
350
Saving_the_King_-_Storyboard.pdf
terencebasart
0
250
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.3k
Of Ordination and Rebellion exploration sketches
rezaline
0
190
Decksh keywords
ajstarks
0
110
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
880
Featured
See All Featured
Prompt Engineering for Job Search
mfonobong
0
390
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
560
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Building AI with AI
inesmontani
PRO
1
1.1k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
390
Believing is Seeing
oripsolob
1
180
The Spectacular Lies of Maps
axbom
PRO
1
890
Building the Perfect Custom Keyboard
takai
2
830
From π to Pie charts
rasagy
0
250
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
630
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.3k
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の中で登場したサイト