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
atama plus Design Principles
Search
numata
March 29, 2019
Design
0
4.9k
atama plus Design Principles
デザイン原則完成時に全社共有した資料です
numata
March 29, 2019
Tweet
Share
More Decks by numata
See All by numata
デザインシステムチームの「身内」を増やす取り組み / Design Study Morning #07
numata
0
540
Building a design system
numata
0
2.4k
どんな感じよ?ドリーム・アーツの社内報/dreamarts in-house magazine
numata
0
290
Other Decks in Design
See All in Design
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
190
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
390
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
アクセシビリティに取り組むメリット
magi1125
1
220
UXとUIの違いを自分の言葉で表現する: UX DAYS TOKYO
mizunashi_mana
0
210
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
330
Kid Cowboy 103
marilutwin
0
280
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
580
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
270
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1k
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
360
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Optimizing for Happiness
mojombo
379
70k
The Pragmatic Product Professional
lauravandoore
35
6.8k
GraphQLとの向き合い方2022年版
quramy
49
14k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
760
Rails Girls Zürich Keynote
gr2m
95
14k
Bash Introduction
62gerente
613
210k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
370
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Transcript
رؠ؎ٝءأذيהرؠ؎ٝ⾱ %FTJHO4ZTUFNT%FTJHO1SJODJQMFT BUBNBQMVT695FBN
ֶㅷ剅ֹ • 㔐ךְֶׁ • رؠ؎ٝגזֽ • رؠ؎ٝך㣐✲ז銲稆♧顐䚍 • رؠ؎ٝءأذيכ♧顐䚍⥂אךخ٦ٕ •
⚥魦ך♧顐䚍رؠ؎ٝ⾱ • رؠ؎ٝ⾱⡲䧭فٗإأ • رؠ؎ٝ⾱涪邌 • אְַַ • ➙䖓ך✮㹀 Ͽ BUBNBQMVT*OD
ְֶׁ 㔐չرؠ؎ٝءأذيאֻתׅպהְֲ涪邌ׇׁגְֹת׃կ ؝ٖ Ͽ BUBNBQMVT*OD
ְֶׁ 㔐չرؠ؎ٝءأذيאֻתׅպהְֲ涪邌ׇׁגְֹת׃կ ״ֲװֻזׁחֶ䫪ꪪ湡דֹךָדֹךדծⰟ剣ׇׁגְֻׁ։ ˟չرؠ؎ٝءأذي♧鿇պדׅկ Ͽ BUBNBQMVT*OD
ְֶׁ 㔐չرؠ؎ٝءأذيאֻתׅպהְֲ涪邌ׇׁגְֹת׃կ ״ֲװֻזׁחֶ䫪ꪪ湡דֹךָדֹךדծⰟ剣ׇׁגְֻׁ։ זחًٝغ٦稱➜ 鹌遤⤘ ꞿ ̒植㖈ծ傈劤ד㈓♧ך رؠ؎ٝءأذيך㼔剅 1ׯכׄה׃ծ莆䭯ג NUH鋖ְגֻ➂،ٔؖزؐ
˘ ךעװׁ Ͽ BUBNBQMVT*OD
رؠ؎ٝ⾱ أة؎ٕ 6*ػة٦ٝ رؠ؎ٝءأذيהכ 鋔鋙涸זךֽדכזֻծ陽锷ח䗳銲זرؠ؎ٝך䭷ꆙװծ 穈籼Ⰻ⡤חֶֽ؟٦ؽأⰋ⡤ךⰟ鸐鎉铂ָתהתגְךկ ְֶׁ 䭷ꆙ 鋔鋙涸זך Ͽ
BUBNBQMVT*OD
رؠ؎ٝג˘ ⚅ך⚥ך♧菙䌢陎ד⢪չرؠ؎ٝպהְֲ鎉衝ה ➙ַ⬁ָ⢪ֲչرؠ؎ٝպהְֲ鎉衝ךחٍؘحفַָ֮ זךד湡简さׇׇׁג♴ְׁ 劤겗חⰅח˘ Ͽ BUBNBQMVT*OD
湡䭷ׅ㪦 侄肪חծ➂חծ爡⠓חծ 如ך〳腉䚍կ 㣐ⴖח׃גְֿה XPXTUVEFOUT הⰧ⡤涸זך 㛇燉㷕⸂剑瀉ד统䖤 808 䟝ְ䭯א אֻ
⼿⸂䖤 侧㷕 薉铂 暟⻉ 爡⠓דְֹ⸂ ַחׅ فٗإأחׅ 侄㹓ꞿ ؝٦ث 1- Ͽ BUBNBQMVT*OD
湡䭷ׅ㪦 侄肪חծ➂חծ爡⠓חծ 如ך〳腉䚍կ 㣐ⴖח׃גְֿה XPXTUVEFOUT הⰧ⡤涸זך 㛇燉㷕⸂剑瀉ד统䖤 808 䟝ְ䭯א אֻ
⼿⸂䖤 侧㷕 薉铂 暟⻉ 爡⠓דְֹ⸂ 侄㹓ꞿ ؝٦ث 1- رؠ؎ׅٝ Ͽ BUBNBQMVT*OD
Ͽ BUBNBQMVT*OD 湡䭷ׅ㪦 侄肪חծ➂חծ爡⠓חծ 如ך〳腉䚍կ 㣐ⴖח׃גְֿה XPXTUVEFOUT הⰧ⡤涸זך 㛇燉㷕⸂剑瀉ד统䖤 808
䟝ְ䭯א אֻ ⼿⸂䖤 侧㷕 薉铂 暟⻉ 爡⠓דְֹ⸂ 侄㹓ꞿ ؝٦ث 1- رؠ؎ׅٝ ְײ رؠ؎ش٦ָֽرؠ؎ٝ׃גְֽׄׯ搀ְ זرؠ؎ش٦
湡䭷ׅ㪦 侄肪חծ➂חծ爡⠓חծ 如ך〳腉䚍կ 㣐ⴖח׃גְֿה XPXTUVEFOUT הⰧ⡤涸זך 㛇燉㷕⸂剑瀉ד统䖤 808 䟝ְ䭯א אֻ
⼿⸂䖤 侧㷕 薉铂 暟⻉ 爡⠓דְֹ⸂ 侄㹓ꞿ ؝٦ث 1- رؠ؎ׅٝ Ͽ BUBNBQMVT*OD
湡䭷ׅ㪦 侄肪חծ➂חծ爡⠓חծ 如ך〳腉䚍կ 㣐ⴖח׃גְֿה XPXTUVEFOUT הⰧ⡤涸זך 㛇燉㷕⸂剑瀉ד统䖤 808 䟝ְ䭯א אֻ
⼿⸂䖤 侧㷕 薉铂 暟⻉ 爡⠓דְֹ⸂ 侄㹓ꞿ ؝٦ث 1- رؠ؎ׅٝ 䟝㹀ה麩ֲ ⡲䙼 䠬ׄה麩ֲ˘ ص٦ؤָ搀ַ ⡲ֽו⢪ג ֻזְ˘ ⠗זְ ⡲ֽו⢪ג ֻזְ˘ ⥋欽ׁזְ չ剑瀉ׄׯזְה 䙼ֲպ Ͽ BUBNBQMVT*OD
湡䭷ׅ㪦 侄肪חծ➂חծ爡⠓חծ 如ך〳腉䚍կ 㣐ⴖח׃גְֿה XPXTUVEFOUT הⰧ⡤涸זך 㛇燉㷕⸂剑瀉ד统䖤 808 䟝ְ䭯א אֻ
⼿⸂䖤 侧㷕 薉铂 暟⻉ 爡⠓דְֹ⸂ 侄㹓ꞿ ؝٦ث 1- رؠ؎ׅٝ 䟝㹀ה麩ֲ ⡲䙼 䠬ׄה麩ֲ˘ ص٦ؤָ搀ַ ⡲ֽו⢪ג ֻזְ˘ ⠗זְ ⡲ֽו⢪ג ֻזְ˘ ⥋欽ׁזְ չ剑瀉ׄׯזְה 䙼ֲպ Ͽ BUBNBQMVT*OD رؠ؎ٝ׃䗳׆ֲתְֻֻֽׄׯזְ
湡䭷ׅ㪦 侄肪חծ➂חծ爡⠓חծ 如ך〳腉䚍կ 㣐ⴖח׃גְֿה XPXTUVEFOUT הⰧ⡤涸זך 㛇燉㷕⸂剑瀉ד统䖤 808 䟝ְ䭯א אֻ
⼿⸂䖤 侧㷕 薉铂 暟⻉ 爡⠓דְֹ⸂ 侄㹓ꞿ ؝٦ث 1- رؠ؎ׅٝ 䟝㹀ה麩ֲ ⡲䙼 䠬ׄה麩ֲ˘ ص٦ؤָ搀ַ ⡲ֽו⢪ג ֻזְ˘ ⠗זְ ⡲ֽו⢪ג ֻזְ˘ ⥋欽ׁזְ չ剑瀉ׄׯזְה 䙼ֲպ Ͽ BUBNBQMVT*OD
湡䭷ׅ㪦 侄肪חծ➂חծ爡⠓חծ 如ך〳腉䚍կ 㣐ⴖח׃גְֿה XPXTUVEFOUT הⰧ⡤涸זך 㛇燉㷕⸂剑瀉ד统䖤 808 䟝ְ䭯א אֻ
⼿⸂䖤 侧㷕 薉铂 暟⻉ 爡⠓דְֹ⸂ 侄㹓ꞿ ؝٦ث 1- رؠ؎ׅٝ 䟝㹀ה麩ֲ ⡲䙼 䠬ׄה麩ֲ˘ ص٦ؤָ搀ַ ⡲ֽו⢪ג ֻזְ˘ ⠗זְ ⡲ֽו⢪ג ֻזְ˘ ⥋欽ׁזְ չ剑瀉ׄׯזְה 䙼ֲպ Ͽ BUBNBQMVT*OD .71 لٕاش
湡䭷ׅ㪦 侄肪חծ➂חծ爡⠓חծ 如ך〳腉䚍կ 㣐ⴖח׃גְֿה XPXTUVEFOUT הⰧ⡤涸זך 㛇燉㷕⸂剑瀉ד统䖤 808 䟝ְ䭯א אֻ
⼿⸂䖤 侧㷕 薉铂 暟⻉ 爡⠓דְֹ⸂ 侄㹓ꞿ ؝٦ث 1- رؠ؎ׅٝ 䟝㹀ה麩ֲ ⡲䙼 䠬ׄה麩ֲ˘ ص٦ؤָ搀ַ ⡲ֽו⢪ג ֻזְ˘ ⠗זְ ⡲ֽו⢪ג ֻזְ˘ ⥋欽ׁזְ չ剑瀉ׄׯזְה 䙼ֲպ Ͽ BUBNBQMVT*OD .71 لٕاش رؠ؎ٝءأذي
鋅湡 • ⽩韋ָּכּ • ずׄ㜥䨽חずׄךָזְ • זוזו ⚥魦 • ؝ٝإفزָـٖג
• זוזו ⠗זְծ⥋걾ׁזְ㣐ֹז銲㔓չ♧顐䚍ָ搀ְպ Ͽ BUBNBQMVT*OD
鋅湡⽩韋ָּכּ ⠗זְծ⥋걾ׁזְ㣐ֹז銲㔓չ♧顐䚍ָ搀ְպ Ͽ BUBNBQMVT*OD
鋅湡⽩韋ָּכּ ⠗זְծ⥋걾ׁזְ㣐ֹז銲㔓չ♧顐䚍ָ搀ְպ Ͽ BUBNBQMVT*OD
鋅湡⽩韋ָּכּ ⠗זְծ⥋걾ׁזְ㣐ֹז銲㔓չ♧顐䚍ָ搀ְպ Ͽ BUBNBQMVT*OD
鋅湡ずׄ㜥䨽חずׄךָזְ ⠗זְծ⥋걾ׁזְ㣐ֹז銲㔓չ♧顐䚍ָ搀ְպ Ͽ BUBNBQMVT*OD
鋅湡ずׄ㜥䨽חずׄךָזְ ֻׁ㛑殅ؽٕך ٖؒك٦ة٦ךأ؎حث ⠗זְծ⥋걾ׁזְ㣐ֹז銲㔓չ♧顐䚍ָ搀ְպ Ͽ BUBNBQMVT*OD
⚥魦؝ٝإفزָـٖג ⠗זְծ⥋걾ׁזְ㣐ֹז銲㔓չ♧顐䚍ָ搀ְպ Ͽ BUBNBQMVT*OD
⚥魦؝ٝإفزָـٖג 䚈ח讒苇ٖؕ٦䲿⣘׃㨣 ٗ٦أزه٦ؙךֶ䏄 ⠗זְծ⥋걾ׁזְ㣐ֹז銲㔓չ♧顐䚍ָ搀ְպ Ͽ BUBNBQMVT*OD
⚥魦؝ٝإفزָـٖג ⠗זְծ⥋걾ׁזְ㣐ֹז銲㔓չ♧顐䚍ָ搀ְպ Ͽ BUBNBQMVT*OD
⚥魦؝ٝإفزָـٖג ؝ٝإفزָ׃ַ׃גְל֮ ְכ˘ ˟؝ٝإفزכ劤䔲כ׃ַ׃גֽוծ 㸚גְזְ〳腉䚍 ⠗זְծ⥋걾ׁזְ㣐ֹז銲㔓չ♧顐䚍ָ搀ְպ Ͽ BUBNBQMVT*OD
⚥魦؝ٝإفزָ׃ַ׃גְ ⠗זְծ⥋걾ׁזְ㣐ֹז銲㔓չ♧顐䚍ָ搀ְպ Ͽ BUBNBQMVT*OD
⚥魦؝ٝإفزָ׃ַ׃גְ *OTUBHSBN歗⫷䎢デךكأزفؙٓذ؍أ • 歗⫷ـٓٝس؎ً٦آחさׇ • ؝ٝإفزꅾ鋔ך歗⫷⢪ֲ • 歗⫷䊨㣗ׅ ⠗זְծ⥋걾ׁזְ㣐ֹז銲㔓չ♧顐䚍ָ搀ְպ Ͽ
BUBNBQMVT*OD
رؠ؎ٝ⾱ أة؎ٕ 6*ػة٦ٝ رؠ؎ٝءأذيכ♧顐䚍⥂אךخ٦ٕ 䭷ꆙ 鋔鋙涸זך ⚥魦 鋅湡 $*ؘُٖٖ٦ءّٝծؿؓٝز鋉㹀זו˘
Ͽ BUBNBQMVT*OD
植朐 侄肪חծ➂חծ爡⠓חծ 如ך〳腉䚍կ XPXTUVEFOUT 欰䖝ָ攦期ׅ㷕ןկ Ͽ BUBNBQMVT*OD
رؠ؎ٝ⾱ 植朐 أة؎ٕ 6*ػة٦ٝ 侄肪חծ➂חծ爡⠓חծ 如ך〳腉䚍կ XPXTUVEFOUT
欰䖝ָ攦期ׅ㷕ןկ Ͽ BUBNBQMVT*OD
رؠ؎ٝ⾱ 溪♧ֻծ秪✳ָֻXPX׃גֻחכծ ֿזֿהָ㣐ⴖזׄׯזְַז֭הְֲ銲稆תהת׃կ Ͽ BUBNBQMVT*OD
וֲװך 8PXTUVEFOUT 欰䖝ָ攦期ׅ㷕ןկ ⹈䓼ؙؙׅٙٙךծ 荈ⴓַװְ ךח㢌ִծ 欰䖝♧➂מהך〳腉䚍䎢־կ 猘ך֮ײ遤⹛כծ ծךח֮ תׅկ
攦期גזأַ װֿהչ8PXTUVEFOUTպ הぢֹさֲ Ͽ BUBNBQMVT*OD
וֲװך װֿהչ8PXTUVEFOUTպ הぢֹさֲ Ͽ BUBNBQMVT*OD
וֲװך װֿהչ8PXTUVEFOUTպ הぢֹさֲ Ͽ BUBNBQMVT*OD
וֲװך װֿהչ8PXTUVEFOUTպ הぢֹさֲ Ͽ BUBNBQMVT*OD
וֲװך װֿהչ8PXTUVEFOUTպ הぢֹさֲ Ͽ BUBNBQMVT*OD
וֲװך װֿהΎ8PXTUVEFOUTך㹋植ח䗳銲ז銲稆תה Ͽ BUBNBQMVT*OD
װֿהΏـٓحءُ،حف וֲװך Ͽ BUBNBQMVT*OD
ֲ٦ծ 㢳ֺׅג鋙ִזְי װֿהΏـٓحءُ،حف וֲװך ׆ַ׃ְ˘ 笨繎׃״ֲהׅךדכזֻגծ剑㣐ⴖזאחؿؓ٦ؕأ׃կ Ͽ BUBNBQMVT*OD
׃ג⳿勻♳ָךָֿ˘ Ͽ BUBNBQMVT*OD
رؠ؎ٝ⾱ כׄח رؠ؎ٝ⾱כչXPXTUVEFOUTպָ欰תך猼ֽאתהךדׅկ رؠ؎ٝ⾱ָ㼎韋הׅךכծ欰䖝ָ⢪ֲךֽדזֻծ欰䖝《䋆ֻ橆㞮ךךろתׅկ ،فٔכךֿהծ秵דꂁךװծ؝٦ثח갹䓸釈גִֿהזוծ 欰䖝ָ㷕统鸐׃ג穗꿀ׁׅתׂתזֿהח䔲גכֿהָדֹתׅկ ֿך猼ֽאֲתֻ崞欽׃גծת鋅טչXPXTUVEFOUTպָ欰תֿה劍䖉׃גְתׅ Ͽ BUBNBQMVT*OD
رؠ؎ٝ⾱ 㷕ןח꧊⚥דֹ 䗳銲ז乼⡲٥䗳銲ז銲稆剑㼭ꣲח׃ծ㷕ןךךח꧊⚥דֹ״ֲחرؠ؎ٝ׃תׅկ 荈ⴓך朐䡾ַָ 欰䖝ך《穈ח㼎׃ג䌢חؿ؍٦سغحָؙ֮ծ䧭ꞿ㹋䠬דֹ״ֲחرؠ؎ٝ׃תׅկ 荈ⴓַ鹌 ⚺⡤涸ח㷕דְֽ״ֲծ欰䖝ָ荈ⴓד鼅䫛ׅ䠬鋙㣐ⴖח׃תׅկ鼅䫛肇ה鼅䫛ח䗳銲ז䞔㜠 䲿⣘׃ծ欰䖝ָ䠐䙼寸㹀דֹ״ֲחرؠ؎ٝ׃תׅկ Ͽ BUBNBQMVT*OD
رؠ؎ٝ⾱ 㷕ןח꧊⚥דֹ 䗳銲ז乼⡲٥䗳銲ז銲稆剑㼭ꣲח׃ծ㷕ןךךח꧊⚥דֹ״ֲחرؠ؎ٝ׃תׅկ 葺ְ⢽ • ㉏겗鍑ְ֮הծ鍑瘶ׅنةٝ䠐陎ׇ׆䬃ׇ 銲岣䠐 • 鏺倖ⵖꣲ儗䗳銲⟃♳ח䓼锃ׅ •
꧊⚥׃גְהֹח؝٦ثח㡮ַֽג׃תֲ • 鍑瘶ׅ6*ָ醱꧟חזֺׅג׃תֲ Ͽ BUBNBQMVT*OD
رؠ؎ٝ⾱ 荈ⴓך朐䡾ַָ 欰䖝ך《穈ח㼎׃ג䌢חؿ؍٦سغحָؙ֮ծ䧭ꞿ㹋䠬דֹ״ֲחرؠ؎ٝ׃תׅկ 葺ְ⢽ • و؎ٖكٕד荈ⴓָ➙תדדֹ״ֲחזֿהָ䌢ח然钠דֹ • 䩛ֿ׆㉏겗ָדֹ儗蕱⸤׃גさ呓׃儗湡垥麦䧭׃儗ծ؝٦ثַ㡮ַֽגִ • 㹀劍锑דծ➙㷕劍ך䮶鵤׃גִ
銲岣䠐 • ְאךחַ统擾䏝ָ㢌ג׃תֲ Ͽ BUBNBQMVT*OD
رؠ؎ٝ⾱ 荈ⴓַ鹌 ⚺⡤涸ח㷕דְֽ״ֲծ欰䖝ָ荈ⴓד鼅䫛ׅ䠬鋙㣐ⴖח׃תׅկ鼅䫛肇ה鼅䫛ח䗳銲ז䞔㜠 䲿⣘׃ծ欰䖝ָ䠐䙼寸㹀דֹ״ֲחرؠ؎ٝ׃תׅկ 葺ְ⢽ • 剑瀉؝٦أחכ醱侧ך侄勞䲿爙׃ծ鼅䫛ך䌴䭯ׇ • 㺊겗כ欰䖝ָ؝٦ثה؝ىُص؛٦ءّٝ׃ծ㹑鎉׃㉏겗侧װגֲ 銲岣䠐
• BUBNBך➬穈葺ֻ濼׆ח㷕统׃㨣ג׃תֲ • ؝٦ثָ㷕统倯岀䬃׃➰ֽג׃תֲ • 䩛ח㷕统湡垥ָ寸ג׃תֲ Ͽ BUBNBQMVT*OD
ֿח״ג˘ • ➂侧ָ㟓ִגההֻׁך➂ָرؠ؎ٝחꟼ״ֲחזג 㢌׆♧顐׃ךבָֻדֹהְְז։ • ؝ىُص؛٦ءָّٝⰼ徽חזהְְז։ ◦ KVTU@JEFB⳿׃װֻׅזהְְז։ ◦ ך堣腉何㊣ָוז䠐㔳ד遤ךַָأحؗٔ椚鍑דֹהְְז։
• הה⢪ְװֻׅג⥋걾דֹBUBNBחזהְְז։ Ͽ BUBNBQMVT*OD
• رؠ؎ٝ⾱ך兛⿹崞⹛ ˟䠐陎׃גִ㴍׃ְדׅ • رؠ؎ٝ⾱⯋ח׃ג⟃♴⡲גְֹתׅ ◦ أة؎ٕ ◦ 6*ػة٦ٝ ˟鋅湡ךرؠ؎ٝח莆֮➂㣐꧊דׅ
➙䖓ך✮㹀 Ͽ BUBNBQMVT*OD