実装する デザイナー：弊社iOS 担当の場合

Gunosy UI Design Study #1
http://gunosy-ui.connpass.com/event/17142/

Transcript

1. View Slide

2. ࣮૷͢Δ
   σβΠφʔ
   ฐࣾ iOS୲౰ͷ৔߹
   גࣜձࣾ Gunosy
   ։ൃຊ෦ σβΠφʔ
   ৿ ߒ໌
   

   View Slide

3. ฐࣾ iOSνʔϜ
   iOS
   View
   - ΤϯδχΞ2໊ + ࢲ
   - ओʹView·ΘΓΛ୲౰
   - ΤϯδχΞ΋ViewΛॻ͘
   ϨΠΞ΢τ
   ϨΠΞ΢τϩδοΫ
   ΠϯλϥΫγϣϯ
   ͳͲ
   ETC..
   

   View Slide

4. ͍͍ͩͨ
   ͜Ε͘
   Β͍
   ॻ͍ͯ·͢
   - લ೚ऀͷ࣍͘
   Β͍
   - ࠷ۙ͸ݮগ܏޲
   

   View Slide

5. Ͳ͏΍ͬͯΔ͔
   ϫʔΫϑϩʔͳͲ
   

   View Slide

6. ։ൃϑϩʔ͸
   ΤϯδχΞͷͦΕ
   Github
   - Issue
   - Branch
   - Pull request
   

   View Slide

7. Issue
   λεΫ ϒϥϯνΛ
   ੾࣮ͬͯ૷
   ϓϧϦΫͭ͘
   ͬͯ
   ϨϏϡʔ͠
   ͯ΋Β͏
   ͜͜େࣄ
   Branch
   Pull
   Request
   GitHub ϫʔΫϑϩʔ
   

   View Slide

8. ΤϯδχΞͱͷ΍ΓͱΓ
   σβΠϯ
   ࢓༷
   ࣮૷
   

   View Slide

9. σβΠϯ
   ࢓༷
   ࣮૷
   View͸ͬ͘͟
   Γ
   ViewΛमਖ਼
   ΤϯδχΞͱͷ΍ΓͱΓ
   

   View Slide

10. σβΠϯ
    ࢓༷
    ࣮૷ ϨϏϡʔ
    Ϛʔδ
    ΤϯδχΞͱͷ΍ΓͱΓ
    

    View Slide

11. ίʔυΛ
    ॻ͍͍ͯͯ
    ࢥ͏͜ͱ
    ඞཁͳ͜ͱ
    ͦ͏Ͱ΋ͳ͍͜ͱ
    

    View Slide

12. ϨϏϡʔΛ
    ͠
    ͯ΋Β͏
    - ࣭ͷ্Ͱ΋ֶशͷ্Ͱ΋
    - ࣮૷ʹ͍ͭͯ૬ஊ͢Δ
    - ಉ͡ίʔυΛॻ͘ΤϯδχΞͱ
    ૊Ήͷ͕ϕλʔ
    

    View Slide

13. - ίετΛߟ͑Δ
    - σβΠϯʴ࣮૷
    ී௨ʹߟ͑ͯ2ਓ෼
    - ߴ͍ϋʔυϧ͸ݟ੾ΓΛ͚ͭͯ
    ॿ͚ͯ΋Β͏
    ਂ௥͍͠ͳ͍
    

    View Slide

14. ಘҙ෼໺͸
    ਂ͘ಥͬࠐΜͰΈΔ
    - ΠϯλϥΫγϣϯͱ͔
    - ࢲͷ৔߹Ͱ͍͑͹ɺ
    จࣈ·ΘΓͷϋϯυϦϯά
    iOSͰจࣈΛ૊Ή
    http://gunosy.github.io/2014/05/19/ios-typesetting.html
    

    View Slide

15. ֶश͢Δ
    - ΍Δ͜ͱɺ΍Γ͍ͨ͜ͱͷ
    ༧श͸ඞਢ
    - ֶश͠ͳ͕Β։ൃͰ͖Δ
    جૅମྗ͸ඞཁ
    - ΩϟονΞοϓ͸྆ํ
    - ࣌ؒͷ೧ग़͸େม
    

    View Slide

16. ίʔυΛ
    ॻ͍͍ͯΔͳΒ
    ͥͻ΍Δ΂͖͜ͱ
    ϦϦʔε൛ͷ։ൃʹؔΘΔΑΓ
    ͻΐ
    ͬͱ
    ͨ͠Βॏཁ͔΋͠Εͳ͍
    

    View Slide

17. ϓϩτλΠϓΛ
    ࡞ͬͯΈΔ
    - ࢲͷiPhoneʹ͸
    ୭΋͠Βͳ͍
    άϊγʔ͕ೖͬͯΔ
    - ಈ͘ϓϩτλΠϓ
    - ࣮ࡍͷσʔλΛ࢖͑Δ
    - ΑΓຊ൪ʹ͍ۙϑ
    ΟʔυόοΫ
    

    View Slide

18. πʔϧΛ
    ࡞ͬͯΈΔ
    - IllustratorͷύεΛ
    Obj-cͷίʔυʹม׵
    - Ξηο
    τॻ͖ग़͠༻εΫϦϓτ
    - λΠ
    τϧ·ΘΓͷ
    දࣔ֬ೝ༻ΞϓϦ
    Adobe Illustrator Scripting 1: IllustratorͷύεΛiOSͰ࢖͏
    http://gunosy.github.io/2015/05/20/illusrator-scripting-1.html
    

    View Slide

19. श࡞Λ
    ࡞Γ·͘Δ
    - ΞΠσΞΛܗʹ͠
    ͯΈΔ
    - ΞϓϦͩͬͨΓɺஅยͩͬͨΓ
    - ؾ͖͕ͮ͋Δ
    - μϝͳΞΠσΞ͸ࣗવͱ௵ΕΔ
    

    View Slide

20. ྑ͍Ξ΢τϓοτ͕ग़ͤΕ͹ɺ
    ୭͕ԿΛ୲౰͠Α͏͕ؔ܎ͳ͍
    

    View Slide

21. ྑ͍Ξ΢τϓοτ͕ग़ͤΕ͹ɺ
    ୭͕ԿΛ୲౰͠Α͏͕ؔ܎ͳ͍
    σβΠφʔ͕ίʔυΛॻ͍ͨͬͯΑ͍
    

    View Slide

22. ྑ͍Ξ΢τϓοτ͕ग़ͤΕ͹ɺ
    ୭͕ԿΛ୲౰͠Α͏͕ؔ܎ͳ͍
    σβΠφʔ͕ίʔυΛॻ͍ͨͬͯΑ͍
    ඞͣ͠΋ίʔυΛॻ͘ඞཁ͸ͳ͍
    

    View Slide

23. ͔͠͠ɺίʔυΛॻ͘
    ͱʜ
    

    View Slide

24. ߦಈൣғ͕޿͕Δ
    

    View Slide

25. ָ͍͠
    

    View Slide

26. ฐࣾͰ͸
    ͦΜͳಇ͖ํʹڵຯͷ͋Δ
    σβΠφʔΛืू͠
    ͍ͯ·͢
    ʂ
    ʂ
    

    View Slide