Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Designer X Engineer Development #02

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for tellullu tellullu
December 12, 2018
Design
2
1.3k

Designer X Engineer Development #02

Designer X Engineer Development #02

Avatar for tellullu

tellullu

December 12, 2018
Tweet

Other Decks in Design

See All in Design
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
140
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.3k
Figmaレクチャー会Part2 もっと使いこなす編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
1
260
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
1.8k
第18回サイゼミ
Avatar for LW lw
1
3.3k
Liquid GlassとApp Intents
Avatar for touyou touyou
0
810
Emmy's Artwork
Avatar for McKenna mcksmith
0
190
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
Avatar for MIXI DESIGN mixi_design
PRO
1
200
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
200
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
160
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
310
mount_company_profile
Avatar for mount inc. mount_inc
0
4.9k

Featured

See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
94
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
46k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
200
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
130
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.1k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1k

Transcript

  1. ΤϯδχΞΛͪΐͬͱ޾ͤʹ͢Δ 6*Ϟʔγϣϯπʔϧ %FTJHOFS9&OHJOFFS%FWFMPQNFOU ΉΒ͔Έɻ ):(&*OUFSGBDF6*ϞʔγϣϯσβΠφʔ 

  2. ͸͡Ίʹ ΉΒ͔Έɻ ࣗݾ঺հ ɾ೥ΑΓ):(&*OUFSGBDFۈ຿ ɾژ౎ͷඒେͰϞʔγϣϯάϥϑΟοΫε ɹΛத৺ͱͨ͠ө૾੍࡞ΛֶͿ ɾࣾ಺ॳɺ།Ұͷ6*ϞʔγϣϯσβΠφʔ
 ɹͱͯ͠ೖࣾ ɾ6*Ϟʔγϣϯɺͦͷଞө૾੍࡞શൠΛ୲౰ ɾ࠷ۙͰ͸%ϓϦϯλʔΛ࢖ͬͨϋʔυ΢ΣΞ

    ɹσβΠϯʹ΋ܞΘΔ

  3. 6*ϞʔγϣϯσβΠφʔͱ͸ 8FCσβΠφʔ ΤϯδχΞ 6*ϞʔγϣϯσβΠφʔ σβΠϯσʔλ΋Β͏ σβΠϯʹಈ͖Λ͚ͭΔ ө૾ΛΤϯδχΞ΁ NPW NQ HJG

    FUD ࣮૷ ΫϥΠΞϯτ

  4. ঺հ͢Δπʔϧ ✕

  5. ମݧஊ ͋Δ೔ͷग़དྷࣄ

  6. ମݧஊ ΤϯδχΞ"͞Μ ΉΒ͔Έɻ σβΠϯʹಈ͖Λ͚ͭΔ ө૾ΛΤϯδχΞ΁ NPW NQ HJG FUD

  7. ମݧஊ ΤϯδχΞ"͞Μ ΉΒ͔Έɻ σβΠϯʹಈ͖Λ͚ͭΔ ө૾ΛΤϯδχΞ΁ NPW NQ HJG FUD DVCJDCF[JFSΑͤ͜Χε

    

  8. $VCJDCF[JFSͱ͸ cubic-bezier(.6,0,.4,1) ɾಈ͖ͷ଎͞Λࢦఆ͢Δ਺஋
 ɹ Πʔδϯάͱ΋ݴ͏ ɾ਺஋͕͋Ε͹࣮૷޻਺ΛݮΒ͢͜ͱ͕ग़དྷΔ DVCJDCF[JFS ɾ͜ͷ਺஋Ͱಈ͖ͷؾ࣋ͪΑ͞ɺϢʔβϏϦςΟ ɹ͕มΘͬͯ͘ΔͷͰॏཁͳ෦෼

  9. $VCJDCF[JFSͱ͸ cubic-bezier(.6,0,.4,1) ɾಈ͖ͷ଎͞Λࢦఆ͢Δ਺஋
 ɹ Πʔδϯάͱ΋ݴ͏ ɾ਺஋͕͋Ε͹࣮૷޻਺ΛݮΒ͢͜ͱ͕ग़དྷΔ DVCJDCF[JFS ɾ͜ͷ਺஋Ͱಈ͖ͷؾ࣋ͪΑ͞ɺϢʔβϏϦςΟ ɹ͕มΘͬͯ͘ΔͷͰॏཁͳ෦෼ ͜ͷ਺஋͕Θ͔Ε͹࣮૷͠΍͘͢ͳΔʂ

  10. πʔϧಋೖલ ΤϯδχΞ ө૾ 8FC ࣮૷ ݟͯ࠶ݱ ө૾Λݟͯࢼߦࡨޡ͢Δ͔͠ͳ͔ͬͨ

  11. πʔϧಋೖޙ ΤϯδχΞ ө૾ 8FC ࣮૷ ݟͯ࠶ݱ ಈ͖ͷ஋ DVCJDCF[JFS

  12. πʔϧಋೖʹΑΔޮՌ ΤϯδχΞ ө૾ 8FC ࣮૷ ݟͯ࠶ݱ lಈ͖zͷ࣮૷͕ͪΐͬͱָʹͳΔ ಈ͖ͷ஋ DVCJDCF[JFS

  13. ղܾࡦ ਺஋ΛऔಘͰ͖ΔπʔϧΛ࢖͏

  14. ঺հ͢Δπʔϧ ✕

  15. 6*Ϟʔγϣϯ੍࡞ ɾBEPCF੡ө૾੍࡞ιϑτ ɾөըΞχϝ$.શͯͷۀքͷඪ४ ɾΨνΕ͹ϋϦ΢ουڃͷө૾΋࡞ΕΔ "GUFS&⒎FDUT ɾ΋ͱ΋ͱ8FC੍࡞޲͚Ͱ͸ͳ͍ͷͰɺ
 ɹෆศͳ෦෼͋Γ

  16. 6*Ϟʔγϣϯ੍࡞ ɾBEPCF੡ө૾੍࡞ιϑτ ɾөըΞχϝ$.શͯͷۀքͷඪ४ ɾΨνΕ͹ϋϦ΢ουڃͷө૾΋࡞ΕΔ "GUFS&⒎FDUT ɾ΋ͱ΋ͱ8FC੍࡞޲͚Ͱ͸ͳ͍ͷͰɺ
 ɹෆศͳ෦෼͋Γ ͜Ε͚ͩͰ͸DVCJDCF[JFSͷ਺஋Λ஌Δػೳ͕ͳ͍ʜ

  17. πʔϧ঺հ ɾ"GUFS&⒎FDUTઐ༻ϓϥάΠϯ ɾΠʔδϯάิॿπʔϧ ɾΠʔδϯάͷ஋ DVCJDCF[JFS ΛऔಘͰ͖Δ 'MPX cubic-bezier(.6,0,.4,1)

  18. πʔϧ঺հ

  19. ಋೖޙͷମݧஊ ΤϯδχΞ"͞Μ ΉΒ͔Έɻ ө૾ DVCJDCF[JFS

  20. ಋೖޙͷମݧஊ ΤϯδχΞ"͞Μ ΍Δ͡ΌΜ ө૾ DVCJDCF[JFS ΉΒ͔Έɻ

  21. ಋೖͷϝϦοτ ϝϦοτ ɾಈ͖ͷ࠶ݱੑ্͕͕Δ ɾ࣮૷޻਺୹ॖ ɹˠ਺஋͕͋ΔͨΊݕূ࣌ؒ୹ॖ

  22. ಋೖͷϝϦοτ ɾಈ͖ͷ࠶ݱੑ্͕͕Δ ɾ࣮૷޻਺୹ॖ ɹˠ਺஋͕͋ΔͨΊݕূ࣌ؒ୹ॖ ˠΤϯδχΞ͞Μʹت͹ΕΔ ˠྑ͍ϞʔγϣϯΛ࣮૷Ͱ͖Δ ϝϦοτ ˠΫϥΠΞϯτʹت͹ΕΔ ˠΈΜͳϋοϐʔ

  23. ·ͱΊ ✕ Λ࢖ͬͯΤϯδχΞΛ޾ͤʹ͠Α͏ʂ

  24. 6*Ϟʔγϣϯ෍ڭ ΈΜͳ ͜ΕΛػʹ6*Ϟʔγϣϯɺ΍Ζ͏

  25. 6*Ϟʔγϣϯ෍ڭ ˡ6*Ϟʔγϣϯͷهࣄॻ͍ͯ·͢

  26. એ఻ ϋΠδɾΠϯλʔϑΣΠεͰ͸ɺ σΟϨΫλʔσβΠφʔΤϯδχΞ Λืू͍ͯ͠·͢ʂ

  27. ͓ΘΓ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ˡΉΒ͔ΈɻOPUF ˡ):(&*OUFSGBDF8FC4JUF ΉΒ͔Έɻ ):(&*OUFSGBDF6*ϞʔγϣϯσβΠφʔ