UIデザインと関わろう

VEGA Tech Meetup #5 『UIデザインの話』の中でLTで発表した資料です。

Transcript

1. 6*σβΠϯͱؔΘΖ͏
   7&("5FDL.FFUVQ
   <6*σβΠϯͷ࿩>
   দຊ๕࿠!CFOOLZPVHJSBJ
   

   View Slide

2. দຊ๕࿠
   σβΠφʔ
   (.0ϖύϘגࣜձࣾ
   !CFOOLZPVHJSBJ
   

   View Slide

3. ϊϯσβΠφʔͱ6*σβΠϯ
   ͷڑ཭ײΛॖΊ͍ͨ
   ͜ͷ࿩ͷ໨త
   

   View Slide

4. 6*σβΠϯͬͯɺΉ͔ͣͦ͠͏
   

   View Slide

5. 6*σβΠϯͷΠϝʔδ
   ηϯε
   Ξʔτ ࠽ೳ
   

   View Slide

6. 6*σβΠϯͷΠϝʔδ
   ηϯε
   Ξʔτ ࠽ೳ
   

   View Slide

7. 6*σβΠϯ
   

   View Slide

8. 6*σβΠϯ
   ਓͱػೳΛͭͳ͙ΠϯλʔϑΣʔε
   ਓͱࣄ෺ͷ๬·͍ؔ͠ΘΓํΛߏங͢Δߦҝ
   

   View Slide

9. 6*σβΠϯ
   ਓͱػೳΛͭͳ͙ΠϯλʔϑΣʔε
   Ϣʔβʔͱػೳͷؔ܎ΛΠϯλʔϑΣʔεΛհͯ͠ߏங͢Δ
   ਓͱࣄ෺ͷ๬·͍ؔ͠ΘΓํΛߏங͢Δߦҝ
   

   View Slide

10. ϘλϯΛྫʹߟ͑Α͏
    #VUUPO
    

    View Slide

11. Ϙλϯͷػೳ
    ΫϦοΫͰ͖Δ
    σʔλΛมߋͰ͖Δ ଞͷػೳΛ࣮ߦ͢Δ
    &UDʜ
    Χʔτʹ঎඼͕ೖΔ
    &UDʜ
    

    View Slide

12. Ϣʔβʔ͕ϘλϯΛ࢖͏
    

    View Slide

13. ΫϦοΫͰ͖Δ
    ଞͷػೳΛ࣮ߦ͢Δ
    Χʔτʹ঎඼͕ೖΔ
    #VUUPO
    

    View Slide

14. ΫϦοΫͰ͖Δ
    ଞͷػೳΛ࣮ߦ͢Δ
    Χʔτʹ঎඼͕ೖΔ
    #VUUPO
    ʁ
    Ϙλϯͷػೳ͕఻ΘΔݟͨ໨͡Όͳ͍ͱɺ
    Ϣʔβʔ͕࢖͏͜ͱ͕Ͱ͖ͳ͍
    

    View Slide

15. ΫϦοΫͰ͖Δ
    ଞͷػೳΛ࣮ߦ͢Δ
    Χʔτʹ঎඼͕ೖΔ
    #VUUPO
    

    View Slide

16. ΫϦοΫͰ͖Δ
    ଞͷػೳΛ࣮ߦ͢Δ
    Χʔτʹ঎඼͕ೖΔ
    #VUUPO
    ΫϦοΫͰ͖Δ͜ͱ͕෼͔Δ
    Ϙλϯͩͱ෼͔Δ
    Χʔτʹ঎඼ΛೖΕΔ
    Ϙλϯͩͱ෼͔Δ
    

    View Slide

17. ΫϦοΫͰ͖Δ
    ଞͷػೳΛ࣮ߦ͢Δ
    Χʔτʹ঎඼͕ೖΔ
    #VUUPO
    ΫϦοΫͰ͖Δ͜ͱ͕෼͔Δ
    Ϙλϯͩͱ෼͔Δ
    Χʔτʹ঎඼ΛೖΕΔ
    Ϙλϯͩͱ෼͔Δ
    Ϣʔβʔ ࠨ
    ͱػೳ ӈ
    Λͭͳ͙ͷ͕
    6*σβΠϯ
    

    View Slide

18. 6*σβΠϯͱؔΘΖ͏
    w 6*σβΠϯ͸ҙ֎ͱ೉͘͠ͳ͍
    w Ϣʔβʔͱػೳͷؔ܎Λجఈʹߟ͑Δͱා͘ͳ͍
    

    View Slide