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
kintone_aroma
Avatar for kintone kintone
0
1.4k
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.3k
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
Avatar for MIXI DESIGN mixi_design
PRO
1
200
公開スライド）熊本市様-電子申請中級編
Avatar for @Garyuten garyuten
0
830
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
380
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
210
Storyboard Assignment: Storyboard from Comic Strip
Avatar for Mandalyn Teo lynteo
3
180
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
130
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
550
Emmy's Artwork
Avatar for McKenna mcksmith
0
190
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
190
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
5.1k

Featured

See All Featured
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
520
Between Models and Reality
Avatar for mayunak mayunak
1
190
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
180
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
750
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
780
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
56
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
290
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
76
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*ϞʔγϣϯσβΠφʔ