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.8k
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
270
Other Decks in Design
See All in Design
(第1回) アーキテクト・テックリード育成講座
masakaya
0
200
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
280
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
210
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
310
Crisp Code inc. ブランドガイドライン
so_kotani
1
150
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
1
380
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
230
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
320
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.3k
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
2
170
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
330
Rayout Pattern 01
one0
0
1.7k
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
Building Adaptive Systems
keathley
41
2.5k
GraphQLの誤解/rethinking-graphql
sonatard
70
10k
Raft: Consensus for Rubyists
vanstee
137
6.9k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Making the Leap to Tech Lead
cromwellryan
133
9.2k
Rails Girls Zürich Keynote
gr2m
94
13k
The Pragmatic Product Professional
lauravandoore
33
6.5k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
8
700
Fireside Chat
paigeccino
37
3.3k
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