- ãã¥ãŒã¢ãŒãã£ãºã ãšãããªã¢ã«ãã¶ã€ã³ã®éã
- ã¹ãã£ãŒãã³ã»ã·ããã¹ããŒæ°ãšWindows 8ã®UI
- ã¹ãã£ãŒãã³ã»ã·ããã¹ããŒæ°ã®ã€ã³ã¿ãã¥ãŒããèŠããããžã§ã³
- Metro UIïŒMicrosoft Design LanguageïŒ
- iOS 7ã®UIãã¶ã€ã³å·æ°
- iOSã®UIã«äžè²«æ§ããªããšæããããçç±
- iOS 19ã®å€§èŠæš¡UIå·æ°ïŒäºå®ïŒ
ãã¥ãŒã¢ãŒãã£ãºã ïŒNeumorphismïŒ ãš ãããªã¢ã«ãã¶ã€ã³ïŒMaterial DesignïŒ ã¯ãã©ã¡ããã¢ãã³ãªUIãã¶ã€ã³ã®ãã¬ã³ãã§ãããããããç°ãªããã¶ã€ã³å²åŠãæã£ãŠããŸãã
- ãœãããªå ãšåœ± ã䜿ããUIèŠçŽ ãèæ¯ãšäžäœåãã€ã€ããæµ®ãåºãŠããããã«èŠãããã¶ã€ã³ã
- èæ¯ãšåãè²èª¿ã§ã ããŒã¿ ã æµ®ãäžãã ã®ãšãã§ã¯ããäœãã
- ãããã«ã§æŽç·Žããããã¶ã€ã³ ãå®çŸã
â
ã·ã³ãã«ã§ã¢ãã³ãªèŠãç®
â
ãããã«ãªãã¶ã€ã³ã«é©ããŠãã
â
ãœãããªç«äœæãæ°ããå°è±¡ãäžãã
â èŠèªæ§ãäœãïŒç¹ã«ã³ã³ãã©ã¹ããäœããããã¢ã¯ã»ã·ããªãã£ã«åé¡ããïŒ
â ãã¿ã³ãå
¥åæ¬ãç®ç«ããªãïŒã¯ãªãã¯å¯èœãã©ãããåããã¥ããïŒ
â å®çšæ§ãäœããåºãæ¡çšãããŠããªã
- ã³ã³ã»ãããã¶ã€ã³ïŒãã¶ã€ããŒã®ããŒããã©ãªãªãå®éšçUIïŒ
- ã¹ããŒãå®¶é»ã®ãã£ã¹ãã¬ã€
- ãã¥ãŒãžãã¯ãã¬ã€ã€ãŒã倩æ°ã¢ããªãªã©ãã·ã³ãã«ãªUIãæ±ããããå Žé¢
- Googleã2014å¹Žã«æå± ãããã¶ã€ã³èšèªã
- ç©ççãªãããªã¢ã«ïŒçŽïŒãæš¡ããã¬ã€ã€ãŒæ§é ãæã¡ã圱ã奥è¡ãã䜿ã£ãŠèŠèŠçãªéå±€ãæç¢ºã«ããã
- ã«ã©ãŒãã¬ãããã¿ã€ãã°ã©ãã£ãã¢ãã¡ãŒã·ã§ã³ ãªã©ãæç¢ºãªã¬ã€ãã©ã€ã³ãååšããã
â
èŠèªæ§ãšäœ¿ãããããé«ãïŒé©åºŠãªã³ã³ãã©ã¹ããšæç¢ºãªéå±€æ§é ïŒ
â
Googleã®æšå¥šãã¶ã€ã³ ãªã®ã§ãå€ãã®ã¢ããªãWebãµãŒãã¹ã§æ¡çšãããŠãã
â
ã¢ãã¡ãŒã·ã§ã³ãæ»ãã ã§ãUXåäžã«è²¢ç®
â ç»äžçãªãã¶ã€ã³ã«ãªããã¡ïŒå€ãã®ã¢ããªã䌌ããããªèŠãç®ã«ãªãïŒ
â ãã¶ã€ã³ã®èªç±åºŠãäœãïŒGoogleã®ã¬ã€ãã©ã€ã³ã«åŸãå¿
èŠãããïŒ
- Androidã¢ããªå šè¬ïŒGoogle Playã®ã»ãšãã©ã®ã¢ããªãæ¡çšïŒ
- Googleã®ãµãŒãã¹ïŒGmail, Google Drive, YouTubeãªã©ïŒ
- Webã¢ããªãäŒæ¥åãã®ç®¡çç»é¢
ãã¥ãŒã¢ãŒãã£ãºã | ãããªã¢ã«ãã¶ã€ã³ | |
---|---|---|
ãã¶ã€ã³ã®ç¹åŸŽ | ãœãããªå ãšåœ±ã§æµ®ãäžããã»ããŒãè¡šçŸ | ç©ççãªçŽãæš¡ããã¬ã€ã€ãŒæ§é |
èŠèªæ§ | äœãïŒã³ã³ãã©ã¹ãã匱ãïŒ | é«ãïŒåœ±ãšã«ã©ãŒãã¬ãããæç¢ºïŒ |
ã¢ã¯ã»ã·ããªã㣠| äœãïŒãã¿ã³ãåããã«ããïŒ | é«ãïŒã¬ã€ãã©ã€ã³ãæŽåãããŠããïŒ |
å®çšæ§ | äœãïŒã³ã³ã»ãããã¶ã€ã³åãïŒ | é«ãïŒAndroidãWebã¢ããªã§åºãæ¡çšïŒ |
äž»ãªçšé | ãã¥ãŒãžãã¯ã¢ããªãå®¶é»UIããã¶ã€ããŒåã | Androidã¢ããªãGoogleãµãŒãã¹ãWebã¢ã㪠|
- å®çšæ§ãéèŠãããªã â ãããªã¢ã«ãã¶ã€ã³
â æç¢ºãªã¬ã€ãã©ã€ã³ããããã¢ã¯ã»ã·ããªãã£ã䜿ããããã確ä¿ãããŠããã - ãã¶ã€ã³ã®åæ§ãéèŠãããªã â ãã¥ãŒã¢ãŒãã£ãºã
â æªæ¥çã§ãœãããªãã¶ã€ã³ãæ±ããå Žåã«é©ããŠããããå®éã®ã¢ããªã§ã®äœ¿çšã¯éå®çã
çŸæç¹ã§ã¯ããã¥ãŒã¢ãŒãã£ãºã ã¯ã³ã³ã»ãããã¶ã€ã³ã«çãŸã£ãŠãããå®éã®ãããã¯ãã§ã¯ã»ãšãã©æ¡çšãããŠããªãã®ãçŸå®ã§ãã
ãã®ãããäžè¬çãªã¢ããªéçºã§ã¯ããããªã¢ã«ãã¶ã€ã³ã®æ¹ãå®çšçãªéžæè¢ãšãªãã§ãããã
ã¹ãã£ãŒãã³ã»ã·ããã¹ããŒæ°ã¯ãWindows 8ã®éçºãææ®ãã人ç©ãšããŠç¥ãããŠããŸããWindows 8ã®ãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ïŒUIïŒã¯ãã¿ããæäœãéèŠãããMetro UIããæ¡çšããåŸæ¥ã®ãã¹ã¯ãããç°å¢ãšæ°ããã¹ã¿ãŒãç»é¢ã®äºéæ§é ãç¹åŸŽã§ããããããããã®ãã¶ã€ã³ã¯å€ãã®ãŠãŒã¶ãŒããæ¹å€ãåããŸããã
-
äºéç°å¢ã«ããæ··ä¹±:
- ã¿ãã¬ããåãã®ã¹ã¿ãŒãç»é¢ãšåŸæ¥ã®ãã¹ã¯ãããç°å¢ãå ±åãããŠãŒã¶ãŒã¯ã©ã®ç°å¢ã§ã©ã®æäœãè¡ãã¹ããæ··ä¹±ããŸããã
-
è€æ°ãŠã£ã³ããŠã®å¶é:
- æ°ããUIã§ã¯ãåæã«è€æ°ã®ãŠã£ã³ããŠã衚瀺ããããšãé£ãããªããç¹ã«ãã¯ãŒãŠãŒã¶ãŒããäžæºã®å£°ãäžãããŸããã
-
ãã©ãããã¶ã€ã³ã«ããèŠèªæ§ã®äœäž:
- ãã©ãããªãã¶ã€ã³ãæ¡çšãããã¯ãªãã¯å¯èœãªèŠçŽ ã®å€å¥ãé£ãããªããªã©ããŠãŒã¶ããªãã£ãäœäžããŸããã
ãããã®åé¡ç¹ãããWindows 8ã®UIã¯å€ãã®ãŠãŒã¶ãŒã«ãšã£ãŠäœ¿ãã«ãããšè©äŸ¡ãããŸãããã·ããã¹ããŒæ°ã¯ãã®ãã¶ã€ã³ãæšé²ããäžå¿äººç©ã§ããããã®çµæããŠãŒã¶ãŒããã®æ¹å€ã®å¯Ÿè±¡ãšãªããŸããã
ã¹ãã£ãŒãã³ã»ã·ããã¹ããŒæ°ã¯ããã€ã¯ããœããã§Windowséšéã®ãã¬ãžãã³ããåããWindows 7ãWindows 8ã®éçºãææ®ãããšã³ãžãã¢ãšããŠç¥ãããŠããŸãã圌ã®ã€ã³ã¿ãã¥ãŒããã以äžã®ãããªè峿·±ãå 容ã䌺ããŸãã
2012幎ã®ã€ã³ã¿ãã¥ãŒã§ãã·ããã¹ããŒæ°ã¯PCã®æªæ¥ã«ã€ããŠä»¥äžã®ããã«èªã£ãŠããŸãã
ã2幎åŸãã¿ããã§ããªãPCã¯æ¬ é¥åã«æãããã§ããããã
圌ã¯ãã¿ããæäœãPCã®æšæºçãªã€ã³ã¿ãŒãã§ãŒã¹ã«ãªããšäºæž¬ããWindows 8ã®éçºã«ãããŠã¿ããæ©èœã®éèŠæ§ã匷調ããŠããŸããã
Windows 7ã®éçºã«ãããŠãã·ããã¹ããŒæ°ã¯ããŒã å šäœãåãç®æšãæã£ãŠåãçµãããšã®éèŠæ§ã匷調ããŠããŸããæè¡è ãã¡ãå ±éã®ããžã§ã³ãæã¡ãååãåãç°å¢ãäœãåºãããšã§ãè€éãªè£œåéçºã«ãããŠæåãåããããšãã§ãããšè¿°ã¹ãŠããŸãã
ã·ããã¹ããŒæ°ã¯ãä»åŸã®ãšã³ããã€ã³ã管çããŸããŸãéèŠã«ãªããšèããŠããŸããä»®æ³ãµãŒããŒã軜éãªãœãããŠã§ã¢ã䜿çšããããšã§ãã»ãã¥ãªãã£ã匷åã§ãããšè¿°ã¹ãŠããããã®ã¢ãããŒããç¹ã«äžå°äŒæ¥ã«ãšã£ãŠæçã§ãããšææããŠããŸãã
ãããã®çºèšãããã·ããã¹ããŒæ°ã®æè¡çæŽå¯ãæ¥çã®ãã¬ã³ãã«å¯Ÿããæ·±ãçè§£ã䌺ããŸãã圌ã®ããžã§ã³ã¯ããã€ã¯ããœããã®è£œåæŠç¥ããã¯ãããžãŒæ¥çå šäœã«åœ±é¿ãäžããŸããã
Metro UIã¯ãMicrosoftãéçºãããã¶ã€ã³èšèªã§ãåããŠæ£åŒã«å°å ¥ãããã®ã¯2010幎ã«ãªãªãŒã¹ããã Windows Phone 7 ã§ãã
- ã¿ã€ãã°ã©ãã£éèŠ: 倧ããªæåãšã·ã³ãã«ãªã¬ã€ã¢ãŠãã§ãæ å ±ã匷調ããŸãã
- ãã©ãããã¶ã€ã³: è£ é£Ÿãæããå¹³é¢çã§çŽæçãªãã¶ã€ã³ãæ¡çšããŠããŸãã
- ã©ã€ãã¿ã€ã«: ãªã¢ã«ã¿ã€ã ã§æ å ±ãæŽæ°ããã¿ã€ã«åã®ã€ã³ã¿ãŒãã§ãŒã¹èŠçŽ ã䜿çšããŠããŸãã
ãã®ãã¶ã€ã³èšèªã¯ããã®åŸãWindows 8ïŒ2012幎ïŒãXbox 360ã®ã€ã³ã¿ãŒãã§ãŒã¹ã«ãæ¡çšãããMicrosoft補åå šäœã§çµ±äžæã®ãããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãæäŸããããšãç®æããŸããã
ãªãããMetroããšããåç§°ã¯å éšã³ãŒãããŒã ã§ãããåæšäžã®åé¡ãããåŸã«**ãModern UIãããMicrosoft Design Languageã**ãšåŒã°ããããã«ãªããŸããã
iOS 7ã¯ãAppleã2013幎ã«ãªãªãŒã¹ããã¢ãã€ã«ãªãã¬ãŒãã£ã³ã°ã·ã¹ãã ã§ããŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ïŒUIïŒã«å€§å¹ ãªå€æŽãå ããããŸãããäž»ãªå€æŽç¹ãšãã®å ·äœäŸã以äžã«ãŸãšããŸãã
åŸæ¥ã®ã¹ãã¥ãŒã¢ãŒãã£ãºã ïŒçŸå®ã®è³ªæãçŽ ææãæš¡å£ãããã¶ã€ã³ïŒããè±åŽãããã©ãããã¶ã€ã³ãæ¡çšããŸãããããã«ãããã¢ã€ã³ã³ãUIèŠçŽ ãã·ã³ãã«ã§å¹³é¢çãªãã¶ã€ã³ã«å·æ°ãããŸããã
倿ŽåïŒiOS 6ãŸã§ïŒãšå€æŽåŸïŒiOS 7ïŒã®æ¯èŒ:
- ã¢ã€ã³ã³ãã¶ã€ã³: iOS 6ãŸã§ã¯ãªã¢ã«ãªè³ªæãæã€ã¢ã€ã³ã³ãå€ã䜿çšãããŠããŸããããiOS 7ã§ã¯ãã©ããã§æœè±¡çãªãã¶ã€ã³ã«å€æŽãããŸããã
- ã¢ããªå ãã¶ã€ã³: äŸãã°ãã«ã¬ã³ããŒã¢ããªã¯é©ã®è³ªæãæš¡ãããã¶ã€ã³ãããã·ã³ãã«ãªçœèæ¯ã®ãã¶ã€ã³ã«å€ãããŸããã
ã·ã¹ãã ãã©ã³ããHelvetica Neueã«å€æŽãããå šäœçã«çŽ°ãæŽç·Žãããå°è±¡ãšãªããŸãããããã«ãããããã¹ãã®å¯èªæ§ãšèŠèªæ§ãåäžããŸããã
ã³ã³ãããŒã«ã»ã³ã¿ãŒãéç¥ã»ã³ã¿ãŒãªã©ã§ãèæ¯ãéããŠèŠãããã¶ã€ã³ãæ¡çšãããUIã«å¥¥è¡ãæãçãŸããŸããã
ç»é¢é·ç§»ãæäœæã®ã¢ãã¡ãŒã·ã§ã³ãæ»ããã«ãªãããŠãŒã¶ãŒäœéšãåäžããŸãããäŸãã°ãã¢ããªãéãéã®ãºãŒã ã€ã³å¹æãããã©ã«ããéãéã®ã¢ãã¡ãŒã·ã§ã³ã远å ãããŸããã
- ããŒã ç»é¢: ã¢ã€ã³ã³ããã©ãããã¶ã€ã³ã«çµ±äžãããå šäœçã«æãã軜快ãªå°è±¡ãšãªããŸããã
- èšå®ã¢ããª: åŸæ¥ã®ã°ã¬ãŒåºèª¿ããçœåºèª¿ã«å€æŽãããã¢ã€ã³ã³ãã·ã³ãã«ãªç·ç»ã«ã
- éç¥ã»ã³ã¿ãŒ: åéæã®èæ¯ã«ãããèåŸã®ã³ã³ãã³ãããã£ãããšèŠãããã¶ã€ã³ã«å·æ°ãããŸããã
ãããã®å€æŽã«ãããiOS 7ã¯åŸæ¥ã®ãã¶ã€ã³ãã倧ããé²åããã¢ãã³ã§çŽæçãªãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ãæäŸããããšãšãªããŸããã
iOSã®ãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ïŒUIïŒã«äžè²«æ§ããªããšæããããçç±ã¯ãããã€ãã®èŠå ã絡ã¿åã£ãŠããŸãã
- Appleã¯iOSã®ãã¶ã€ã³ã宿çã«å·æ°ããŠãããç¹ã«**iOS 7ïŒ2013幎ïŒ**ã§ãã©ãããã¶ã€ã³ãžç§»è¡ããåŸãã现ãã倿Žãç¶ããŠããã
- ãããããã¹ãŠã®èŠçŽ ãäžåºŠã«å€æŽãããããã§ã¯ãªããå€ããã¶ã€ã³ãšæ°ãããã¶ã€ã³ãæ··åšããããšãããã
- Appleã®åã¢ããªãã·ã¹ãã ã³ã³ããŒãã³ãã¯ç°ãªãéçºããŒã ãæ åœããŠããã
- ãã®çµæããã¶ã€ã³ã®çµ±äžæ§ãç¶æããã«ãŒã«ããã£ãŠããå®è£ æ¹æ³ã«ã°ãã€ããçããã
- æ°æ©èœã®è¿œå ã«äŒŽãããã¶ã€ã³ããã®éœåºŠèª¿æŽãããããäžéšã®UIã¯æŽæ°ãããã«æ®ãããšãããã
- äŸ: iOSã®ãèšå®ãã¢ããªã¯æ©èœãå¢ãããã³ã«ã¡ãã¥ãŒãå¢ããæŽçãããŠããªãéšåãããã
- æè¿ã®Appleã¯ãiPadOSãmacOSãvisionOSãšã®çµ±äžæ§ãæèããUIãã¶ã€ã³ãå°å ¥ããããšããŠããã
- ããããç°ãªãããã€ã¹ããšã®å¶çŽïŒã¿ããæäœ vs. ããŠã¹æäœãªã©ïŒã®ãããå®å šãªçµ±äžã¯é£ããã
- Appleã®çŽæ£ã¢ããªã®ãã¶ã€ã³ã幎ã å€ããããããµãŒãããŒãã£ã¢ããªã®UIãšã®çµ±äžæã倱ãããã
- äŸãã°ããèšå®ãã¢ããªãšããã¥ãŒãžãã¯ãã¢ããªããã¡ãŒã«ãã¢ããªã®ãã¶ã€ã³ããã©ãã©ã§ãçµ±äžæããªããšæããããã
- Appleã¯æ°ãããã¶ã€ã³ã®ãã¬ã³ããåãå ¥ããããšãéèŠãããããå®å®æ§ãããããžã¥ã¢ã«ã®å·æ°ãåªå ããåŸåãããã
- ããããäžè²«æ§ãä¿ã€ããããèŠãç®ãè¯ãããããšããåªå ãããèŠå ã®äžã€ã
iOSã®UIã®äžè²«æ§ãæ¬ ããã®ã¯ãé »ç¹ãªãã¶ã€ã³å€æŽãç°ãªãéçºããŒã ãæ©èœã®è¿œå ãç°ãªãOSãšã®çµ±åãAppleã®ãã¶ã€ã³éèŠã®æ¹éãªã©ãããŸããŸãªèŠå ã絡ã¿åã£ãŠããããã
èšäºã®å 容ã¯ãiOS 19ãAppleã®æŽå²äžãæãåçãªãœãããŠã§ã¢ã®å€§æ¹é©ã®äžã€ããšãªãå¯èœæ§ããããšãã話ã§ãã
- ãã¶ã€ã³ã®å€§èŠæš¡å·æ°: ã¢ã€ã³ã³ãã¡ãã¥ãŒãã¢ããªããŠã£ã³ããŠãã·ã¹ãã ãã¿ã³ã®ã¹ã¿ã€ã«ãæŽæ°ãããvisionOSã®ãã¶ã€ã³èŠçŽ ãåãå ¥ããäºå®ã
- MacãšiPadã«ã圱é¿: Appleã¯åãã©ãããã©ãŒã ã§ãã¶ã€ã³ã®äžè²«æ§ãé«ããããšãç®æããŠããã
- iOS 7以æ¥ã®æå€§ã®å·æ°: 2013幎ã®iOS 7ã®ãã©ãããã¶ã€ã³å°å ¥ä»¥æ¥ã®å€§ããªå€æŽãšãªãå¯èœæ§ãé«ãã
- macOS 16ãéèŠãªã¢ããããŒã: 2020幎ã®Big Sur以æ¥ã®å€§èŠæš¡ãªã¢ããããŒããšãããUIã®å€æŽãå«ãŸããã
- WWDC 2025ã§çºè¡šäºå®: 6æã®WWDCã§æ£åŒçºè¡šããã9æã«iPhone 17ã·ãªãŒãºãšãšãã«ãªãªãŒã¹ãããèŠèŸŒã¿ã
- AIã®é ããUIå·æ°ã§è£ãå¯èœæ§: Appleã¯AIéçºã§ç«¶åã«é ããåã£ãŠãããä»åã®UIå·æ°ããã®å¯Ÿå¿çã®äžã€ã§ã¯ãªãããšã®èŠæ¹ãããã
iOSã®UIã¯ãåæã®ãèšå®ãäžç®æã«éçŽããããšããæ¹éããéžè±ããçŽæ£ã¢ããªãšã®äžè²«æ§ã厩ããŠãããšã®æ¹å€ããããå€§èŠæš¡ãªæ¹ä¿®ãæè¿ãããå¯èœæ§ãé«ãããã§ãã