UI模写のすゝめ / Encouragement of UI drawing

6*໛ࣸͷ͢ʍΊ "OESPJEΤϯδχΞσβΠϯ෦ !TIBOPOJN

TIBOPO !TIBOPOJN "OESPJE

ΤϯδχΞ͚ͩͲ σβΠϯεΩϧ্͍͛ͨ

σβΠϯεΩϧΛ্͛Δʹ͸ ྑ͍σβΠϯΛਅࣅΔ͜ͱ

ઌഐ͕ॻ͍ͨಈ͖ͷύλʔϯΛ௫ΜͰਅࣅ͢Δɻ ࣗ෼ͳΓͷදݱͬͯͷ͸ͦΕ͔ΒɻֶͿ͍ͬͯ͏ͷ͸ʰ·ͶͿʱͬͯݴ͏͡ΌΜʁ ΈΜͳ࠷ॳ͸ͩΕ͔ͷਅࣅɻ͓Μͳ͓͡Μͳ͡ɻ ᴷҪޱ༞ະ

ྑ͍6*Λʰ·ͶͿʱɻ

6*໛ࣸͷ͢ʍΊ

6*໛ࣸͱ͸

6*໛ࣸͱ͸ ࣮ࡍͷϓϩμΫτʢΞϓϦɾ8FCʣͷ6*Λ Ξφϩά΋͘͠͸σδλϧͰॻ͖ࣸ͢͜ͱ ผ໊ʮ6*τϨʔεʯ Ξφϩάͷ৔߹͸ɺࢴͱԖච σδλϧͷ৔߹͸ɺσβΠϯπʔϧʢ4LFUDI΍1IPUPTIPQͳͲʣΛ࢖ͬͯ ໛ࣸ͢Δํ๏͕Ұൠత

6*໛ࣸͷ໨త

6*໛ࣸͷ໨త ໛ࣸͷ໨త͸ίϐʔΛͭ͘Δ͜ͱͰ͸͋Γ·ͤΜɻ Ұ൪ͷ໨త͸ɺର৅ͱͳΔσβΠϯΛͬ͘͡Γ؍࡯͠ɺٕज़Λ౪Έɺ ࣗ෼ͷҾ͖ग़͠Λ૿΍͢͜ͱͰ͢ɻ Ҿ༻IUUQTXXXXFCDSFBUPSCPYDPNUFDIJNQSPWFEFTJHOTLJMMT ·͞ʹʰ·ͶͿʱʜ

Ξφϩά໛ࣸPSσδλϧ໛ࣸ

Ξφϩά໛ࣸPSσδλϧ໛ࣸ खͰ໛ࣸͨ͠΄͏͕ࡉ͔͍ͱ͜Ζʹؾ͕ͭ͘ʢؾ͕͢Δʣ ॻ͖ͳ͕Βߟ͑Δ͔Βʜʁ Ξφϩά͸࢝ΊΔίετ͕গͳͯ͘ΦεεϝͰ͢ɻ ʢσβΠϯπʔϧͷ࢖͍ํΛษڧ͢Δඞཁ͕ͳ͍ʣ

6*໛ࣸͷίπ

6*໛ࣸͷίπ ҰൠతͳΞϓϦɺ਺ेը໘ͳΜͯβϥɻ ͢΂ͯ໛ࣸͯͨ͠ΒԿ೔΋͔͔Δ͠ɺ ࣮ࡍը໘ҎԼͰ΋ർΕͯ΍Ίͯ͠·͏ʜ ॻ͖͗͢ͳ͍ɻ ؾʹͳΔdը໘͚ͩॻ͘ɻ ྫ#/7ʹ৐͍ͬͯΔը໘ʴৄࡉը໘ʴЋ ʢ΋ͪΖΜϊο͖ͯͨΒ޷͖ͳ͚ͩॻ͍ͯ0,ʣ

6*໛ࣸͷίπ ៉ྷͳઢͰ࿮Λॻ͔ͳ͖Όɻɻ ΞΠίϯਖ਼֬ʹ໛ࣸ͠ͳ͖Όɻɻ ਖ਼֬ʹ͗͢͠ͳ͍ɻ ద౰Ͱ͍͍ͱࢥ͍·͢ɻ ॻ͖ͳ͕Βؾ͖ͮΛಘΔ͜ͱ͕ॏཁͳͷͰɺ ଟগઢ͕࿪ΜͩΓɺਖ਼֬͡Όͳͯ͘΋ؾʹ͠ͳ͍

6*໛ࣸͯ͠ Α͔ͬͨ͜ͱ

6*໛ࣸͯ͠ྑ͔ͬͨ͜ͱ ༗໊ͳΞϓϦɾٸ্ঢΞϓϦͷσβΠϯΛݟΔͨΊʹ (PPHMF1MBZͷϥϯΩϯάΛఆظతʹݟΔΑ͏ʹͳͬͨ (PPHMF1MBZͷϥϯΩϯάΛݟΔΑ͏ʹͳΔ τϨϯυʹৄ͘͠ͳΔ ීஈ࢖Θͳ͍ΞϓϦΛΠϯετʔϧͯ͠࢖͏͜ͱʹͳΔ

6*໛ࣸͯ͠ྑ͔ͬͨ͜ͱ ࣅͨۀଶͷΞϓϦɾࣅͨ6*ͷΞϓϦΛ࢖ͬͯΈͯ ໛ࣸͯ͠ΈΔ ࣗ෼ͷϓϩμΫτ΁ͷώϯτ͕ಘΒΕΔ ʮ͜ͷ6*ɺ͏ͪʹ΋࢖͑ͦ͏ʜʂʯ ʮ͜ͷϥΠϒϥϦ࢖͑ͦ͏ʜʂʯ

ࣗ෼͕஌Βͳ͍ΞΠσΟΞ͸ ͕Μ͹ͬͯ΋ग़ͯ͜ͳ͍ʜ ʢ஌Βͳ͍͔Βʣ

6*໛ࣸͯ͠ྑ͔ͬͨ͜ͱ ࡉ෦ʹ॓Δͩ͜ΘΓΛ஌Δ͜ͱͰ σβΠϯͱσβΠφʔʹର͢ΔϦεϖΫτ͕ߴ·Δ σβΠφʔͷؾ͕࣋ͪΘ͔Δ

·ͱΊ ྑ͍σβΠϯΛ஌ΔͨΊʹ ͍ΖΜͳϓϩμΫτͷ6*Λ஌Δ ˣ 6*໛͕ࣸΦεεϝͰ͢

Ԗච✏ͱϊʔτ͕͋Ε͹ ࠓ೔͔ΒͰ͖Δ

ʲίϥϜʳ 6*໛ࣸͯ͠ಘͨΞΠσ ΟΞ ɺͦͷ··࢖ͬͯେৎ෉ͳͷʁ Ҿ༻ʲϢʔβʔΠϯλʔϑΣʔεͷྨࣅˠஶ࡞ݖɾಛڐݖɾҙঊݖ৵֐ʹͳΓʹ͍͘ʛαΠϘ΢ζࣄ݅൑ྫ΄ ͔ʳ IUUQTXXXNDMBXKQLJHZPIPNV 6*ɾը໘දࣔʹ͍ͭͯ΋ɼʰදݱʱͷ̍ͭͱͯ͠ʰஶ࡞ݖʱͷର৅ͱͳΓ·͢ɻ ʢ৺഑ͳͱ͖͸ɺͪΌΜͱ๏຿ʹ૬ஊ͠·͠ΐ͏ʣ

Ҿ༻ʲϢʔβʔΠϯλʔϑΣʔεͷྨࣅˠஶ࡞ݖɾಛڐݖɾҙঊݖ৵֐ʹͳΓʹ͍͘ʛαΠϘ΢ζࣄ݅൑ྫ΄ ͔ʳ IUUQTXXXNDMBXKQLJHZPIPNV

UI模写のすゝめ / Encouragement of UI drawing

UI模写のすゝめ / Encouragement of UI drawing

shanonim

More Decks by shanonim

Other Decks in Technology

Featured

Transcript

6*໛ࣸͷ͢ʍΊ "OESPJEΤϯδχΞσβΠϯ෦ !TIBOPOJN

TIBOPO !TIBOPOJN "OESPJE

ΤϯδχΞ͚ͩͲ σβΠϯεΩϧ্͍͛ͨ

σβΠϯεΩϧΛ্͛Δʹ͸ ྑ͍σβΠϯΛਅࣅΔ͜ͱ

ઌഐ͕ॻ͍ͨಈ͖ͷύλʔϯΛ௫ΜͰਅࣅ͢Δɻ ࣗ෼ͳΓͷදݱͬͯͷ͸ͦΕ͔ΒɻֶͿ͍ͬͯ͏ͷ͸ʰ·ͶͿʱͬͯݴ͏͡ΌΜʁ ΈΜͳ࠷ॳ͸ͩΕ͔ͷਅࣅɻ͓Μͳ͓͡Μͳ͡ɻ ᴷҪޱ༞ະ

ྑ͍6*Λʰ·ͶͿʱɻ

6*໛ࣸͷ͢ʍΊ

6*໛ࣸͱ͸

6໛ࣸͱ͸ ࣮ࡍͷϓϩμΫτʢΞϓϦɾ8FCʣͷ6Λ Ξφϩά΋͘͠͸σδλϧͰॻ͖ࣸ͢͜ͱ ผ໊ʮ6*τϨʔεʯ Ξφϩάͷ৔߹͸ɺࢴͱԖච σδλϧͷ৔߹͸ɺσβΠϯπʔϧʢ4LFUDI΍1IPUPTIPQͳͲʣΛ࢖ͬͯ ໛ࣸ͢Δํ๏͕Ұൠత

6*໛ࣸͷ໨త

6*໛ࣸͷ໨త ໛ࣸͷ໨త͸ίϐʔΛͭ͘Δ͜ͱͰ͸͋Γ·ͤΜɻ Ұ൪ͷ໨త͸ɺର৅ͱͳΔσβΠϯΛͬ͘͡Γ؍࡯͠ɺٕज़Λ౪Έɺ ࣗ෼ͷҾ͖ग़͠Λ૿΍͢͜ͱͰ͢ɻ Ҿ༻IUUQTXXXXFCDSFBUPSCPYDPNUFDIJNQSPWFEFTJHOTLJMMT ·͞ʹʰ·ͶͿʱʜ

Ξφϩά໛ࣸPSσδλϧ໛ࣸ

Ξφϩά໛ࣸPSσδλϧ໛ࣸ खͰ໛ࣸͨ͠΄͏͕ࡉ͔͍ͱ͜Ζʹؾ͕ͭ͘ʢؾ͕͢Δʣ ॻ͖ͳ͕Βߟ͑Δ͔Βʜʁ Ξφϩά͸࢝ΊΔίετ͕গͳͯ͘ΦεεϝͰ͢ɻ ʢσβΠϯπʔϧͷ࢖͍ํΛษڧ͢Δඞཁ͕ͳ͍ʣ

6*໛ࣸͷίπ

6*໛ࣸͷίπ ҰൠతͳΞϓϦɺ਺ेը໘ͳΜͯβϥɻ ͢΂ͯ໛ࣸͯͨ͠ΒԿ೔΋͔͔Δ͠ɺ ࣮ࡍը໘ҎԼͰ΋ർΕͯ΍Ίͯ͠·͏ʜ ॻ͖͗͢ͳ͍ɻ ؾʹͳΔdը໘͚ͩॻ͘ɻ ྫ#/7ʹ৐͍ͬͯΔը໘ʴৄࡉը໘ʴЋ ʢ΋ͪΖΜϊο͖ͯͨΒ޷͖ͳ͚ͩॻ͍ͯ0,ʣ

6*໛ࣸͷίπ ៉ྷͳઢͰ࿮Λॻ͔ͳ͖Όɻɻ ΞΠίϯਖ਼֬ʹ໛ࣸ͠ͳ͖Όɻɻ ਖ਼֬ʹ͗͢͠ͳ͍ɻ ద౰Ͱ͍͍ͱࢥ͍·͢ɻ ॻ͖ͳ͕Βؾ͖ͮΛಘΔ͜ͱ͕ॏཁͳͷͰɺ ଟগઢ͕࿪ΜͩΓɺਖ਼֬͡Όͳͯ͘΋ؾʹ͠ͳ͍

6*໛ࣸͯ͠ Α͔ͬͨ͜ͱ

6*໛ࣸͯ͠ྑ͔ͬͨ͜ͱ ༗໊ͳΞϓϦɾٸ্ঢΞϓϦͷσβΠϯΛݟΔͨΊʹ (PPHMF1MBZͷϥϯΩϯάΛఆظతʹݟΔΑ͏ʹͳͬͨ (PPHMF1MBZͷϥϯΩϯάΛݟΔΑ͏ʹͳΔ τϨϯυʹৄ͘͠ͳΔ ීஈ࢖Θͳ͍ΞϓϦΛΠϯετʔϧͯ͠࢖͏͜ͱʹͳΔ

6໛ࣸͯ͠ྑ͔ͬͨ͜ͱ ࣅͨۀଶͷΞϓϦɾࣅͨ6ͷΞϓϦΛ࢖ͬͯΈͯ ໛ࣸͯ͠ΈΔ ࣗ෼ͷϓϩμΫτ΁ͷώϯτ͕ಘΒΕΔ ʮ͜ͷ6*ɺ͏ͪʹ΋࢖͑ͦ͏ʜʂʯ ʮ͜ͷϥΠϒϥϦ࢖͑ͦ͏ʜʂʯ

ࣗ෼͕஌Βͳ͍ΞΠσΟΞ͸ ͕Μ͹ͬͯ΋ग़ͯ͜ͳ͍ʜ ʢ஌Βͳ͍͔Βʣ

6*໛ࣸͯ͠ྑ͔ͬͨ͜ͱ ࡉ෦ʹ॓Δͩ͜ΘΓΛ஌Δ͜ͱͰ σβΠϯͱσβΠφʔʹର͢ΔϦεϖΫτ͕ߴ·Δ σβΠφʔͷؾ͕࣋ͪΘ͔Δ

·ͱΊ ྑ͍σβΠϯΛ஌ΔͨΊʹ ͍ΖΜͳϓϩμΫτͷ6Λ஌Δ ˣ 6໛͕ࣸΦεεϝͰ͢

Ԗච✏ͱϊʔτ͕͋Ε͹ ࠓ೔͔ΒͰ͖Δ

Ҿ༻ʲϢʔβʔΠϯλʔϑΣʔεͷྨࣅˠஶ࡞ݖɾಛڐݖɾҙঊݖ৵֐ʹͳΓʹ͍͘ʛαΠϘ΢ζࣄ݅൑ྫ΄ ͔ʳ IUUQTXXXNDMBXKQLJHZPIPNV

Ҿ༻ʲϢʔβʔΠϯλʔϑΣʔεͷྨࣅˠஶ࡞ݖɾಛڐݖɾҙঊݖ৵֐ʹͳΓʹ͍͘ʛαΠϘ΢ζࣄ݅൑ྫ΄ ͔ʳ IUUQTXXXNDMBXKQLJHZPIPNV