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
Designer X Engineer Development #02
Search
tellullu
December 12, 2018
Design
2
1.2k
Designer X Engineer Development #02
Designer X Engineer Development #02
tellullu
December 12, 2018
Tweet
Share
Other Decks in Design
See All in Design
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
180
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
310
kintone Style Book
kintone
1
440
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
770
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
1.3k
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
160
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
520
7 Core Values of Round-L
wired888
0
2.3k
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
680
Correspondence:共に生成していく過程
akiramotomura
0
100
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
130
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
190
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.7k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
Product Roadmaps are Hard
iamctodd
PRO
55
11k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Why Our Code Smells
bkeepers
PRO
340
57k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
4 Signs Your Business is Dying
shpigford
185
22k
How STYLIGHT went responsive
nonsquared
100
5.8k
Transcript
ΤϯδχΞΛͪΐͬͱͤʹ͢Δ 6*Ϟʔγϣϯπʔϧ %FTJHOFS9&OHJOFFS%FWFMPQNFOU ΉΒ͔Έɻ ):(&*OUFSGBDF6*ϞʔγϣϯσβΠφʔ
͡Ίʹ ΉΒ͔Έɻ ࣗݾհ ɾΑΓ):(&*OUFSGBDFۈ ɾژͷඒେͰϞʔγϣϯάϥϑΟοΫε ɹΛத৺ͱͨ͠ө૾੍࡞ΛֶͿ ɾࣾॳɺ།Ұͷ6*ϞʔγϣϯσβΠφʔ ɹͱͯ͠ೖࣾ ɾ6*Ϟʔγϣϯɺͦͷଞө૾੍࡞શൠΛ୲ ɾ࠷ۙͰ%ϓϦϯλʔΛͬͨϋʔυΣΞ
ɹσβΠϯʹܞΘΔ
6*ϞʔγϣϯσβΠφʔͱ 8FCσβΠφʔ ΤϯδχΞ 6*ϞʔγϣϯσβΠφʔ σβΠϯσʔλΒ͏ σβΠϯʹಈ͖Λ͚ͭΔ ө૾ΛΤϯδχΞ NPW NQ HJG
FUD ࣮ ΫϥΠΞϯτ
հ͢Δπʔϧ ✕
ମݧஊ ͋Δͷग़དྷࣄ
ମݧஊ ΤϯδχΞ"͞Μ ΉΒ͔Έɻ σβΠϯʹಈ͖Λ͚ͭΔ ө૾ΛΤϯδχΞ NPW NQ HJG FUD
ମݧஊ ΤϯδχΞ"͞Μ ΉΒ͔Έɻ σβΠϯʹಈ͖Λ͚ͭΔ ө૾ΛΤϯδχΞ NPW NQ HJG FUD DVCJDCF[JFSΑͤ͜Χε
$VCJDCF[JFSͱ cubic-bezier(.6,0,.4,1) ɾಈ͖ͷ͞Λࢦఆ͢Δ ɹ Πʔδϯάͱݴ͏ ɾ͕͋Ε࣮ΛݮΒ͢͜ͱ͕ग़དྷΔ DVCJDCF[JFS ɾ͜ͷͰಈ͖ͷؾ࣋ͪΑ͞ɺϢʔβϏϦςΟ ɹ͕มΘͬͯ͘ΔͷͰॏཁͳ෦
$VCJDCF[JFSͱ cubic-bezier(.6,0,.4,1) ɾಈ͖ͷ͞Λࢦఆ͢Δ ɹ Πʔδϯάͱݴ͏ ɾ͕͋Ε࣮ΛݮΒ͢͜ͱ͕ग़དྷΔ DVCJDCF[JFS ɾ͜ͷͰಈ͖ͷؾ࣋ͪΑ͞ɺϢʔβϏϦςΟ ɹ͕มΘͬͯ͘ΔͷͰॏཁͳ෦ ͜ͷ͕Θ͔Ε࣮͘͢͠ͳΔʂ
πʔϧಋೖલ ΤϯδχΞ ө૾ 8FC ࣮ ݟͯ࠶ݱ ө૾Λݟͯࢼߦࡨޡ͢Δ͔͠ͳ͔ͬͨ
πʔϧಋೖޙ ΤϯδχΞ ө૾ 8FC ࣮ ݟͯ࠶ݱ ಈ͖ͷ DVCJDCF[JFS
πʔϧಋೖʹΑΔޮՌ ΤϯδχΞ ө૾ 8FC ࣮ ݟͯ࠶ݱ lಈ͖zͷ࣮͕ͪΐͬͱָʹͳΔ ಈ͖ͷ DVCJDCF[JFS
ղܾࡦ ΛऔಘͰ͖ΔπʔϧΛ͏
հ͢Δπʔϧ ✕
6*Ϟʔγϣϯ੍࡞ ɾBEPCFө૾੍࡞ιϑτ ɾөըΞχϝ$.શͯͷۀքͷඪ४ ɾΨνΕϋϦουڃͷө૾࡞ΕΔ "GUFS&⒎FDUT ɾͱͱ8FC੍࡞͚Ͱͳ͍ͷͰɺ ɹෆศͳ෦͋Γ
6*Ϟʔγϣϯ੍࡞ ɾBEPCFө૾੍࡞ιϑτ ɾөըΞχϝ$.શͯͷۀքͷඪ४ ɾΨνΕϋϦουڃͷө૾࡞ΕΔ "GUFS&⒎FDUT ɾͱͱ8FC੍࡞͚Ͱͳ͍ͷͰɺ ɹෆศͳ෦͋Γ ͜Ε͚ͩͰDVCJDCF[JFSͷΛΔػೳ͕ͳ͍ʜ
πʔϧհ ɾ"GUFS&⒎FDUTઐ༻ϓϥάΠϯ ɾΠʔδϯάิॿπʔϧ ɾΠʔδϯάͷ DVCJDCF[JFS ΛऔಘͰ͖Δ 'MPX cubic-bezier(.6,0,.4,1)
πʔϧհ
ಋೖޙͷମݧஊ ΤϯδχΞ"͞Μ ΉΒ͔Έɻ ө૾ DVCJDCF[JFS
ಋೖޙͷମݧஊ ΤϯδχΞ"͞Μ Δ͡ΌΜ ө૾ DVCJDCF[JFS ΉΒ͔Έɻ
ಋೖͷϝϦοτ ϝϦοτ ɾಈ͖ͷ࠶ݱੑ্͕͕Δ ɾ࣮ॖ ɹˠ͕͋ΔͨΊݕূ࣌ؒॖ
ಋೖͷϝϦοτ ɾಈ͖ͷ࠶ݱੑ্͕͕Δ ɾ࣮ॖ ɹˠ͕͋ΔͨΊݕূ࣌ؒॖ ˠΤϯδχΞ͞ΜʹتΕΔ ˠྑ͍ϞʔγϣϯΛ࣮Ͱ͖Δ ϝϦοτ ˠΫϥΠΞϯτʹتΕΔ ˠΈΜͳϋοϐʔ
·ͱΊ ✕ ΛͬͯΤϯδχΞΛͤʹ͠Α͏ʂ
6*Ϟʔγϣϯڭ ΈΜͳ ͜ΕΛػʹ6*ϞʔγϣϯɺΖ͏
6*Ϟʔγϣϯڭ ˡ6*Ϟʔγϣϯͷهࣄॻ͍ͯ·͢
એ ϋΠδɾΠϯλʔϑΣΠεͰɺ σΟϨΫλʔσβΠφʔΤϯδχΞ Λืू͍ͯ͠·͢ʂ
͓ΘΓ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ˡΉΒ͔ΈɻOPUF ˡ):(&*OUFSGBDF8FC4JUF ΉΒ͔Έɻ ):(&*OUFSGBDF6*ϞʔγϣϯσβΠφʔ