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.7k
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.3k
どんな感じよ?ドリーム・アーツの社内報/dreamarts in-house magazine
numata
0
270
Other Decks in Design
See All in Design
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
570
知を活かせるチームづくりとは?-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-
chiemitaki
1
760
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
730
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
2.3k
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
480
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
120
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
2
2.6k
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.9k
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
600
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1k
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
2
530
ZKK_001.pdf
nicholaspegu
0
1.4k
Featured
See All Featured
The Language of Interfaces
destraynor
154
24k
It's Worth the Effort
3n
183
28k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Producing Creativity
orderedlist
PRO
341
39k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
Visualization
eitanlees
146
15k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Site-Speed That Sticks
csswizardry
2
190
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
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