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
1
610
2020年デザイントレンド.pdf
keita
January 26, 2020
Tweet
Share
More Decks by keita
See All by keita
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
0
82
富山デザイン勉強会-配色が怖くなくなる_知識と理屈で考える配色.pdf
keita_yoshikawa
0
64
新田知事プレゼン資料.pdf
keita_yoshikawa
0
53
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
100
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
210
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
420
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita_yoshikawa
0
140
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
78
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
110
Other Decks in Design
See All in Design
Ralph Penel Portfolio
ralphpenel
PRO
0
260
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
140
AI情報に溺れながら、それでも頑張って泳ぐための思考法
yoriss67
0
130
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
designer_no_pon
2
250
デザインを信じていますか
sekiguchiy
1
960
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
300
デザインするために「多様性」について考える
iflection
0
190
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
7.1k
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
510
Emmy's Artwork
mcksmith
0
200
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
1.1k
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.4k
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.4k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
61
52k
Making the Leap to Tech Lead
cromwellryan
135
9.7k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2k
Leo the Paperboy
mayatellez
4
1.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.4k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
117
110k
Writing Fast Ruby
sferik
630
62k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
1
57
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
740
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 Ҏ্ɺ ͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠