é«éã軜éã匷åïŒ
Adobe XDã§UX / UIãã¶ã€ã³ãã¹ã¿ãŒð®
UX/UIãã¶ã€ã³ããŒã«ããªãå¿
èŠãªã®ã§ããããïŒ
UX/UIãã¶ã€ã³ãšã¯ãããžã¿ã«æ©åšãéããŠæ¥ããç»é¢ãèšèšããããšã§ããŠãŒã¶ãŒã®è¡åãèªå°ãæ¹åãããã¶ã€ã³ãæå³ããŸããç§ãã¡ããŠã§ããµã€ããã¢ãã€ã«ã¢ããªã§èŠããã¿ã³ã1ã€æŒãæ¯æ¥ã®è¡åã«ãUX/UIãã¶ã€ã³ã®åœ±é¿ãé ããŠããŸãããã®ããã«ããŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ïŒUser InterfaceãUIïŒãéããŠãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ïŒUser ExperienceãUXïŒãåŒãåºããŸã§ã®ãã¹ãŠã®éçšããŸãšããŠUX/UIãã¶ã€ã³ãšãããŸãã
ç¹ã«æè¿ã§ã¯ã UX/UIãã¶ã€ã³ã®éèŠæ§ã¯ãŸããŸã匷åã«ãªã£ãŠããŸãã PCãã¹ããŒããã©ã³ãã¿ãã¬ãããªã©ãããžã¿ã«ããã€ã¹ã®ãšã³ã·ã¹ãã ã倿§åãã€ã€ã1ã€ã®ãŠã§ããµã€ãããã¶ã€ã³ããŠããè€æ°ã®ããžã¿ã«ã¹ã¯ãªãŒã³å
šè¬ã«ããããã¹ãŠã®ç»é¢ã«å¯Ÿãããã¶ã€ã³ãå¿
èŠã ããã§ããéå»ã«ã¯ããããããïŒBitmapïŒããŒã¹ã®PhotoshopïŒPhotoshopïŒãšã€ã©ã¹ãã¬ãŒã¿ãŒïŒIllustratorïŒã掻çšããŠWebç»é¢ããã¶ã€ã³ããããããã°ã©ã ãéãããŠå€æ§ãªããžã¿ã«ç°å¢ã«å¯Ÿå¿ãã«ãããªãããã¯ãã«ïŒVectorïŒããŒã¹ã®å°çšUX/UIãã¶ã€ã³ããã°ã©ã ã䜿çšããããã«ãªããŸããã
Adobe XDã¯ããããã®ç»é¢ãã·ãŒã ã¬ã¹ãã€å¹æçã«å®è£
ããã®ã«åœ¹ç«ã€UX / UIãã¶ã€ã³ããã°ã©ã ã®1ã€ã§ãã
æãæµ®ãã¶åŸçºã©ã³ããŒã
Adobe XDã
ã¢ããXDïŒXDïŒãæãããŠã©ããªããŒã«ã§ããããïŒ
Adobe XDã¯ããã©ãã·ã£ãã«ãã€ã©ã¹ãã¬ãŒã¿ãŒãªã©ãšããŠããç¥ãããŠããAdobe Systemsã®UX / UIãã¶ã€ã³ãœãªã¥ãŒã·ã§ã³ããŒã«ã§ãã Adobe XDã䜿çšãããšãPCãã¢ãã€ã«Webãµã€ããããã³ã¢ããªã±ãŒã·ã§ã³ã®ã€ã³ã¿ãŒãã§ãŒã¹ãèšèšããã³ãããã¿ã€ãã³ã°ã§ããŸããããã«ãéçºè
ãšã·ãŒã ã¬ã¹ã«ãã¶ã€ã³ã¬ã€ããå
±æããŠã³ãã¥ãã±ãŒã·ã§ã³ã§ããããã«èšèšãããããã®ãã¶ã€ã³ããŒã«ã§ãã
XDã¯ã¹ã±ãã(Sketch)ããã°ã(Figma)ããé
ãçºå£²ãããUX/UIãã¶ã€ã³ããŒã«ç³»ã®åŸçºã©ã³ããŒã§ãããããã ãå€ãã®ã¡ãªããã§æ¥éã«æµ®äžããŠããŸãã UIãã¶ã€ã³ã«å¿
èŠãªæ©èœãã·ã³ãã«ã§çŽæçãªã€ã³ã¿ãŒãã§ãŒã¹ãéããŠäœ¿çšã§ããããã«äœãããŸããããããã¿ã€ã補äœããã³ãã¥ãã±ãŒã·ã§ã³ã®ããã®ãã£ãŒãããã¯ç»é¢ãŸã§ãäžã€ã®ããŒã«ã®äžã§ç°¡åã«è§£æ±ºã§ããŸãã
ããã ãã§ãªããã€ã³ã¿ã©ã¯ã·ã§ã³ã¢ãã¡ãŒã·ã§ã³ãå®è£
ããããšãã§ããæ¢åã®Adobe Systemsã®ããŒã«ãçµéšããŠã¿ããŠãŒã¶ãŒãªãç°¡åã«é©å¿ã§ããŸãã macOSãWindowsãªãã¬ãŒãã£ã³ã°ã·ã¹ãã ããã¹ãŠãµããŒãããå人çšã®ç¡æçãæäŸããããšããããŸããæåäŒæ¥ã倧åãã¶ã€ã³ãšãŒãžã§ã³ã·ãŒããã¶ã€ããŒã ãã§ãªãäŒç»è
ãŸã§ãå®åã§æçšããããŒã«ã§ãã
ãã®ã¬ãã¹ã³ã§ã¯ãUX/UI ãã¶ã€ã³ã¹ãã«ãè£
åãããæ¹ã察象ã«ãAdobe XD ãå©çšããŠãŠã§ã/ã¢ãã€ã«ã¢ããªã€ã³ã¿ãŒãã§ãŒã¹ãèšèšããæ¹æ³ãåŠã³ãŸãã XDã®åºæ¬æŠå¿µãåŠã¶éçšã§å®éã®UIãã¶ã€ã³ããã»ã¹ãçè§£ããããšãã§ããæçµçã«ã¯å®åã§ããã«äœ¿ãããã¶ã€ã³ã¹ãã«ããã¹ã¿ãŒããããšãç®æšã§ããã§ã¯ãäžç·ã«ææŠããŠã¿ãŸããããïŒ
XDãã¹ã¿ãŒãäžåºŠã«ææŠïŒ
é çªã«åŠç¿ããŠã¿ãŠãã ããïŒ
åããŠäŒãAdobe XDïŒ
Adobe XDã䜿çšããçç±ã¯äœã§ããïŒ XDã䜿ããšã©ããªç¹ãããã§ããããïŒåŠç¿ã«å
¥ãåã«ãUX / UIãã¶ã€ã³ããŒã«XDã®ç¹åŸŽã調ã¹ãŠãäœãã§ããããåŠã³ãŸãã
åºæ¬ããã£ãããXDã®ãã¹ãŠã
ãã¶ã€ã³äœæ¥ç»é¢ãèšå®ããæ¹æ³ããå§ããã€ã¡ãŒãžããŒã«æäœã®ããã®åºæ¬çãªæ©èœãäžã€äžã€èº«ã«ã€ããŸãããã®ã³ãŒã¹ã§ã¯ãå®éã®UIãã¶ã€ã³ã«å¿
èŠãªèŠçŽ ãæŽçããŠé
眮ããããã®éèŠãªããŠããŠãç¿åŸã§ããŸãã
ãããã¿ã€ãã³ã°ãèªä¿¡ããããŸãã
ç§ãäœã£ããã¶ã€ã³ãå®éã®ãµãŒãã¹ãšããŠéçºããåã«ããããã¿ã€ãã³ã°ãå§ããŸããããçŽæ¥ãããã¿ã€ããäœæããŠé©çšããªãããå®äœã«äžæ©è¿ããã¶ã€ã³ãèšèšããŠã¿ãŠãã ããã
UIãã¶ã€ã³ãã¹ã¿ãŒãç®æãïŒ
宿ããUIãã¶ã€ã³ç»é¢ãäŒç»è
ãéçºè
ãã¯ã©ã€ã¢ã³ããšå
±æããããšãã§ããŸããæåŸã«ãå®éã®ãµãŒãã¹ã®UIãã¶ã€ã³ã«åŸã£ãŠäœã£ãŠã¿ãŠãUX/UIã®åéããã£ããåºããŠãããŸãã
ãããªæ¹ã«æ³šç®ããŠãã ããïŒ
UX/UI?
å®éã®UX/UIãã¶ã€ã³
ããã»ã¹ãæ°ã«ãªã人
XDïŒ
XDãåºç€ãã
äœç³»çã«åŠã¶æ¹
ç§ã®å€¢ã¯ãã¶ã€ããŒã§ã
UX/UIãã¶ã€ã³
å§ãŸã誰ã§ã
ããŒã ã¯ãŒã¯
UIãã¶ã€ã³ããŒã«
ããæžãããäŒç»è
UX/UIå
¥é,
Inflearnãšäžç·ã«ææŠããŠãã ããã
Inflearnãªãªãžãã«UX/UIããŒãããããèŠãâš
åè¬åã«ã確èªãã ããïŒ
- æ¬è¬çŸ©ã¯ãææ¥å
容ã«å¯Ÿãã質çå¿çãæäŸããªãè¬çŸ©ã§ããåŠç¿ã«åèã«ããŠãã ããã