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

Making of App Previews

Making of App Previews

iOS Creators' Meetup vol.1での発表したApp Previewsの制作方法についてのスライドです http://oi-study.connpass.com/event/32826/

実際に制作したものはこちら https://www.youtube.com/watch?v=EtDyguFqkGk

Motoki Narita

June 28, 2016
Tweet

More Decks by Motoki Narita

Other Decks in Design

Transcript

  1. .BLJOHPG"QQ1SFWJFXT
    J04$SFBUPST.FFUVQWPM
    .PUPLJ/BSJUB
    [email protected]@

    View Slide

  2. ࣗݾ঺հ
    w ੒ాݩًʢͳΓͨ΋ͱ͖ʣ
    w [email protected]@
    w )0.&`4ͷJ04ΤϯδχΞ
    w ݸਓͰ΋ΧϝϥΞϓϦΛ࡞ͬͨΓ
    w J04ΤϯδχΞʹͳΔ೥ͪΐͬͱલ·Ͱ͸ςϨϏؔ܎ͷ
    άϥϑΟοΫؔ܎ͷ࢓ࣄΛ͍ͯͯ͠ɺ$(࡞ͬͨΓ͍ͯ͠
    ·ͨ͠

    View Slide

  3. "QQ1SFWJFXT

    View Slide

  4. "QQ1SFWJFXTͱ͸
    w "QQ4UPSFͷΞϓϦ঺հϖʔδ্ͰΞϓϦͷػೳ΍
    ࢖͍ํΛ঺հ͢ΔͨΊͷγϣʔτϏσΦ
    w ͋͘·Ͱ΋ΞϓϦͷػೳΛ঺հ͢ΔͨΊͷ΋ͷ
    w ೥ʹ௥Ճ͞Εͨػೳ
    w ಈըͷ௕͞͸ඵ͔Βඵ
    w J04 UW04ʹରԠ

    View Slide

  5. View Slide

  6. .BLJOHPG"QQ1SFWJFXT

    View Slide

  7. جຊతͳྲྀΕ

    View Slide

  8. جຊతͳྲྀΕ
    ֆίϯς࡞੒
    Ωϟϓνϟ
    ฤू
    ϨϯμϦϯά

    View Slide

  9. ֆίϯς࡞੒

    View Slide

  10. ֆίϯς࡞੒
    w ίϚອըΛॻ͘ײ͡ͰϜʔϏʔͷશ
    ମతͳྲྀΕΛ೺ѲͰ͖ΔΑ͏ʹॻ͘
    w શମͷྲྀΕͱɺͲͷΑ͏ͳө૾͕ඞ
    ཁʹͳΔ͔Λ໌Β͔ʹ͢Δʢৄࡉʹ
    ॻ͖ࠐΉඞཁͳ͠ʣ
    w lֆίϯςςϯϓϨʔτzͱ͔Ͱάά
    ΔͱϑϦʔͷςϯϓϨʔτ͕͋Δ
    w ͜ͷ࣌఺Ͱ#(.ͷબఆ͕Ͱ͖͍ͯΔ
    ͱΠϝʔδ͠΍͍͔͢΋
    w ϖʔύʔϓϩτλΠϐϯάͱಉ͡
    TITLE TOTAL

    CUT PICTURE ACTION DIALOGUE TIME
    Α͘܇࿅͞Εͨૉࡐ԰ʢ[email protected]ʣΑΓ

    View Slide

  11. #(.

    View Slide

  12. ͓͢͢Ί͸BVEJPKVOHMF

    View Slide

  13. ϥΠηϯεʙ͘Β͍ͰߪೖՄೳ

    View Slide

  14. ۂͷงғؾͰߜΓࠐΈ͕Ͱ͖Δ

    View Slide

  15. w ඵɺඵͱ͍͏ई͸ΞϓϦͷػೳΛઆ໌͢Δʹ͸͔ͳ
    Γ୹͍
    w ͢΂ͯͷػೳΛઆ໌͢Δ͜ͱ͸Ͱ͖ͳ͍ͷͰɺॏཁͳػೳ
    ͚ͩΛઆ໌͢ΔʢzGPDVTPOUIFUPQrGFBUVSFTzͱॻ͔
    Ε͍ͯΔʣ
    w ը໘ͷҰ෦Λ੾ΓऔͬͨΓζʔϜͨ͠Γ͢Δ͜ͱ͸ඇਪ঑
    w ࡉ͔ͳن໿͸IUUQTEFWFMPQFSBQQMFDPNBQQTUPSF
    BQQQSFWJFXTΛࢀর
    ϜʔϏʔ࡞੒࣌ͷ஫ҙ఺

    View Slide

  16. Ωϟϓνϟ

    View Slide

  17. Ωϟϓνϟ
    w :PTFNJUFҎ߱ͷ2VJDL5JNFͰJ1IPOFͷը໘ऩ࿥͕
    Ͱ͖ΔΑ͏ʹͳ͍ͬͯΔ
    w ֆίϯςͰચ͍ͩͨ͠ඞཁͳө૾Λऩ࿥͢Δ

    View Slide

  18. 2VJDL5JNFΛ্ཱͪ͛ɺϑΝΠϧ৽نϜʔϏʔऩ࿥Λબ୒

    View Slide

  19. ऩ࿥ը໘্ཱ͕͕ͪͬͨΒ઀ଓ͍ͯ͠ΔσόΠεΛબ୒

    View Slide

  20. UJQT
    w ֆίϯςͰΩϟϓνϟ͢Δ΋ͷΛ͔ͬ͠Γͱߟ͓͑ͯ͘ͱԿճ΋
    Ωϟϓνϟ͠ͳ͓͞ͳͯ͘ྑ͍
    w ޙͰฤू͢Δ͜ͱΛߟྀͯ͠λΠϛϯάͳͲ͸ؾʹ͗͢͠ͳͯ͘
    ྑ͍
    w ૢ࡞ͷલޙͰ6*ͷঢ়ଶ͕มΘΔΑ͏ͳ΋ͷ͸஫ҙ
    w ಈը༻ͷσʔλ͕༻ҙͰ͖ΔͷͰ͋Ε͹༻ҙ͢Δ

    View Slide

  21. ฤू

    View Slide

  22. ฤू
    w ฤूιϑτ
    w J.PWJF
    w 'JOBM$VU1SP9
    w "EPCF"GUFS&⒎FDUT
    w "EPCF1SFNJFSF1SP
    w J.PWJF͸.BDʹೖ͍ͬͯͯແྉͰ࢖͑ΔͷͰ͓͢͢Ί
    w "EPCF$SFBUJWF$MPVE࢖͍ͬͯΔͷͰ͋Ε͹"GUFS&⒎FDUT΍

    1SFNJFSFΛ࢖͏ͱදݱͷ෯͕޿͕ΔͷͰΦεεϝ
    w J.PWJFϓϩ༻πʔϧͳͷͰֶशίετߴ͍

    View Slide

  23. ϨϯμϦϯά

    View Slide

  24. ϑΥʔϚοτ
    -BOETDBQF 1PSUSBJU
    "QQMF57 Y Š
    J1IPOF J1IPOFD
    J1IPOFT J1IPOF4&
    Y
    Y
    Y
    Y
    J1IPOF
    J1IPOFT
    Y Y
    J1IPOF1MVT
    J1IPOFT1MVT
    Y Y
    J1BE
    J1BE1SP
    Y
    Y
    Y
    Y

    View Slide

  25. ϨϯμϦϯά
    w J5VOFT$POOFDU͕αϙʔτ͍ͯ͠Δͷ͸ɺ.7 .1 .07Ͱ
    .#ҎԼͷϑΝΠϧ
    w ࠓ·Ͱ͸σόΠεͷαΠζ͝ͱʹಈըΛ༻ҙ͢Δඞཁ͕͋ͬͨ
    w J5VOFT$POOFDU͕ڧԽ͞ΕɺσόΠεϑΝϛϦʔ͝ͱʹ༻ҙ͢
    Ε͹0,ʹʢৄ͘͠͸88%$ͷ8IBUT/FXJOJ5VOFT
    $POOFDUIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
    Ͱʣ

    View Slide

  26. ੍࡞ͨ͠"QQ1SFWJFXT
    IUUQTXXXZPVUVCFDPNXBUDI W&U%ZHV'RL(L

    View Slide

  27. ରԠ͢Δͱྑ͍͜ͱ

    View Slide

  28. ରԠ͢Δͱྑ͍͜ͱ
    w ΞϓϦ͕࣮ࡍʹಈ͍͍ͯΔ༷ࢠ
    ͕ݟΕΔͷͰϢʔβʔʹ఻ΘΓ
    ΍͍͢
    w Ξχϝʔγϣϯͱ͔খ͞ͳͩ͜
    ΘΓΛΞϓϦΛ࢖͍ͬͯͳ͍ঢ়
    ଶͰ΋ݟͤΔ͜ͱ͕Ͱ͖Δ
    w "QQ4UPSFͷ͓͢͢Ίλϒʹϓ
    ϨϏϡʔͱ͍͏ಛू͕ଘࡏ͢Δ
    w ΞϓϦ͕ରԠ͍ͯ͠Ε͹ܝࡌ͞
    ΕΔՄೳੑ͕͋Δ

    View Slide

  29. ·ͱΊ

    View Slide

  30. ·ͱΊ
    w ֆίϯςͰඞཁͳө૾Λચ͍ग़͢
    w :PTFNJUFҎ߱ͷ.BDͷ2VJDL5JNFͰը໘Ωϟϓνϟ
    ͕Մೳ
    w J.PWJFͳͲͷฤूιϑτΛ࢖ͬͯฤू
    w "GUFS&⒎FDUTͱ͔͋Δͱ͍Ζ͍ΖͰ͖Δ
    w ಈըΛॻ͖ग़͢ࡍͷϑΥʔϚοτʹ͸஫ҙ
    w ಈըͩͱΞϓϦͷັྗ͕ΑΓ఻ΘΓ΍͍͢
    w ಛूʹ΋औΓ্͛ΒΕΔ͔΋Ͷʂ

    View Slide

  31. 3FGFSFODFT
    w IUUQTEFWFMPQFSBQQMFDPNBQQTUPSFBQQ
    QSFWJFXT
    w IUUQTEFWFMPQFSBQQMFDPNTVQQPSUBQQ
    QSFWJFXT
    w IUUQTJUVOFTQBSUOFSBQQMFDPNFOBQQTWJEFPT
    w IUUQTEFWFMPQFSBQQMFDPNBQQTUPSFBQQ
    QSFWJFXT

    View Slide

  32. ͓ΘΓ

    View Slide