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

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

hiroaki mori
August 10, 2015

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

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

hiroaki mori

August 10, 2015
Tweet

More Decks by hiroaki mori

Other Decks in Design

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