エンジニアがアプリのUIトレースをやってみた話

2018/01/19(金) Geek Women New Years Party 2018

Transcript

1. ΤϯδχΞ͕ ΞϓϦͷUIτϨʔεΛ ΍ͬͯΈͨ࿩ @akatsuki174
2. ࣗݾ঺հ • ਢ౻ຘ • גࣜձࣾZaimॴଐ • iOSΤϯδχΞ • Twitter, Qiita, SlideShare, Github, SpeakerDeck →akatsuki174
3. 1/25ʹvol.5 ։࠵ʂ
4. ɾiOSΤϯδχΞྺɿ3೥͘Β͍ʁ ɾSketchྺɿ൒݄͘Β͍ ɾSketchͷֶशʹ࢖ͬͨ΋ͷɿ ɹʮΤϯδχΞͷͨΊͷSketchೖ໳ʯ ɹhttps://dotinstall.com/lessons/ basic_sketch ࢲͷεϖοΫ
5. Sketch࢖ͬͨ͜ͱ͋Δํɺ ͲΕ͘Β͍͍·͔͢ʁ
6. ɾUIσβΠϯ࡞੒πʔϧ ɾCSS / Ξηοτग़ྗ͕Ͱ͖Δ ɾखݩͷσόΠεͰ֬ೝͰ͖Δ ɾϓϥάΠϯ͕๛෋ Sketchͱ͸
7. ɾྑ͍σβΠϯΛϚωΔ͜ͱͰֶ΂Δ ɾྑ͍σβΠϯɺѱ͍σβΠϯΛݴޠԽ ɹͰ͖ΔΑ͏ʹͳΔʢͨͿΜʣ UIτϨʔεΛ͢ΔͱԿ͕͍͍ͷ͔
8. ͱ͍͏͜ͱͰ τϨʔεͯ͠Έ·ͨ͠
9. ΋͏গ͠ৄ͍͠಺༰͸QiitaͰ https://qiita.com/akatsuki174/ items/0af30984d64c991cfddf
10. UIτϨʔεͷखॱ
11. ɾࠓճͷ৔߹͸͜Εˠ ɾͰ͖Δ͚͍ͩΖΜͳཁૉ͕ ɹ٧·͍ͬͯΔ࣌ͷεΫγϣΛ ɹબ୒ τϨʔε͍ͨ͠ը૾ͷ εΫγϣΛࡱΔ
12. ΞʔτϘʔυΛ༻ҙ͢Δ
13. εΫγϣΛSketchͷ ΞʔτϘʔυͷ্ʹషΓ෇͚Δ
14. τϨʔε༻ͷΞʔτϘʔυΛ ༻ҙ͢Δ
15. εΫγϣ্Ͱ ύʔπΛ࡞੒͢Δ
16. ಉ͡࠲ඪʹύʔπΛ഑ஔ
17. ɾ1ϐΫηϧ୯ҐͰͷ؍࡯ྗ͕਎ʹͭ͘ ɾҙ͍ࣝͯ͠ͳ͔ͬͨʮσβΠϯʯ͕ ɹݟ͑ͯ͘Δ ɾࣗ෼ͰΞϓϦ࡞Δ࣌ʹύʔπ࡞੒ͷ ɹಓ۩ͱͯ͠࢖͑ͦ͏ UIτϨʔεΛ΍ͬͯ ྑ͔ͬͨ͜ͱ
18. ɾಉ͡ΞϓϦͷผը໘ͷτϨʔε ɾҧ͏ΞϓϦͷτϨʔε ɾྑ͍σβΠϯͷ๏ଇΛݟ͚͍͖͍ͭͯͨ ͜Ε͔Β
19. ͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ