Upgrade to Pro — share decks privately, control downloads, hide ads and more …

私のおすすめのデザインガイドライン構築法

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Keisuke Watanuki Keisuke Watanuki
September 07, 2019
Design
0
66

 私のおすすめのデザインガイドライン構築法

2019年9月7日に開催された「なごやデザイナーLT会 Vol.1」で発表した資料です。

Avatar for Keisuke Watanuki

Keisuke Watanuki

September 07, 2019
Tweet

More Decks by Keisuke Watanuki

See All by Keisuke Watanuki
CSS in JSで変わること変わらないこと
Avatar for Keisuke Watanuki kskwtnk
3
410
ゆるデザトークのロゴを作った話
Avatar for Keisuke Watanuki kskwtnk
1
150
実装まで視野に入れるならAtomic Designを辞めましょう
Avatar for Keisuke Watanuki kskwtnk
1
290
良いUXを実現するために、まずはチーム内にデザインを浸透させている話
Avatar for Keisuke Watanuki kskwtnk
3
240
Figma APIを使って活動履歴をグラフ化した話
Avatar for Keisuke Watanuki kskwtnk
0
720
アプリケーションのインターフェースはOOUIにしようって話
Avatar for Keisuke Watanuki kskwtnk
0
100
イラストの色選びはナチュラルハーモニーを意識しようって話
Avatar for Keisuke Watanuki kskwtnk
1
350
FigmaのAuto Layoutを活かしてUI Kitを作った話
Avatar for Keisuke Watanuki kskwtnk
0
150
経営理念達成のためのデザイン
Avatar for Keisuke Watanuki kskwtnk
0
58

Other Decks in Design

See All in Design
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
540
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
220
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
26k
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
Avatar for uto usui uto
0
170
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
1
210
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.3k
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
Avatar for Takuya Shikichi shikichee
2
3k
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
320
Treasure_Hunting
Avatar for Sol Metts solmetts
0
230
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
500
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
Avatar for Muture muture
PRO
0
420
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
4
650

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
0
190
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
61
52k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
71k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
47
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
290
Designing Experiences People Love
Avatar for Jonathan Moore moore
144
24k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.2k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k

Transcript

  1. 私のおすすめの デザインガイドライン構築法 Nagoya Design LT Summer Festival 2019.09.07 (Sat.) 株式会社エイチームライフスタイル

    綿貫佳祐

  2. Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 自己紹介 名前：綿貫佳祐 所属：株式会社エイチームライフスタイル 一年で5つのデザインガイドラインを作成

    最近シニアデザイナーになりました （弊社はデザイナー→リード→シニア）

  3. Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 ビジュアルデータとコードが統合された 小規模なデザインガイドライン

  4. Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 ビジュアルデータとコードが統合された 小規模なデザインガイドライン 今日のLTを真似ると手に入るもの

  5. Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 デザインガイドラインって 難しいんじゃないですか……？

  6. Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 デザインガイドラインを作るほど 大規模な案件も無いんですが……？

  7. Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 最小のデザインガイドラインを作ろう or or

  8. Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 Nagoya Design LT Summer

    Festival 私のおすすめのデザインガイドライン構築法 色を定義する 白と黒 メインカラーのバリエーション アクセントカラーのバリエーション

  9. 文字を定義する Title1 Title2 Headline1 Headline2 Subhead1 Subhead2 Body Caption Nagoya

    Design LT Summer Festival 私のおすすめのデザインガイドライン構築法

  10. Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 ドキュメント化する

  11. Nagoya Design LT Summer Festival 私のおすすめのデザインガイドライン構築法 まとめ * 色々作ってみて思ったのは、最低限必要なのは色。
 もうちょっと欲張って良いならフォントかマージンのどっちか。


    その程度でもだいぶ混沌とした状況を脱することができます。 * AirbnbとかUberとか、世間で出回ってるレベルのものを作ろうと思うと
 作りきるのも大変だし導入も上手くいかないしで頓挫しがち。
 小さく初めて周りの理解を得て少しずつやっていきましょう。

  12. 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の中で登場したサイト