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
2020年デザイントレンド.pdf
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
keita
January 26, 2020
Design
610
1
Share
2020年デザイントレンド.pdf
keita
January 26, 2020
More Decks by keita
See All by keita
富山デザイン勉強会_ブラッシュアップデザイン.pdf
keita_yoshikawa
0
60
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
170
富山デザイン勉強会-配色が怖くなくなる_知識と理屈で考える配色.pdf
keita_yoshikawa
1
87
新田知事プレゼン資料.pdf
keita_yoshikawa
0
62
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
150
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
230
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
1
440
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita_yoshikawa
0
170
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
100
Other Decks in Design
See All in Design
kintone Style Book
kintone
6
13k
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
350
Ralph Penel Portfolio
ralphpenel
0
400
2026年の勢い / Momentum for 2026
bebe
0
420
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
230
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
220
Vibe Coding デザインシステム
poteboy
3
1.8k
全員がアウトプットを出せる時代、 誰を採用する?
nishame
0
520
AI時代に必要な アイデアの形
uxman
0
160
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
380
AIスライド生成を進化させるMDファイル
kenichiota0711
0
840
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
520
Featured
See All Featured
It's Worth the Effort
3n
188
29k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.9k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
270
Context Engineering - Making Every Token Count
addyosmani
9
830
Typedesign – Prime Four
hannesfritz
42
3k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
180
Reality Check: Gamification 10 Years Later
codingconduct
0
2.1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
GraphQLとの向き合い方2022年版
quramy
50
15k
From π to Pie charts
rasagy
0
170
We Have a Design System, Now What?
morganepeng
55
8.1k
Color Theory Basics | Prateek | Gurzu
gurzu
0
290
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 Ҏ্ɺ ͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠