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

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

shuufei
July 10, 2020

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

shuufei

July 10, 2020
Tweet

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*ΛϞόΠϧϨΠΞ΢τͰઃܭͯ͠Έ͍ͯͩ͘͞ ࣾһ໊฽ΞϓϦέʔγϣϯ ໺ࡔ͞Μͷॴଐ νʔϜΛ֬ೝ͢Δ ాத͞ΜΛ ϑΝΠφϯε νʔϜʹ௥Ճ͢Δ ԣా͞ΜΛ σβΠϯνʔϜ ͔Β࡟আ͢Δ

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