タブレットファーストと マルチデバイスUI

ADOBE XD USER FES 京都でお話した「タブレットファーストと マルチデバイスUI」です。

Transcript

1. λϒϨοτϑΝʔετͱ
   ϚϧνσόΠε6*
   

   View Slide

2. :"5
   σβΠϯίϛϡχςΟ

   ʮσβΠϯϑϩϯτʯओ࠵
   ϑϦʔϥϯε
   σβΠφʔσϕϩούʔ
   :"5ͷCMPHΛӡӦ
   

   View Slide

3. :"5ͷ#MPH
   

   View Slide

4. View Slide

5. View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. ࢓ࣄ಺༰
    w αΠτͷઃܭɾσβΠϯ
    w 69σβΠϯ
    w ϑϩϯτΤϯυɺόοΫΤϯυ
    w 8PSE1SFTT
    w ϥΠςΟϯά
    w ࣸਅࡱӨ
    w 6*σβΠϯ
    w ϚʔΫΞοϓɾίʔσΟϯά
    w αʔόʔαΠυ
    w ίϯαϧςΟϯά
    w ηϛφʔɺΠϕϯτओ࠵
    

    View Slide

11. "EPCF9%ͷϑΣʔζ
    w αΠτͷઃܭɾσβΠϯ
    w 69σβΠϯ
    w ϑϩϯτΤϯυɺόοΫΤϯυ
    w 8PSE1SFTT
    w ϥΠςΟϯά
    w ࣸਅࡱӨ
    w 6*σβΠϯ
    w ϚʔΫΞοϓɾίʔσΟϯά
    w αʔόʔαΠυ
    w ίϯαϧςΟϯά
    w ηϛφʔɺΠϕϯτओ࠵
    

    View Slide

12. λϒϨοτϑΝʔετʁ
    

    View Slide

13. ͜Μͳ͜ͱͳ͍Ͱ͔͢ʁ
    

    View Slide

14. λϒϨοτͷσβΠϯ͕ͳ͍
    w εέδϡʔϧͷ౎߹
    w ༧ࢉͷ౎߹
    w λϒϨοτϢʔβʔ͕গͳ͍
    

    View Slide

15. λϒϨοτϢʔβʔ͕গͳ͍
    

    View Slide

16. ༧૝͞ΕΔݟղ
    ࢖͍ͮΒ͍
    εϚʔτϑΥϯͰॆ෼
    ͔ͬ͠ΓݟΔͳΒ1$
    

    View Slide

17. ͦͷઌΛߟ͑Δ
    w λϒϨοτͰ͸࢖͍ͮΒ͍ͩΖ͏ͱ͍͏ϢʔβʔͷԱଌ
    w ෳ਺ਓͰݟΔࡍʹλϒϨοτ͸རศੑ͕ߴ͍
    w Ͳ͏͍͏৔ॴͰͦͷαʔϏεΛར༻͢Δͷ͔
    

    View Slide

18. ௚ײతͳ6*Λ
    ߟ͑ͯΈΑ͏
    σϞ
    

    View Slide

19. w ΩʔϘʔυΛ࢖͏λΠϛϯάͰ΋λοϓͰ͖Δ΋ͷΛ༻ҙ͢Δ
    w ͳΔ΂͘νΣοΫϘοΫε΍ϥδΦϘοΫεͳͲΛ༻ҙ͢Δ
    w ਺ࣈೖྗʹมΘΔ෺Λߟ͑Δ
    

    View Slide

20. ϨεϙϯγϒϞʔυ
    ΢Οϯυ΢Մม࣌ͷڍಈΛߟྀ͠ͳ͕ΒσβΠϯͰ͖Δ
    ઃఆύωϧ
    

    View Slide

21. ϨεϙϯγϒϞʔυ
    ΢Οϯυ΢Մม࣌ͷڍಈΛߟྀ͠ͳ͕ΒσβΠϯͰ͖Δ
    

    View Slide

22. View Slide

23. ࢖͏γʔϯΛ૝ఆ͢Δ
    

    View Slide

24. View Slide

25. View Slide

26. View Slide

27. ϚϧνσόΠεΛߟ͑΍͍͢
    

    View Slide

28. ·ͱΊ
    w Ϣʔβʔ͕গͳ͍͚ͩͰ൑அ͍͍͔ͯ͠͸Α͘ߟ͑Δ
    w λονσόΠε޲͚ͷ6*͸1$Ͱ΋༏Ґ
    w ֤σόΠεʹΑͬͯϢʔβʔͷγʔϯ͸ҟͳΔ
    w ϨεϙϯγϒͷࠩҟΛߟ͑΍͍͢
    

    View Slide

29. λϒϨοτϑΝʔετ
    ͓͢͢ΊͰ͢
    

    View Slide

30. ࠂ஌
    DESIGNFRONT
    

    View Slide

31. σβΠϯϑϩϯτ
    wσβΠϯ͕޷͖
    wσβΠϯʹڵຯ͕͋Δ
    ͦΜͳਓୡ͕ू·ΔίϛϡχςΟ
    

    View Slide

32. σβΠϯϑϩϯτ
    IUUQTEFTJHOGSPOUDPOOQBTTDPNFWFOU
    

    View Slide

33. GBDFCPPLϖʔδ
    IUUQTXXXGBDFCPPLDPNHSPVQTEFTJHOGSPOU
    

    View Slide

34. ͝ਗ਼ௌ
    ༗೉͏͍͟͝·ͨ͠
    

    View Slide