ãã¹ãŠã®ã¢ãã³ãã¶ã€ã³ - ãŠã§ããã¿ã€ãã°ã©ãã£ãŒããããã¯ããã¢ãŒã·ã§ã³ãã¶ã€ã³ -
è²ãšæ§æã®å€å
žçãªæŠå¿µãšãŠãŒã¶ãŒã®å©äŸ¿æ§ãžã®é
æ
®ãçµã¿åãããŠããç¹ã§èå³æ·±ãã§ãã
ãŸããã¢ã€ã³ã³ãæããããããžã¥ã¢ã«ã€ã¡ãŒãžã§ã¢ã¯ã·ã§ã³ã瀺ãããæ©èœã説æãããããæ¹æ³ãèãåºããåžžã«ãŠãŒã¶ãŒã®ããšãèããèœåãå¿ èŠã§ããããŽãæããããã¢ã€ãã³ãã£ãã£ãåµé ãããããå Žåããã®è£œåã®ç念ãé°å²æ°ãææ ãäŒãããšåæã«ãæ¶è²»è ããã®è£œåãã©ãèŠãããã©ã䜿ãããèšç®ããªããã°ãªããŸããã
ãã®ããã2000幎代åé ã«ç»å Žãããã¶ã€ããŒãšã¯å
šãç°ãªããŸãããä»ããã¶ã€ããŒã¯æ®éçãªå
µå£«ã§ããããžã¿ã«ãã¶ã€ã³ãšã¿ã€ãã°ã©ãã£ãã¯ãã¶ã€ã³ã®äž¡æ¹ã«æºããã人ã Webãã¢ããªã±ãŒã·ã§ã³ãã¢ãã¡ãŒã·ã§ã³ãå®è¡ã§ããŸããæåž«ã®ã»ã«ã²ã€ã»ãã«ã³ãããããã®è·æ¥ã«ã€ããŠè©³ããæããŠãããŸãã
ã©ã®ãããªã¿ã€ãã®ãã¶ã€ããŒãããŠã圌ãã¯äœãããŠããã®ã§ãã?
UI ãã¶ã€ããŒã¯ã€ã³ã¿ãŒãã§ã€ã¹èŠçŽ ãæç»ããäž»ã«çŸãããéèŠããŸãã圌ã®ä»äºã¯ã䜿ã£ãŠæ¥œãããããžã§ã¯ããäœæããããšã§ãã
UX ãã¶ã€ããŒã¯ãçŸãããå©äŸ¿æ§ãæ©èœæ§ãç ç²ã«ããªãããã«åªããŸãã圌ã¯äŸ¿å®çã«èããä»ã®ãã¶ã€ããŒã®ä»äºããã®æ¹åã«åããã®ã§ã圌ããã©ã®ããã«ããããŠãªã決å®ãäžãã®ããç解ããå¿ èŠããããŸãã
ãããã¯ããã¶ã€ããŒã¯ãçµµãæããŠãã¶ã€ã³ããã ãã§ãªããäœåã®ãã¹ãŠã®ããžãã¯ãæ§ç¯ã§ãã人ã§ãã圌ã¯ææšãç解ããç 究ãããããèŠãŠãäœãæ¹åã§ããããèŠã€ããŸããããšãã°ãã€ã³ã¿ãŒãã§ã€ã¹ã®äœ¿çšãé£ãããšæããŠããå Žåãããžãã¹ç®æšã¯éæã§ããŸãããã¡ããªã¯ã¹ã«åºã¥ããŠãäœãå€æŽããå¿ èŠãããããã©ããã©ã®ããã«ããçŽãå¿ èŠãããããç解ããŸããã€ãŸãã補åã«å¯ŸããŠããå æ¬çãªã¢ãããŒããæ¡çšããŠããŸãã
ãã¶ã€ããŒãã§ããã¹ãããš
ç§ã¯ãã¥ãŒãšãŒã¯ã§çŸè¡æè²ãåããçµµç»ããããµã³ã圫å»ãåŠã³ãŸãããããžã¿ã«ã§ã¯ãªãããã¹ãŠã¢ããã°ã§ããããããŠä»ãã«ã©ãŒã³ãŒã¹ãæãããšããç§ã¯ããèšããŸãããã¬ãã·ã¥ãè²·ã£ãŠéãã§ãæã§çµµã®å ·ãæ··ããŠãã ãããããã¶ã€ããŒãããŠã¹ã ãã䜿ã£ãŠäœæ¥ããã®ã¯å®å šã«æ£ããããã§ã¯ãªããšç§ã«ã¯æããŸãã圌ã¯èªåã®æã§äœããããŠãæã§ã¹ã±ãããäœæããããããããžã¿ã«ã«ç§»è¡ã§ããã¹ãã ãšæããŸããããã«ãããè³ãšçŽ°ããéåèœåãå€§å¹ ã«çºéããããŠã¹ã䜿ããããç©ãæããã®ãéããŠç°¡åã«ãªããŸãããã¯ãããžãŒã«åºå·ããããã©ããã¯ãªãã¯ãããèãããããŸããã
ç§ã Web ãã¶ã€ã³ãå§ãããšããSketch ã Figma ã¯ãããŸããã§ããããã¹ãŠã¯ Photoshop ã§è¡ãããããã¯å°çã®ãããªå°çã§ãããããŒãžããšã«åå¥ã® PSD ãæç»ããå¿ èŠãããããµã€ãã 20 ããŒãžã§æ§æãããŠããå Žåãçµæãšã㊠20 åã® PSD ãã¡ã€ã«ãäœæããããã®éã㯠1 ã®ã¬ãã€ãã«ãéããŸããããããŠã¯ã©ã€ã¢ã³ãã¯ããã®è²ã¯å¥œãã§ã¯ãªãããšèšã£ãã®ã§ãå PSD ã®è²ãå€æŽããå¿ èŠããããŸããèšå€§ãªæéããããããã¹ãŠãèªã¿èŸŒãã®ã«é·ãæéãããããã¬ã€ã€ãŒããããããããæªå€¢ã§ãããããšã¹ã±ãããçŸããŸããããã£ãšæ©ããŠããè»ãè²·ããããªãã®ã§ããã¹ã±ããã¯ãã§ã«æºåž¯é»è©±ã®ãããªãã®ã§ããããªãã®ç掻ã¯èããããŸããã
ããããåºæ¬çãªããšã¯ç¥ã£ãŠããå¿
èŠããããšæããŸãã PhotoshopãIllustratorãAfter Effectsã¯å¿
é ã§ãã次ã®æ®µé㯠Sketch ãš Figma ã§ãã1 ã€ã®ããšã ããç¥ã£ãŠããã°ååã§ãã XD ãåŠã¶å¿
èŠã¯ãããŸãããXD ã¯éåžžã«äžäººæ°ãªããã°ã©ã ã§ãã圌女ã¯ã¹ã±ããã®çããšããŠéæŸããããæå㯠Photoshop ã§ã¢ãŒãããŒããã¹ã«ã«ããããŠããŸããããç¶æ³ã¯æªåããã°ããã§ããããã®åŸãå¥ã®ããã°ã©ã ããªãªãŒã¹ããŸããããäŸç¶ãšããŠé©åã«åäœããã䜿çšããŠãã人ãã»ãšãã©ããŸããã§ããã
PowerPoint ã Keynote ãªã©ã®åŠç¿ããã°ã©ã ããå§ãããŸããç§ã®ä»äºã§ã¯ãã¯ã©ã€ã¢ã³ãã顧客ãããŒã ã«å¯ŸããŠå€ãã®ãã¬ãŒã³ããŒã·ã§ã³ãè¡ãå¿ èŠããããŸãããµã€ããã©ã®ããã«äœæãããããç解ããã«ã¯ãåºæ¬ç㪠htmlãcssãjs ã®ã¹ãã«ãç¥ã£ãŠããå¿ èŠããããŸããå éšã§ã©ã®ããã«åäœããããç¥ããã«ã·ã§ã«ã ããäœæãããšã決ããŠäœæãããªããã®ãæãã€ãå¯èœæ§ããããŸããããã³ããšã³ãã®åºæ¬æŠå¿µãç¥ã£ãŠããå¿ èŠããããŸããå€ãã®å Žåãäœããããã«å®æãããããèªåã§ä¿®æ£ãããããå¿ èŠããããŸããããã¯ãã§ã«åžå Žã®èŠä»¶ã® 1 ã€ã§ãã
UI/UX ãæ¹åããã«ã¯ãæ倧éã®èŠ³å¯ãå¿ èŠã§ããåºäŒã£ããã¹ãŠã®ã¢ããªã±ãŒã·ã§ã³ãå解ããç 究ããæžãçããŠããããã©ã®ããã«æ©èœããã®ãããªããã®ããã«ãªã£ãŠããã®ãã«æ³šæãæãå¿ èŠããããŸãããŠãŒã¶ãŒãå³æã§äœ¿ããå·Šæã§äœ¿ãããªã©ãèãããããã¹ãŠã®ãã¥ã¢ã³ã¹ãèæ ®ããŠãã ãããããã¯å¥³æ§ãšç·æ§ãã©ã¡ãã®æã«ãªããŸããïŒã©ã®ãããªç¶æ³ã§äººã ã¯ã¢ããªã±ãŒã·ã§ã³ãããé »ç¹ã«äœ¿çšããã§ãããã?ã€ãŸããåæçæèãé€ãããšã§ãã
ä»äºã®æ¢ãæ¹
ãã®åéã§ã¯ããŒããã©ãªãªãéåžžã«éèŠã§ããããªãŒã©ã³ãµãŒãšããŠã®ã¿åãããšãã§ããããšãã°ãèŠãŠãã ãããã³ã«ã»ã³ãŒã©ã®ãŠã§ããµã€ããäœããŸãããã®ããã«ããŒããã©ãªãªãèŠããã ãã§ããã¹ãŠãããã«ããããæ¬æ Œçãªã¬ãã«ã«é²ãããšãã§ããŸããã³ãŒã¹äžã«ã©ã³ãã£ã³ã° ããŒãžãäœæããåŠçã¯ããã« Behance ã«æçš¿ããä»äºãæ¢ããšãã«èŠããŸãã
ãããžã§ã¯ãã®ãªãæåã®æ®µéã§ãæãã¯ãŒã«ãªã®ã¯ãWeb ãµã€ããã¢ããªã±ãŒã·ã§ã³ã®ã³ã³ã»ãããäœæããããšã§ããããã¯ã¹ãã«ãšããŒããã©ãªãªãæ§ç¯ããããã®æè¯ã®æ¹æ³ã§ããããªãŒã©ã³ãµãŒãšããŠããŸããŸãªå°ããªããšãè¡ãããšãã§ããŸããååŒæã«ã¯ããŸããŸãªãããžã§ã¯ããåžžã«æã蟌ãŸããŠãããããã«å¿çããã¯ã©ã€ã¢ã³ããšäº€æžããå®è¡ããŸãã
æ£ç€Ÿå¡ã®ä»äºã®é¢æ¥ã§ã¯ãåªããããŒããã©ãªãªãæã£ãŠããŠãèªåçã«ããŒã ã«å ¥ããŠããããªãããšããããŸããããã§ã¯ãã§ã«ãããªãã«å€ãã®ç¹å®ã®ã¹ãã«ãæ±ããããŠããŸããä»ã®ã©ãã§ãåæ§ã«ã圌ãã¯ããªãã®ãœããã¹ãã«ãšããŒãã¹ãã«ãéèŠããŸããå€ãã®å Žåãããã§ã¯å人çãªèŠçŽ ãã€ãŸãããªããšããªãã®ããŒã ããäºãã®æ°åãæ§æ Œãããžã§ã³ã奜ã¿ãäžèŽãããã©ãããéèŠã§ãã
人ããã®è·æ¥ãéžæããããã奜ãã§ããã°ããã¹ãŠãããã«ããŸãããããã§ã¯ãªãããšãç解ããå¿ èŠããããŸãããã°ããæéãããããå¹åžãåããå¿ èŠããããŸããããããã°ãã¹ãŠãããŸãããã§ããããå€ãã®å Žåã人ã ã¯æ¹å€ãéåžžã«å人çãªãã®ãšããŠæãããç§ã¯ã¢ãŒãã£ã¹ããªã®ã§ããã®ããã«èããŠããŸãããªã©ã®ãã¬ãŒãºã§èªåèªèº«ãåŒè·ããŸãããæ¹å€ãåãå ¥ããããšã¯éåžžã«éèŠãªã¹ãã«ã§ãããæ®å¿µãªãã誰ããæã£ãŠããããã§ã¯ãããŸãããããŒã ã¯ãŒã¯ã§ã¯ãåžžã«äœããããããã«ã¢ããã€ã¹ãããŸããããããååã¯ããå°ã詳ãããåæ§ã®çµéšãããŠãããããããŸããã圌ãšçžè«ããŠæ³šæããã»ããè¯ãã§ãããã
ãã¶ã€ããŒãæç²ãªå±¥æŽæžãäœæããããšããããããŸãã圌ã㯠Web ãã¶ã€ããŒã«ãªãããã®ã§ãããå³é¢ãããŒãã¬ãŒããå«ãããŒããã©ãªãªãéããŸããå°ãªããšã 95 ã€ã® Web ãµã€ããäœæããæç»ããã³ããŒããŸãã圌ãã¯éåžžã«ã«ã©ãã«ãªå±¥æŽæžãç§ãã¡ã«éã£ãŠãããŠãäŸãã°ãPhotoshop ã® 5% ãç¥ã£ãŠããŸãããªã©ã®é²æ©ã瀺ããŠãããŸããã©ãããåºæºã§èª¬æããŠãã ãããããªãã®ç¥ããªãXNUMX%ãšã¯äœã§ããïŒ
ç§ãäž»ã«èŠãã®ã¯ããŒããã©ãªãªãšéåžžã®é¢æ¥ã®äŒè©±ã ãšæããŸããç§ã¯ãã¹ãã¿ã¹ã¯äžã«åŸèŒ©ã®ååãé€å€ããŸããããªããªããå€ãã®äººã¯äœããããŠå°æ¥ã«æè³ããã®ãé¢åã ããã§ãããã ãããžã¥ãã¢ãããŒããã©ãªãªãæã£ãŠããå Žåã§ãããã¹ã課é¡ã¯å¿ èŠã§ããéçšäž»ã¯ãã®ãããžã§ã¯ãã«äœäººãæºãã£ãã®ãç¥ããŸããã圌ã¯ããã§ãã¿ã³ã 1 ã€äœãããšãã§ããŸãããããã以å€ã¯ãã¹ãŠããŒã ã®ä»ã®äººã ãçºæãããã®ã§ããã
ããªãã¯èŠãããšãã§ããŸã
ã©ããããã®éé¡ãæåŸ ãã¹ãã§ããããïŒ
ã¢ã¹ã¯ã¯ã§ã¯ãã€ã³ã¿ãŒã³ãã¶ã€ããŒã®åå ¥ã¯20äžãã40äžã ãç¡æã§ã€ã³ã¿ãŒã³ã·ãããè¡ã人ãããããããŸããã¢ã¹ã¯ã¯ã®åå¿è ãã¶ã€ããŒã®é©åãªçµŠäžã¯60äžãã80äžã§ããå¹³åã¬ãã«ã¯100äžããµã€ã³ãšã¢ãŒããã£ã¬ã¯ã¿ãŒã¯120äžããåãåãããšãã§ããŸãã
My Circle ã®çµŠäžèšç®ããŒã«ã«ãããšããã¶ã€ããŒã®å¹³å絊äžã¯
UI/UXãšãªããšããªã¹ã¯ã¯ããã«é«ãŸããŸãããžã¥ãã¢ã¯60äžã«ãŒãã«ããå§ãŸããããã«ã¯120ãããã·ãã¢ã¯160ãã180ãŸã§ã§ãããããŠã¢ãŒããã£ã¬ã¯ã¿ãŒã¯200äžã«ãŒãã«ä»¥äžã§ãã
ã°ã©ãã£ãã¯ãã¶ã€ããŒã¯æã絊æãäœããšèããããŠããŸãã圌ãã¯50äžãã100äžãåãåããŸãã
ããªãã®ãã£ãªã¢ã¯ã©ã®ããã«çºå±ããŠããã®ã
è¥æã®ãšãã¯ãåžžã«äžçŽãã¶ã€ããŒã®ç®¡çäžã«ãããŸããããªãã¯åœŒãã®ã¢ã·ã¹ã¿ã³ãã§ããååãšåæ§ã«ãã¢ã·ã¹ã¿ã³ããã¡ã€ã³ ã¢ãŒãã£ã¹ãã®èæ¯ãããŸããŸãªè©³çŽ°ãå®æãããã®ã§ãããã«ãããŸããæåã®æ®µéã§ã¯ãéåžžã«åµé çãªãœãªã¥ãŒã·ã§ã³ãäœæããå¿ èŠã¯ãããŸãããããã«å€ãã®èäœåŽåã䌎ããŸããããã«ã¯ãæ§å³ãPhotoshopãIllustratorãFigma/Sketch ã®åºæ¬çãªç¥èãè²ãããªã¥ãŒã ããã¬ã³ããä»äœãæ±ããããŠãããã«ã€ããŠã®ç解ãå¿ èŠã§ãã
次ã®ã¬ãã«ã«é²ããšãæèãèšèšãã¢ã€ãã¢ã®æ€çŽ¢ã«ãããŠãããå€ãã®ã¹ãã«ãæ±ããããŸããå 茩ãšåŸèŒ©ã®éãã¯èªäž»æ§ã§ããããé«ãã¬ãã«ãžã®æåã®ç§»è¡ã¯ 1 幎以å ã«çºçããå¯èœæ§ããããŸããé äž»ã«ãªãã«ã¯3幎ã¯ããããšæããŸããå°ãªããšã 5 幎ã¯ä»äºãããªããšã¢ãŒã ãã£ã¬ã¯ã¿ãŒã«ãªããå¯èœæ§ã¯äœãã§ãã
ç§ã®ä»äºäž (ç§ã¯ Intourist Thomas Cook ã®ã¯ãªãšã€ãã£ã ãã£ã¬ã¯ã¿ãŒã§ããããŸã)ããã³ãã³ ãªãã£ã¹ãšéåžžã«å¯æ¥ã«é¢ãã£ãŠããŸããå瀟ã®åç· åœ¹ã«ã¯40ïœ50æ³æªæºã®è ã¯ããªãããã·ã¢ã§ã¯ãXNUMXæ³ã«ãªãåã«ç°¡åã«ã¢ãŒããã£ã¬ã¯ã¿ãŒã«ãªãããã¹ã¿ãžãªãç«ã¡äžãããšããç§ã¯ãŸã XNUMXæ³ã«ãªã£ãŠããŸããã§ããã西æŽã§ã¯ãããã¯äžè¬çã«éçŸå®çã§ããããã§ã¯ããµã€ã³ã«ãªããŸã§ã« XNUMX 幎éãã£ãªã¢ã®ã¯ãããäžãè©°ããªããã°ãªãããXNUMX 幎ãçµãŠããããã¢ãŒã ãã£ã¬ã¯ã¿ãŒã«å°éããŸãã
ããã®åžå Žã¯ã¯ããã«å€ãã§ããåºååžå Žã¯20äžçŽåé ã«ã¯ãã§ã«ååšããŠããŸããããæãåœã«åºååžå ŽãçŸããã®ã¯90幎代ã«ãªã£ãŠããã§ãããããŠä»ãç§ãã¡ã«ã¯éåžžã«è¥ãå°é家ãããŸãã
ãããŠãããã§ã¯çç©åŠçãªå¹Žéœ¢ã®åé¡ã§ã¯ãªããé·ããšçµéšã®åé¡ã§ãã圌ãã¯ã人ã¯1幎ã«5åã»ã©å€ãã®çæããããæããããšã¯ã§ããªããšåºãä¿¡ããŠããŸãããã®æå³ã§ãç§ãã¡ã¯ããã«å¹žéã§ãããã·ã¢ã§ã¯ãè¥è ãæµ·å€ãããæ©ããã£ãªã¢ã®ã¯ãããç»ãæ©äŒãå€ãã
çŸãããã®ãšæ£ãããã®ã®éžã³æ¹
ã¿ãã¥ãŒé€å»ãæ±ãã¯ãªããã¯ã®ã¢ã€ãã³ãã£ãã£ã確ç«ãããšããèå³æ·±ããããžã§ã¯ãããããŸãããã¹ã«ã«ããããã£ããã€ã«ãŒã¹ã¿ã€ã«ãã€ã¡ãŒãžããŸããã圌ãã¯ã¢ã³ã±ãŒãã®å®æœãéå§ãããªãã·ã§ã³ãé è²ã瀺ããŸãããã察象ãŠãŒã¶ãŒã«ã¯ãŸã£ããå±ããŸããã§ããã人ã ã¯ãŸã£ããç°ãªããã®ãæ±ããŠããããšãå€æããŸããã圌ãã¯æãè²ãé è骚ãæãã§ããŸãããçŽç²ãªããããªãºã ãæãã§ããŸããã¿ãã¥ãŒã¢ãŒãã£ã¹ãã¯ãã¬ãã¢ã ã»ã°ã¡ã³ãã«ç§»è¡ããŠããŸããã²ã©ãç°å¢ã§äººã ãè©°ã蟌ãŸããŠããè£åºã®å°äžã¹ã¿ãžãªã ãã§ã¯ãããŸããã圌ãã¯èšºçæã®ããã«ããã¹ãŠãå®ç§ã«æž æœã§ããã¹ãŠãçœã§ããããšãæãã§ããŸããããã¯ç§ãã¡ã«ãšã£ãŠçããããšã§ããã
ãçŸããããšããæŠå¿µã¯æè»ã§ãã 1ã€ç®ã¯ããããã®ãçŸãããšããããšã2ã€ç®ã¯ãå¥ã®ãã®ã§ãããšããããšã§ããæ®éã®åºã«è¡ããšãããã±ãŒãžãèŠãŸãããã»ãšãã©ãã¹ãŠãå®ã£ãœããŠæããã§ããããããããããªè£œåãéžæãããšãããç®ç«ãããéåžžã«ãã¡ããšãããã®ã«ãªããŸãããã®åé¡ã¯é¡§å®¢éã§ããçºçããŸãã圌ãã¯èªåãã¡ç¬èªã®äœããèŠãããšèããŠããŸããç§ãã¡ã¯ãå°éçãªèŠ³ç¹ããããè¯ããšèããå¥ã®ãœãªã¥ãŒã·ã§ã³ãæäŸããŸãã察話ãããªããã°ãªããŸãããçŽæçã«ããŸããããããªç¬éãããããèšæž¬ããããšãéåžžã«éèŠã§ããç§ãã¡ã¯ãããã§ãã·ã§ãã«ãšããŠã®è³è³ªããããèããŠããŸããããŠãŒã¶ãŒã«ãšã£ãŠã¯ããã¯åãå ¥ããããªãããã§ããã©ã€ãã®èŽè¡ã«ãããã¹ãã¯éåžžã«éèŠã§ãã
ç§ãã¡ã¯å人ã®ããã«è£œåãäœãã®ã§ã¯ãªãã人ã
ã®ããã«è£œåãäœãã®ã§ãææšãåºæºã«ããã®ã¯æ£ãããšæããŸããåæã®çµæãèªåã®èãã«åããçµè«ãåŸãããå Žåã¯ããããåºç€ãšããŠæ¡çšããå¿
èŠããããŸããç§ãã¡ã¯éåžžã«ç«¶äºã®æ¿ããäžçã«äœãã§ãããåžå Žã«ã¯èšå€§ãªæ°ã®è£œåããããŸããå±éºãªæ±ºæã¯å€±æã«çµãããããããªããã誰ãç§ãã¡ã®éå¿ãå¿
èŠãšããªããªããããããªãããã ãããã¡ãããã¡ããªã¯ã¹ã«çŠç¹ãåœãŠããšããŠããå人çãªãã®ãå®è£
ããããšã¯ééããããŸãããããã¯ç§ãã¡ã«äžçãããè¯ãæ¹åã«å€ããæ©äŒãäžããŠãããŸãã
åºæïŒ habr.com