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
デザインにおける 「アニメーション」を作るヒント
Search
Masami Kanemoto
November 29, 2017
Design
4
520
デザインにおける 「アニメーション」を作るヒント
2017/11/29開催の【cloudpack デ部会】初心者歓迎! 第7回 UI改善に効果的!webアニメーション入門 で発表した登壇資料になります。
Masami Kanemoto
November 29, 2017
Tweet
Share
More Decks by Masami Kanemoto
See All by Masami Kanemoto
デザインの再現性をぐっと上げる! コーディング時におさえておきたい基本のキ
hachihcah
2
1.5k
Other Decks in Design
See All in Design
1人歩きする営業資料作成
yutoshukuya
0
150
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
630
デザインに関わる全ての人たちでエベレスト登頂を目指すために取り組んでいること
amishiratori
0
590
成果が出ないユーザーインタビューは何がダメだったのか? ~「誰に聞くか」の探り方 ~
jouykw
10
13k
デザインシステムで解消するさまざまな分断
hirataaa0220
1
170
231206_Book-launch-event_kato
hjmkth
2
1.2k
Data+Diversity: Celebrating W.E.B Du Bois through Data Visualization
ajstarks
0
310
Designing UIs without a UI designer
strongeron
0
120
Desarrollo de Carrera en Diseño y Producto
solmesz1
2
170
「これをゲームにしたい!」と言われた時ゲームデザイナーが考えること
kinakobooster
5
5.2k
データ活用に強い、伴走型デザインパートナー「DeC」紹介資料
hopin
0
190
言語やロールの違いを超えて、一緒にデザインしていくための挑戦
hrtnde
0
1.3k
Featured
See All Featured
The Cult of Friendly URLs
andyhume
74
5.7k
Visualization
eitanlees
136
14k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
Code Reviewing Like a Champion
maltzj
514
39k
Designing for humans not robots
tammielis
248
25k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Done Done
chrislema
178
15k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.8k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Raft: Consensus for Rubyists
vanstee
132
6.3k
Transcript
σβΠϯʹ͓͚Δ ʮΞχϝʔγϣϯʯΛ࡞Δώϯτ XFE .BTBNJ,BOFNPUP
DMPVEQBDLσβΠϯηΫγϣϯ ۚຊਖ਼ඒʢѪݘɿ·Δʣ σβΠφʔͬͯ·͢ άϧʔϓϦʔμʔͬͯ·͢ ͳΜͪΌͬͯσΟϨΫγϣϯͬͯ·͢ ʲΞχϝʔγϣϯวྺʳ %X৮Δલʹ'MBTIʴ"4ΛֶͿ $44ͪ·ͪ·͞ΘΔ͚ͩ +4ʁͳʹͦΕඒຯ͍͠ͷʁ
͡Ίʹ 1
Ξχϝʔγϣϯɺ ࡞Γͨ͘ͳ͖ͬͯ·͔ͨ͠ʁ
ͳ͖ͬͯ·ͨ͠ΑͶʂʂ
ΞχϝʔγϣϯͷσβΠϯ 2
ΞχϝʔγϣϯΛσβΠϯ͢Δʁ
σβΠϯ͢ΔʹɺϢʔβͷ͜ͱΛߟ͑ͳ͍ͱ͍͚ͳ͍ αΠτͷ τϯϚφΛ ଛͳΘͳ͍ ཉ͍͠ใʹ ͖ͪΜͱ ಋ͍ͯ͘ΕΔ ϢʔβΛ ෆշʹͤ͞ͳ͍ ৭ಈ͖
Ϣʔβʔ͕շదͱײ͡ɺը໘্Ͱ࠷దͳ69ΛಘΒΕΔɻ
ಘݴΘΕ͵ؾ࣋ͪΑ͞ʂ
ؾ࣋ͪͷΑ͍Ξχϝʔγϣϯ 3
ؾ࣋ͪྑ͍ࣗવͰ͋Δ͜ͱ 3-1
FBTJOH UJNJOH w FBTFPVU w FBTFJO w FBTFJOPVU w MJOFBS
ɹ
ҧײΛײͤ͡͞ͳ͍͜ͱ
IUUQFBTJOHTOFUKB
IUUQTHPPHMT'DP6G
ؾ࣋ͪྑ͍৺͕͍ͬͯ͜Δ 3-2
EVSBUJPO Ξχϝʔγϣϯͷ࢝·Γ͔Β ऴΘΓΛOඵ TFDPOE Ͱઃఆ ྫʣTඵ ɹ
ϢʔβʔΠϥνͰ͋Δɻ ˞Πϥνʹ͔ͤͬͪͳͲͷؔห
ϢʔβʔਓؒͰ͋Δɻ
Ϣʔβʔͷૢ࡞ ɹ ։࢝ ऴྃ τϦΨʔ Τϥʔ࣌ ɹ ɹ ૉૣ͍ Ώͬ͘Γ
Ώͬ͘Γ ૉૣ͍ FY ϝχϡʔΛ։͘ FY Ϟʔμϧ͕։͘ FY ϝχϡʔΛด͡Δ FY ϞʔμϧΛด͡Δ Cheat Sheet ɹ
Ϣʔβʔͷ ૢ࡞ ɹ ։࢝ ऴྃ τϦΨʔ Τϥʔ࣌ ɹ ɹ ૉૣ͘
Ώͬ͘Γ Ώͬ͘Γ ૉૣ͘ FY ϝχϡʔΛ ։͘ FY Ϟʔμϧ͕ ։͘ FY ϝχϡʔΛ ด͡Δ FY ϞʔμϧΛ ด͡Δ ਓ͖߹͍ʹྫ͑Δͱ ɹ Ϩεϙϯεૣ͘ ࣄͷग़དྷΔਓ ༏͘͠ࢦఠ͠ ࣍ͷߦಈΛଅ͢ ྑ͍ਓ ༩͑Δҹ
Ϣʔβʔͷ ૢ࡞ ɹ ։࢝ ऴྃ τϦΨʔ Τϥʔ࣌ ɹ ɹ Ώͬ͘Γ
ૉૣ͘ ૉૣ͘ Ώͬ͘Γ FY ϝχϡʔΛ ։͘ FY Ϟʔμϧ͕ ։͘ FY ϝχϡʔΛ ด͡Δ FY ϞʔμϧΛ ด͡Δ ٯʹ͢Δͱʜ ɹ ͙͏ͨΒͰ Ѫͳ͠ ͓͜ΓͬΆ͍ ࠜʹ࣋ͭλΠϓ ༩͑Δҹ
ϢʔβʔਓؒͰ͋Δɻ
Ξχϝʔγϣϯίϛϡχέʔγϣϯ ϢʔβʔਓؒͰ͋Δɻ
·ͱΊ 4
ؾ࣋ͪྑ͍৺͕͍ͬͯ͜Δ ؾ࣋ͪྑ͍ࣗવͰ͋Δ͜ͱ ฏୱʹݟ͑ͳ͍ɺϦΞϧͳಈ͖Ͱ ϢʔβʹҧײΛײͤ͡͞ͳ͍ ΞχϝʔγϣϯΛ௨ͯ͡Ϣʔβͱ ίϛϡχέʔγϣϯΛऔΔͱ͍͏ؾ࣋ͪ
None
None
ಘݴΘΕ͵ؾ࣋ͪΑ͞ʂ