Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
2020年デザイントレンド.pdf
keita
January 26, 2020
Design
1
290
2020年デザイントレンド.pdf
keita
January 26, 2020
Tweet
Share
More Decks by keita
See All by keita
鷹栖小学校.pdf
keita_yoshikawa
0
24
市民の先生_6ホームページの運用とSEO.pdf
keita_yoshikawa
0
63
市民の先生_5アナリティクスの使い方.pdf
keita_yoshikawa
0
84
市民の先生_4写真素材と画像作成.pdf
keita_yoshikawa
0
67
06_Scratchオフラインエディターのダウンロード方法.pdf
keita_yoshikawa
0
260
市民の先生_1ホームページとWordPressについて_イーラボ用.pdf
keita_yoshikawa
0
24
市民の先生-#3HTMLとCSSの基礎
keita_yoshikawa
0
95
市民の先生_2WordPressのカスタマイズ方法.pdf
keita_yoshikawa
0
100
市民の先生イントロダクション.pdf
keita_yoshikawa
0
95
Other Decks in Design
See All in Design
decksh object reference
ajstarks
0
220
ユーザー体験を支える_freeeのデザインシステム活用.pdf
fkady
0
280
Monster in the Closet
laineyru
1
160
A_Yajima
a_yajima
1
4.6k
第10回_業務システムのUX/UIデザイン改善によくある間違いとその解決策
fixel_admin
1
500
なみなみかみっ
naminamikami2021
1
230
NCDC_UXSession_20220120
ncdc
0
680
My Yahoo Refresh Overview
xuechunwu
0
270
Design System ガイドライン策定のススメ
tadaking
4
1.2k
Let's have a Threesome!
laineyru
1
160
Doll.pdf
yzhang0425
0
140
Why I made a design div. within an agile company (RSGT, January 2022)
chostett
1
2.1k
Featured
See All Featured
For a Future-Friendly Web
brad_frost
164
7.4k
Thoughts on Productivity
jonyablonski
43
2.2k
Happy Clients
brianwarren
89
5.5k
Design by the Numbers
sachag
271
17k
What's new in Ruby 2.0
geeforr
336
30k
Optimizing for Happiness
mojombo
365
63k
Embracing the Ebb and Flow
colly
73
3.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
253
11k
Code Reviewing Like a Champion
maltzj
506
37k
Mobile First: as difficult as doing things right
swwweet
212
7.5k
The Art of Programming - Codeland 2020
erikaheidi
32
5.8k
Stop Working from a Prison Cell
hatefulcrawdad
261
17k
Transcript
DERA-design 01 ϯ σ β Π ษ ڧ ձ ذ
͗ ෞ ; Ҋ ਤ E FTJHO ʰσβΠϯτϨϯυ ʱ スライド数 64 ページ
DERA-design 02 ͷ σβΠ ϯ τϨϯ υ ͜Ε͕ྲྀߦΔ
DERA-design 03 ͔͠Εͳ͍ʜ
DERA-design 04 $"15&3σβΠϯτϨϯυ ϑϧεΫϦʔϯϨΠΞτ σβ Π ϯ τϨϯ υͷ ྲྀߦͦ͠͏͔Ͳ͏͔ͷ߹͍Λ
ͰධՁ͠·ͨ͠
DERA-design 05 σβ Π ϯ τϨϯ υ $"15&3
DERA-design 06 $"15&3σβΠϯτϨϯυ ϑϧεΫϦʔϯϨΠΞτ
DERA-design 07 $"15&3σβΠϯτϨϯυ ϑϧεΫϦʔϯϨΠΞτ ϚςϦΞϧϖσΟΞ IUUQTNBUFSJBMQFEJBOFU ϒϧʔύυϧ IUUQTCMVFQVEEMFDPN
DERA-design 08 $"15&3σβΠϯτϨϯυ εϓϦοτεΫϦʔϯϨΠΞτ
DERA-design 09 $"15&3σβΠϯτϨϯυ εϓϦοτεΫϦʔϯϨΠΞτ ຊ৺ଁ݂֎Պֶձ IUUQTQMB[BVNJOBDKQdKTD WTTVSHFSZMJTU "QQMF"SDIJWF IUUQTXXXBQQMFBSDIJWFPSH
DERA-design 10 $"15&3σβΠϯτϨϯυ ϒϩʔΫϯάϦουϨΠΞτ
11 DERA-design $"15&3σβΠϯτϨϯυ ϒϩʔΫϯάϦουϨΠΞτ &MFHBOUTFBHVMMT IUUQTXXXFMFHBOUTFBHVMMT DPN )JãB'SBOLP IUUQTXXXIJTBGSBOLPDPN FO
DERA-design 12 $"15&3σβΠϯτϨϯυ ϒϩʔΫϯάϦουϨΠΞτ %"%" IUUQEBEBEBUBOFUFOIVC
DERA-design 13 $"15&3σβΠϯτϨϯυ ϛχϚϧφϏήʔγϣϯ
DERA-design 14 $"15&3σβΠϯτϨϯυ ϛχϚϧφϏήʔγϣϯ 13&7*/5 IUUQTXXXQSFWJOUQUFO F%FTJHO IUUQTFEFTJHOJOUFSBDUJWFDP N
DERA-design 15 $"15&3σβΠϯτϨϯυ ϛχϚϧφϏήʔγϣϯ */8&&% IUUQTJXXUTIPQ :") IUUQTXXXZPVOHBOEIZQF SBDUJWFEF
DERA-design 16 $"15&3σβΠϯτϨϯυ εΫϩʔϧʹ߹Θͤͯల։͍ͯ͘͠σβΠϯ
DERA-design 17 $"15&3σβΠϯτϨϯυ εΫϩʔϧʹ߹Θͤͯల։͍ͯ͘͠σβΠϯ 1JYFM IUUQTTUPSFHPPHMFDPNKQQ SPEVDUQJYFM@ *"%-BC UUQTJBEMBCDI
$"15&3σβΠϯτϨϯυ δΦϝτϦοΫ DERA-design 18
$"15&3σβΠϯτϨϯυ δΦϝτϦοΫ 5IF*OMBZ IUUQTUIFJOMBZDPN #VJMU#Z#VGGBMP IUUQTCVJMUCZCVGGBMPDPN DERA-design 19
$"15&3σβΠϯτϨϯυ ϨτϩϞμϯελΠϧ DERA-design 20
DERA-design 21 $"15&3σβΠϯτϨϯυ ϨτϩϞμϯελΠϧ 5ISFF IUUQUISFFBF 0OUIF(SJE IUUQTPOUIFHSJEDJUZ
DERA-design 22 $"15&3σβΠϯτϨϯυ εΩϡʔϞʔϑΟζϜ
DERA-design 23 $"15&3σβΠϯτϨϯυ εΩϡʔϞʔϑΟζϜ 1PTU IUUQTBOEQPTUKQ 4&")"37&45 IUUQTXXXTFBIBSWFTUOFU BV
DERA-design 24 $"15&3σβΠϯτϨϯυ ϒϧʔλϦζϜ
DERA-design 25 $"15&3σβΠϯτϨϯυ ϒϧʔλϦζϜ "QQMF.BDQSP IUUQTXXXBQQMFDPNKQN BDQSP %SPE IUUQTESPEEFTJHO
DERA-design 26 $"15&3σβΠϯτϨϯυ ιϑτγϟυ
DERA-design 27 $"15&3σβΠϯτϨϯυ ιϑτγϟυ "%+67"/5$-&"3(&- IUUQTDMFBSHFMKQ 'VUVSF/BUVSF%FTJHO IUUQTGVUVSFOBUVSFOFU
DERA-design 28 -JWP IUUQTXXXNBSLFUNFGS- JWP $"15&3σβΠϯτϨϯυ ιϑτγϟυ
DERA-design 29 $"15&3σβΠϯτϨϯυ ྲྀମγΣΠϓ
DERA-design 30 $"15&3σβΠϯτϨϯυ ྲྀମγΣΠϓ ,BOBSZT IUUQTXXXLBOBSZTDPN "MFLT'BVSF IUUQTBMFLTGBVSFDPN
DERA-design 31 $"15&3σβΠϯτϨϯυ Ϩεϙϯγϒͳϩΰ
DERA-design 32 $"15&3σβΠϯτϨϯυ Ϩεϙϯγϒͳϩΰ 3FTQPOTJWF-PHPT IUUQSFTQPOTJWFMPHPTDPVL
DERA-design 33 $"15&3σβΠϯτϨϯυ άϥϑΟοΫͱࣸਅͷΈ߹Θͤ
DERA-design 34 $"15&3σβΠϯτϨϯυ άϥϑΟοΫͱࣸਅͷΈ߹Θͤ /*,&+645%0*5 :.'1PTUFS$BNQBJHO IUUQTXXXCFIBODFOFUHBMMFSZ :.'1PTUFS$BNQBJHO
DERA-design 35 $"15&3σβΠϯτϨϯυ %άϥϑΟοΫ
DERA-design 36 $"15&3σβΠϯτϨϯυ %άϥϑΟοΫ #SVOP4JNPO IUUQTCSVOPTJNPODPN "50%&4*(//&8 :03, IUUQTBEFTJHO
DERA-design 37 $"15&3σβΠϯτϨϯυ ΞΠιϝτϦοΫ
DERA-design 38 $"15&3σβΠϯτϨϯυ ΞΠιϝτϦοΫ ͗;ͷωοτ IUUQTHJGVOPLJOFU ͭͳ͕ΔՊֶݚڀॴ IUUQTUTVOBLFODPKQ
DERA-design 39 $"15&3σβΠϯτϨϯυ ΠϥετΛଟ༻ͨ͠σβΠϯ
DERA-design 40 $"15&3σβΠϯτϨϯυ ΠϥετΛଟ༻ͨ͠σβΠϯ Έ͞ͱͱ IUUQXXXUPXOTIJNBOF NJTBUPMHKQNJTBUPUP ͑͒ാɺΑ͏ͦ͜ IUUQTXXXFWPXPSYDPKQ SFDSVJU
DERA-design 41 $"15&3σβΠϯτϨϯυ Ξχϝʔγϣϯ
DERA-design 42 $"15&3σβΠϯτϨϯυ Ξχϝʔγϣϯϩΰ γάϚΫγε IUUQTXXXTJHNBYZ[DPN 461&3461&3 IUUQTVQFSTVQFSKQ
43 $"15&3σβΠϯτϨϯυ ΞχϝʔγϣϯϩʔσΟϯά #&1306% IUUQTXXXCFQSPVEBTJB ඒ༰ࣨ .*--03 IUUQTXXXNJMMPSKQ
DERA-design 44 $IJMMZ4PVSDF IUUQTDIJMMZTPVSDFUPLZPDP N 3FOEFS IUUQTXXXSFOEFSHH $"15&3σβΠϯτϨϯυ ΞχϝʔγϣϯςΩετϞʔγϣϯ
DERA-design 45 $"15&3σβΠϯτϨϯυ ྲྀߦ৭
DERA-design 46 $"15&3σβΠϯτϨϯυ ύϯτʔϯຊྲྀߦ৭ڠձ $MBTTJD#MVFD )VNBO3FEF
DERA-design 47 $"15&3σβΠϯτϨϯυ σϡΦτʔϯ
DERA-design 48 $"15&3σβΠϯτϨϯυ σϡΦτʔϯ "%*40/1"35/&34 IUUQXXXBEJTPOQBSUOFSTD PN 5FBN&MJUF,JDLCPYJOH IUUQTUFBNFMJUFLJDLCPYJOH PSH
DERA-design 49 $"15&3σβΠϯτϨϯυ αΠόʔύϯΫͳ৭
DERA-design 50 $"15&3σβΠϯτϨϯυ αΠόʔύϯΫͳ৭ #JH&ZF%FFST IUUQTXXXCJHFZFEFFSTDP VL IUUQTXXXJF
DERA-design 51 $"15&3σβΠϯτϨϯυ ΦʔόʔαΠζυίϯςϯπ
DERA-design 52 $"15&3σβΠϯτϨϯυ ΦʔόʔαΠζυϑΥτίϯςϯπ DPMPVSPODPEF IUUQXXXDPMPVSPODPEFDPVL ൘ଂಛઃϖʔδ IUUQTJUBLVSBXPPEDPNJUBLVSBTQ
53 DERA-design $"15&3σβΠϯτϨϯυ ΦʔόʔαΠζυλΠϙάϥϑΟ 3FETDPVU IUUQTXXXSFETDPVUDPN 'MPSJBO.POGSJOJ IUUQTqPSJBONPOGSJOJDPN
DERA-design 54 $"15&3σβΠϯτϨϯυ ໌ேମ
DERA-design 55 λχΧిثञ߬ૉಛઃϖʔδ IUUQTUBOJDBKQBNB[BLFFO[ZNF גࣜձࣾͦ͏͢͞ IUUQTTPTVTDPKQ $"15&3σβΠϯτϨϯυ ໌ேମ
DERA-design 56 $"15&3σβΠϯτϨϯυ μʔΫϞʔυ
$"15&3σβΠϯτϨϯυ μʔΫϞʔυʢࣄྫʣ (&0$0%&δΦίʔυ IUUQTXXXIQNBLFSOFU [PPNNZ IUUQT[PPNNZBQQDPN DERA-design 57
$"15&3σβΠϯτϨϯυ μʔΫϞʔυʹରԠ͢Δ ࢀߟαΠτɿ8&#ΫϦΤΠλʔζϘοΫε8FCαΠτΛμʔΫϞʔυʹରԠͤ͞Α IUUQTXXXXFCDSFBUPSCPYDPNUFDIEBSLNPEF !NFEJB QSFGFSTDPMPSTDIFNFEBSL \
CPEZ\ CBDLHSPVOEDPMPS DPMPSGGG ^ ^ DERA-design 58
·ͱΊ DERA-design 59
DERA-design 60 ˔γϯϓϧɾϛχϚϧͷྲྀΕଓ͖ͦ͏ ˔ςΩετͷଘࡏײ͕૿ͯ͘͠Δ ˔ւ֎ͷτϨϯυݶఆతʹೖͬͯ͘Δ ˔τϨϯυෳ߹తʹΘΕΔ ·ͱΊ
DERA-design 61 ࢀߟհ
DERA-design 62 ˔ʹ͞Ε͍ͯΔάϥϑΟοΫσβΠϯͷ࠷৽τϨϯυݸ·ͱΊ ɹɹ IUUQQIPUPTIPQWJQOFU ˔αϯϓϧྫͰΘ͔Δʂ͍ͨ͠ͷ8FCσβΠϯτϨϯυݸ·ͱΊ ɹɹ IUUQQIPUPTIPQWJQOFU ˔ʹྲྀߦ͢Δ8FCσβΠϯͷ࠷৽τϨϯυݸ·ͱΊ ɹɹ
IUUQTXFCEFTJHOUSFOETOFUFOUSZ ˔8FCσβΠϯτϨϯυ ɹɹ IUUQTSZPNQPSUNFCMPHXFCEFTJHOUSFOE ˔ ʲʹྲྀߦʂʳ8FCσβΠϯͷ࠷৽τϨϯυ༧ଌબ ɹɹ IUUQTEPDPEPPSDPKQTUBGGCMPHXFCEFTJHO@USFOET@ ࢀߟհɾग़య
63 DERA-design ˔ݱσβΠφʔ͕બͿ࠷৽ͷ8FCσβΠϯτϨϯυʲબʳ ɹɹ IUUQTNBHJCJTHTDSFBUJWFEFTJHOUSFOE@ ˔ɾͷ8FCσβΠϯ࠷৽τϨϯυ ɹɹ IUUQTXXXDSFBMDPKQDPMVNO ˔དྷͷੈքͷ8FCσβΠ ϯ
τϨϯ υͱ ʂ ʁઈରʹࢀߟʹͳΔ8FCαΠ τબ ɹɹ IUUQTEFTJHOJTUKQEFTJHOVJVYUSFOETGPS ˔ʹྲྀߦ͢ΔάϥϑΟοΫσβΠϯͷ࠷৽τϨϯυݸ·ͱΊ ɹɹ IUUQTXFCEFTJHOUSFOETOFUFOUSZ ˔δΦγς Ο ʔζ͔Βϒ ϧʔλϦ ζϜʙ Σ ϒσβΠ ϯͷைྲྀͱݯઘɺ τϨϯ υͷܥේ ɹɹ IUUQTRJJUBDPNLZPZBCBCBJUFNTGEBEDFB ࢀߟհɾग़య
DERA-design 64 Ҏ্ɺ ͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠