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

OOUI(オブジェクト指向UIデザイン)

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
Avatar for shuufei shuufei
July 10, 2020

 OOUI(オブジェクト指向UIデザイン)

Avatar for shuufei

shuufei

July 10, 2020

More Decks by shuufei

Other Decks in Design

Transcript

  1. Լهͷཁ݅Λຬͨ͢ΞϓϦέʔγϣϯͷ6*ΛϞόΠϧϨΠΞ΢τͰઃܭͯ͠Έ͍ͯͩ͘͞ ࣾһ໊฽ΞϓϦέʔγϣϯ ໺ࡔ͞Μͷॴଐ νʔϜΛ֬ೝ͢Δ ాத͞ΜΛ ϑΝΠφϯε νʔϜʹ௥Ճ͢Δ ԣా͞ΜΛ σβΠϯνʔϜ ͔Β࡟আ͢Δ

    ϚʔέςΟϯά νʔϜͷࣾһ Λ֬ೝ͢Δ ࣾһΛ ৽نొ࿥͢Δ ৓೭಺͞Μͷ ΦϯϥΠϯ εςʔλεΛ ֬ೝ͢Δ ΤϯδχΞϦϯά νʔϜͷ঺հจΛ ֬ೝ͢Δ ాࡔ͞Μͷ࿈བྷઌ Λ֬ೝ͢Δ
  2. ͋ΔಛఆͷλεΫΛߦͳ͍ͬͯΔͱ͖ɺ్தͰλεΫ͕มΘΔ͜ͱ͕͋Δ σδΧϝͷ6*ͷྫ w σʔλҰཡΛ֬ೝ͍ͯ͠Δͱ͖ɺ͜ͷσʔλΛ࡟আͨ͘͠ͳͬͨͳͲɻ w λεΫͷ੾ΓସΘΓࢀর࡟আ 5XJUUFSͷྫ w λΠϜϥΠϯΛோΊ͍ͯΔͱ͖ɺπΠʔτͨ͘͠ͳͬͨͳͲɻ w

    λεΫͷ੾ΓସΘΓࢀর౤ߘ ຊ԰ͷྫ w ຊ԰ͰཱͪಡΈ͍ͯ͠Δͱ͖ɺͦͷຊΛങ͍ͨ͘ͳͬͨͳͲɻ w λεΫͷ੾ΓସΘΓࢀরߪೖ ຊ԰͕λεΫϕʔεͩͱɺ ΍Δ͜ͱʹΑͬͯೖΓޱ͕มΘͬͯ͠·͏
  3. 006*ͷઃܭϓϩηε ੜె w ࢯ໊ w ੒੷ w ҹ࡮͢Δ ίϨΫγϣϯ ੜె

    γϯάϧ ੜె ը໘ ը໘ Ϟσϧ ΠϯλϥΫγϣϯ ϓϨθϯςʔγϣϯ
  4. ͋Δੜె͕ॴଐ ͍ͯ͠Δ෦׆Λ ֬ೝ͢Δ ໺ٿ෦ͷސ໰ڭࢣ ͷి࿩൪߸Λ ֬ೝ͢Δ ೥#૊ͷ୲೚ Λ֬ೝ͢Δ ͋Δੜె͕Կ૊ ͔Λ֬ೝ͢Δ

    จԽࡇͷओ୲౰ ڭһΛ֬ೝ͢Δ मֶཱྀߦͷ೔෇ Λ֬ೝ͢Δ ೥"૊ͷ໊฽ Λҹ࡮͢Δ ೥$૊ͷ͋Δ ੜెͷ੒੷Λ ֬ೝ͢Δ ϞσϦϯάΦϒδΣΫτͷநग़ ໊ࢺͷநग़ ֶߍ໊฽ΞϓϦέʔγϣϯ
  5. ͋Δੜె͕ॴଐ ͍ͯ͠Δ෦׆Λ ֬ೝ͢Δ ໺ٿ෦ͷސ໰ڭࢣ ͷి࿩൪߸Λ ֬ೝ͢Δ ೥#૊ͷ୲೚ Λ֬ೝ͢Δ ͋Δੜె͕Կ૊ ͔Λ֬ೝ͢Δ

    จԽࡇͷओ୲౰ ڭһΛ֬ೝ͢Δ मֶཱྀߦͷ೔෇ Λ֬ೝ͢Δ ೥"૊ͷ໊฽ Λҹ࡮͢Δ ೥$૊ͷ͋Δ ੜెͷ੒੷Λ ֬ೝ͢Δ ϞσϦϯάΦϒδΣΫτͷநग़ ໊ࢺͷநग़ ֶߍ໊฽ΞϓϦέʔγϣϯ
  6. ϞσϦϯάΦϒδΣΫτͷநग़ ੜె w ࢯ໊ w ੒੷ ෦ w ໊শ w

    ੜె਺ ڭһ w ࢯ໊ w ి࿩൪߸ Πϕϯτ w ໊শ w ೔෇ ૊ w ໊শ ϝΠϯΦϒδΣΫτΛಛఆ͠ɺϓϩύςΟͱΞΫγϣϯΛఆΊΔ
  7. ϞσϦϯάΦϒδΣΫτͷநग़ ੜె w ࢯ໊ w ੒੷ w ҹ࡮ w ৽ن

    w ࡟আ ෦ w ໊শ w ੜె਺ w ҹ࡮ w ৽ن w ࡟আ ڭһ w ࢯ໊ w ి࿩൪߸ w ҹ࡮ w ৽ن w ࡟আ Πϕϯτ w ໊শ w ೔෇ w ҹ࡮ w ৽ن w ࡟আ ૊ w ໊শ w ҹ࡮ w ৽ن w ࡟আ ϝΠϯΦϒδΣΫτΛಛఆ͠ɺϓϩύςΟͱΞΫγϣϯΛఆΊΔ
  8. 006*࣮ફྫλεΫࢦ޲͔ΒΦϒδΣΫτࢦ޲΁ͷमਖ਼ ΦϒδΣΫτͷநग़ ॻྨ w ਃ੥ऀ w ঝೝऀ w ୲౰ w

    ਃ੥೔ w εςʔλε w ֹۚ w ༻్ w ৽ن࡞੒ w ࡟আ w ฤू w ෳ੡ w ঝೝ
  9. Լهͷཁ݅Λຬͨ͢ΞϓϦέʔγϣϯͷ6*ΛϞόΠϧϨΠΞ΢τͰઃܭͯ͠Έ͍ͯͩ͘͞ ࣾһ໊฽ΞϓϦέʔγϣϯ ໺ࡔ͞Μͷॴଐ νʔϜΛ֬ೝ͢Δ ాத͞ΜΛ ϑΝΠφϯε νʔϜʹ௥Ճ͢Δ ԣా͞ΜΛ σβΠϯνʔϜ ͔Β࡟আ͢Δ

    ϚʔέςΟϯά νʔϜͷࣾһ Λ֬ೝ͢Δ ࣾһΛ ৽نొ࿥͢Δ ৓೭಺͞Μͷ ΦϯϥΠϯ εςʔλεΛ ֬ೝ͢Δ ΤϯδχΞϦϯά νʔϜͷ঺հจΛ ֬ೝ͢Δ ాࡔ͞Μͷ࿈བྷઌ Λ֬ೝ͢Δ