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
530
Building a design system
numata
0
2.3k
どんな感じよ?ドリーム・アーツの社内報/dreamarts in-house magazine
numata
0
280
Other Decks in Design
See All in Design
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3.4k
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
310
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
240
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
320
Crisp Code inc. ブランドガイドライン
so_kotani
1
160
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
330
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
1.1k
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
880
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
320
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
1.4k
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
1.1k
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
3
320
Featured
See All Featured
The Language of Interfaces
destraynor
157
25k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.3k
Rails Girls Zürich Keynote
gr2m
94
13k
Building Applications with DynamoDB
mza
94
6.3k
The Cult of Friendly URLs
andyhume
78
6.3k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.8k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
119
51k
Gamification - CAS2011
davidbonilla
81
5.2k
Rebuilding a faster, lazier Slack
samanthasiow
81
8.9k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
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