CSS Nite in Kobe, vol.53ãXDã§äœãã¯ã€ã€ãŒãã¬ãŒã ã»ãããã¿ã€ããšãµã€ãå¶äœæã®ã³ãã¥ãã±ãŒã·ã§ã³ãã«åå ããŠããŸãã

å æ¥éå¬ãããCSS Nite in Kobe vol.53ãXDã§äœãã¯ã€ã€ãŒãã¬ãŒã ã»ãããã¿ã€ããšãµã€ãå¶äœæã®ã³ãã¥ãã±ãŒã·ã§ã³ãã«åå ããŠããŸããã
èªåã¯æ®æ®µSketchã°ããã䜿ã£ãŠããã®ã§ããã以åãšæ¯ã¹XDãããŒãžã§ã³ã¢ãããç¹°ãè¿ããŠããªãã¬ãã«ã®é«ããã¶ã€ã³ããŒã«ã«ãªã£ãŠããŸããã
ä»åã®ç»å£è
ä»åã®ç»å£è
ã¯ããã¢ã«ãªã®æŸäžçµµæ¢šããã§ãã
æŸäžããã¯CSS Nite in Osakaã®äž»å¬ããAdobe XD ãŠãŒã¶ãŒã°ã«ãŒã倧éªã®äž»å¬ããããŠããæ¹ã§ãã
ä»åã¯XDã䜿ã£ãŠã¯ã€ã€ãŒãã¬ãŒã ã»ãããã¿ã€ãã®äœæãç®çã§ãXDã§é²è¡ãããŠã§ããµã€ãå¶äœãããŒ3åã®ãã¡ã®ç¬¬1åç®ã§ããã
- vol.53ãXDã§ã¯ã€ã€ãŒãã¬ãŒã ã»ãããã¿ã€ãã®äœæã
- vol.54ãã¯ã€ã€ãŒãã¬ãŒã ãããšã«XDã§ããžã¥ã¢ã«ãã¶ã€ã³ã®äœæã
- vol.55ãXDã§äœãããããŒã¿ãå ã«ã³ãŒãã£ã³ã°ã
ãããããŠXDãè§Šã£ãŠã¿ãŠ
ãããããŠXDãè§Šã£ãŠã¿ããšããšã«ããããã®ããã軜ãããšæããŸãã
Sketchã䜿ãå§ããé ã¯è»œããšæããŸããããããŸã§ãIllustratorãPhotoshopã«æ¯ã¹ããšæç¶è»œãã§ãããã¢ãŒãããŒããå¢ããŠãããšéãæããŸãã
ããã«ä»åã®ã»ãããŒãæ©äŒã«ãä»ã®æ©èœã調ã¹ãŠã¿ããšãããããã¥ã¡ã³ãå±¥æŽãæ©èœã远å ãããŠãããããå ±åç·šéããããŒã¿çã§ããã§ããããã«ãªã£ãŠããããããŒãžã§ã³ç®¡çã¢ããªã®Abstractã«ããã€ã®éã«ã察å¿ããŠããŸããïŒå ±åç·šéæ©èœãããã¥ã¡ã³ãå±¥æŽæ©èœã®ãããã§ãããããAbstractãäžèŠã«ãªãããã§ãïŒã
å°ãè§Šã£ãŠããªããã¡ã«æ©èœãã©ãã©ã远å ããããã€ã®éã«ãå¥ã®ããŒã«ã®ããã«ãªã£ãŠããXDã«é©ããããŸãããããã«ããããŸã§ããããªæ©èœã远å ããŠããªããåäœã®è»œããç¶æããŠããã®ã¯ãããããšã§ãã
ã¯ã€ã€ãŒãã¬ãŒã ã®äœæãã©ã¯ã«ãããã€ã³ã
- ã¬ã€ã¢ãŠãã°ãªããã®è²ã¯å€ããŠãã
- ãªããŒãã°ãªããã䜿ã£ãŠç»åãããã¹ãã®æµã蟌ã¿ãã©ã¯ã«ãã
- ã¢ã»ããæ©èœãããŸãå©çšãã
ã¬ã€ã¢ãŠãã°ãªããã®è²ã¯å€ããŠãã
衚瀺âã¬ã€ã¢ãŠãã°ãªããã®è¡šç€ºïŒshift + command + 'ïŒïŒœã§ã¢ãŒãããŒãã«ã°ãªããã衚瀺ã§ããŸãã
ããã©ã«ãã®ç¶æ ã ãšãã®ã¬ã€ã¢ãŠãã°ãªããã®æ°Žè²ãæ¿ãã®ã§ãå³ã®ã°ãªããããã«ããè²ãèãããŠãããŸãã
ä»ã«ããåããæ®µééãããåã®å¹ ããªã©çްããèšå®ã§ããã®ã§ãèšå®ãå¿ èŠãªå Žåã¯ããã«ããèšå®ããŸãããã
èšå®ãçµãã£ãããã°ãªããããã«ã«ãããåæèšå®ã«ããããã¿ã³ãæŒããŠãããšãã¢ãŒãããŒãã远å ãããšããåãèšå®ã䜿ãåããŸãã
ãªããŒãã°ãªããã䜿ã£ãŠç»åãããã¹ãã®æµã蟌ã¿ãã©ã¯ã«ãã
XDã®ç¹åŸŽã§ããããªããŒãã°ãªããïŒcommand + RïŒã¯ãåãèŠçŽ ãç¹°ãè¿ãããå Žåã¯å¿ ã䜿ã£ãæ¹ãããããã§ãã
èŠçŽ ããšã«ããŒãžã³ããã©ãã©ã«ãªãå¯èœæ§ããªããªããŸãããããšããããã¹ããç»åããã©ãã°ããã°äžæ°ã«èšå®ã§ããã®ã§ããªãã©ã¯ã«ãªããŸãã
ã¢ã»ããæ©èœãããŸãå©çšãã
衚瀺âã¢ã»ããïŒshift + command + YïŒïŒœã§ã¢ã»ããã®è¡šç€ºãã§ããŸãã
ã¢ã»ããã«ã¯ãã«ã©ãŒããæåã¹ã¿ã€ã«ããã³ã³ããŒãã³ããã®3çš®é¡ããããããããèŠçŽ ãéžæããç¶æ ã§ãïŒãã¢ã€ã³ã³ãã¯ãªãã¯ããŠè¿œå ããŸãã
䜿ããããšãã¯èŠçŽ ãéžæããç¶æ ã§äœ¿ãããã¢ã»ãããã¯ãªãã¯ããããã³ã³ããŒãã³ãã®å Žåã¯ãã©ãã°ã¢ã³ãããããã§ã远å ã§ããŸãã
ã«ã©ãŒãæåã¹ã¿ã€ã«ããã¡ããšç®¡çããªããå¶äœãé²ããããšã§ãäœèšãªã¹ã¿ã€ã«ãã§ããªãããã«ã§ããŸãããã³ã³ããŒãã³ãã䜿ãã°å ±éããŒãã®ç®¡çãã§ããŸãã
ãŸãããã®ãã³ã³ããŒãã³ããã¯Sketchã®ã·ã³ãã«ãšåæ§ã®ããªãŒããŒã©ã€ãæ©èœãããããããŒã¹ãšãªã芪ã³ã³ããŒãã³ãã®è²ãããã¹ããå€ããåã³ã³ããŒãã³ããäœããŸãã
䜿ãåæããããè¯ããŠãæè»œãã§èšãã°å®å šã«Sketchãè¶ ããŠããŠé©ããŸããã
ãŸãšã
ã¯ã€ã€ãŒãã¬ãŒã ã®æ®µéããã¢ã»ããæ©èœã䜿ã£ãŠãããšãã¯ã€ã€ãŒãã¬ãŒã ããããžã¥ã¢ã«ãã¶ã€ã³ãäœã£ãŠãããšãã«ã©ã¯ã«ãªããŸãããã¹ã¿ã€ã«ãæŽçããªããå¶äœã§ããã®ã§äœã£ãŠããŠæ°æã¡ãããã§ãã
æ¬åœã«æåã®ã¯ã€ã€ãŒãã¬ãŒã ããããžã¥ã¢ã«ãã¶ã€ã³ãŸã§XDã§å®çµã§ãããã§ãããã³ãŒãã£ã³ã°ããããšããã¹ã¿ã€ã«ãæŽçãããŠã³ã³ããŒãã³ãåãŸã§ããçšåºŠãããŠãããšãããããããå šç¶éããŸãã
1幎2幎çµã€ãšãã€ã®éã«ãå¥ããŒã«ã®ããã«ãªããã ãªãšãæ¹ããŠé©ããŸããã