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.5k
atama plus Design Principles
デザイン原則完成時に全社共有した資料です
numata
March 29, 2019
Tweet
Share
More Decks by numata
See All by numata
デザインシステムチームの「身内」を増やす取り組み / Design Study Morning #07
numata
0
520
Building a design system
numata
0
2.1k
どんな感じよ?ドリーム・アーツの社内報/dreamarts in-house magazine
numata
0
240
Other Decks in Design
See All in Design
プロダクトデザイン部 組織紹介(デザイナー向け)
chatwork_hr
1
230
ゲームクリエイター、事業会社のデザイナーになる
satomium1
0
180
デザインをみんなのものに 「デザインの脱植民地化」を日本の文脈で考える
mayunak
7
4.1k
フロントエンドエンジニアが知っておくべきUIUX心理学
yukiringo
1
290
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
3.8k
業務システムのUX/UI設計ノウハウを解説。デザイナー不在で失敗しないために身につけるべき基本とは?
ncdc
2
290
Fooocus(Stable DiffusionXL)で アニメ画像生成の仕方
otanet
0
1k
Jeremy's First Day
myates3
1
130
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
230
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
630
UIをもたらすコンテクストの考察
securecat
9
2.6k
マスとAIをなめらかにつなぐデザイン
abcmisuzu
0
240
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
32
12k
The Language of Interfaces
destraynor
151
23k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
116
18k
Unsuck your backbone
ammeep
663
57k
The Pragmatic Product Professional
lauravandoore
25
5.8k
In The Pink: A Labor of Love
frogandcode
138
21k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
How GitHub (no longer) Works
holman
304
140k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
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