Font Awesome(ãã©ã³ã ãªã¼ãµã )ããã使ãã¾ããFont Awesomeã¯ãã¯ãããã©ã³ãã¨ãã¦è¡¨ç¤ºãããã¨ã®ã§ãããã¼ã«ã§ããåºæ¬ãæåã¨åããªã®ã§ãµã¤ãºãå¤ããããè²ãå¤ãããã使ãæ¹ã«ãã£ã¦ã¯éããããåããã¤ãããã¨ãå¯è½ã§ãã ãã¯ãã¦ã®ã¯ãããªå¥´ã§ãããããããããã Font Awesome ã§ããã¼ã ãã¼ã¸ã®ãã¶ã¤ã³ä½ãã¨ããå½ç¶çµã¿è¾¼ãããã§ãããã¶ã¤ã³ããæã¯PhotoshopãAdobe XDã使ãã¾ããPhotoshopã¯ã¨ã¯ã¹ãã³ã·ã§ã³ã使ã£ã¦çµã¿ãããã®ã§ãããAdobe XDã§ã¯ã¾ã ãã®ãããªã¨ã¯ã¹ãã³ã·ã§ã³ããªãã£ãã®ã§èª¿ã¹ã¦ã¿ã¾ãããçµæãã¹ãã¼ãã§ã¯ãªãã®ã ãã©å©ç¨ã§ããããã«ãªãã¾ãããXDã¯ããããæ¡å¼µæ©è½ãããããåºã¦ãããããã®ã§ããã¾ã§ã®ç¹ãã¨ãã¦ã å ã¿ã«ç°å¢ã¯Macã§ããXDããã¦ã³ãã¼ãããFont Awesomeã2018
ååã®è¨äºã§ã¯ãAdobe XDã使ã£ã¦ãã¶ã¤ã³ã¬ã¤ããä½æããç»é²ããã«ã©ã¼ãã³ã³ãã¼ãã³ãã«ã¯ããã¶ã¤ã³ãã¼ã¯ã³ãã¨ãã¦ååãä»ãã¾ãããä»åã¯ããã¶ã¤ã³ãã¼ã¯ã³ã使ã£ã¦ããã¶ã¤ã³ã¬ã¤ãã¨Bootstrapãé£æºãããæ¹æ³ãç´¹ä»ãã¾ãã é£æºæ¹æ³ã¯ã·ã³ãã«ã§ãããã ãBootstrapã®æ§æãç解ããã¦ããªããã¨ã«ã¯å§ã¾ãã¾ãããæåã«ãé£æºæ¹æ³ãç解ããã®ã«å¿ è¦ãªBootstrapã®åºæ¬ã説æãã¦ããã¾ãã Bootstrapã®åºæ¬æ§æ Bootstrapã¯ãCSSã¡ã¿è¨èªã§ããSCSSãç¨ãã¦ç®¡çããã¦ãã¾ãï¼2020å¹´1ææç¹ï¼ãSCSSã¯ãå°ãªãä¿®æ£ã§å¤ãã®ç®æã®å¤æ´ãã§ããã·ã¹ãã ãæ§ç¯ã§ãã¾ããBootstrapãCSSã®è¨è¿°éã¯è¨å¤§ã§ãããSCSSãä¿®æ£ããã°ç°¡åã«æ§ã ãªç®æã®å¤æ´ãè¡ããããã«ãªã£ã¦ãã¾ãããã®è¨äºããç´¹ä»ããå®ä¾ã¯SCSSã®ä¿®æ£ã«ããBootstrap
Adobe XDã§ã¯ãã®åº¦ã1ã¤ã®ããã¸ã§ã¯ããã¡ã¤ã«ä¸ã«è¤æ°ã®ãã¶ã¤ã³ããã¼ãä½æãã¦å ±æã§ããããã«ãªãã¾ããããã®æ°æ©è½ããã«ãããã¼ãã使ãã°ããã¶ã¤ã³ã®ç°ãªããã¼ã¸ã§ã³ãããã¨ãããããã®å復çãªç®¡çä½æ¥ãæ¸ãããæ¬æ¥ã®ãã¶ã¤ã³ã«ããå¤ãã®æéãå²ããã¨ãã§ãã¾ãã 1ã¤ã®ãã¶ã¤ã³ã®ç°ãªããã¼ã¸ã§ã³ãããã¤ãä½æãããããããç°ãªã人ã ã«å ±æãããã¨ã¯ããããã¾ããåæ段éã®è¤æ°ã®ãã©ããããã¼ã å ã§å ±æãããã¯ã©ã¤ã¢ã³ãã®ããã«ã¬ãã¥ã¼ãã¦ã»ãããã¤ã³ãããã©ãããã©ã¼ã ãè¨èªãªã©ãç°ãªãè¤æ°æ¡ãä½æããã¨ãã£ãã±ã¼ã¹ãããã«ãããã¾ããã»ã¨ãã©ã®ãã¼ã«ã§ã¯ããã®ããã«ãã¶ã¤ã³ãè¤æ°ã®ãã¼ã¸ããã¡ã¤ã«ã«åå²ããªããã°ãªãã¾ãããã¨ããããç°ãªããã¼ã¸ã§ã³ã§åä¸ã®ç»é¢ãå ±ç¨ããå ´åããã®ç»é¢ã®è¤è£½ãä½ããããã«å¤æ´ãå ãããã³ã«å ¨ãã¼ã¸ã§ã³ã§åæãã¨ãããã®æ´æ°ä½æ¥ãçºçãã¾ãã
Adobe XDã®2020å¹´8æã®ã¢ãããã¼ãã§ã¯ãããã«ãããã¼ããæè¼ããã¾ããã ããã«ãããã¼ãã¨ã¯ãè¤æ°ã®ãããã¿ã¤ãã®ããã¼ãè¨å®ã§ããæ©è½ã§ãããããã¿ã¤ããçç±ã«ããã¹ã¯ãããã¨ã¹ãã¼ããã©ã³ã®ãã¶ã¤ã³ãå¥ã ã®ãã¡ã¤ã«ã§ç®¡çããå¿ è¦ããªããªãä»ãã¦ã¼ã¶ã¼ã®æµå ¥çµè·¯ã«ãã表示åãæ¿ããªã©ããããã¿ã¤ããããããªãã¾ãã ãããã¿ã¤ããããã«ç°¡åã§ç®¡çããããæ©è½ã«ãªãã¾ãã®ã§ããã¶ã¤ãã¼ã»ãã£ã¬ã¯ã¿ã¼ã«ã¯ã¨ã¦ãå¬ããæ©è½ã§ãï¼ããã§ã¯ãããã«ãããã¼ãã®ä½¿ãæ¹ã¨æ³¨æç¹ãç´¹ä»ãã¾ãã ãã«ãããã¼ã¨ã¯ åè¿°ã®éãããã«ãããã¼ã¨ã¯1ã¤ã®ãã¡ã¤ã«å ã§è¤æ°ã®ãããã¿ã¤ãã®ããã¼ãè¨å®ã§ããæ©è½ã§ãã ä»ã¾ã§ã®XDã§ã¯1ãã¡ã¤ã«ã®ä¸ã§ç®¡çã§ãããããã¿ã¤ãã®ããã¼ã¯1ã¤ã§ããããã®ããããã¹ã¯ãããã¨ã¿ãã¬ãããã¹ãã¼ããã©ã³ã®ãã¶ã¤ã³ãåããã¡ã¤ã«ã§ä½ã£ã¦ããã¨å ±æãªã³ã¯ã®ä½æãæ´
Webãµã¤ããã¹ããã¢ããªã®ãã¶ã¤ã³ã§éè¦ãªã®ã¯ãåä¸ã®ç»é¢ã§ã¯ãªããã¦ã¼ã¶ã¼ãã©ã®ããã«é·ç§»ãããå ¨ä½ã®æµããéãã¦ç»é¢ããã¶ã¤ã³ãããã¨ã ããããã¦ã¼ã¶ã¼ããã¼ããããã¿ã¤ããä½æããã®ã¯ããªããªãé¢åã§ãã Sketchï¼Photoshop, Adobe XDã«ã対å¿äºå®ï¼ãã¡ã¤ã«ããã¢ã¼ããã¼ããèªååæããã¦ã¼ã¶ã¼ããã¼ã¨ãããã¿ã¤ããç°¡åã«çæéã§ä½æã§ãããã¼ã«ãç´¹ä»ãã¾ãã ç¾å¨ã¯ãã¼ã¿çã§macOSã®ã¿ã§ãããWindowsçã®ãªãªã¼ã¹ãäºå®ããã¦ãã¾ãã Overflow Overflowã®ç¹å¾´ Overflowã®ãã¦ã³ãã¼ã Overflowã®ä½¿ãæ¹ Overflowã®ç¹å¾´ Overflowã¯ãã¦ã¼ã¶ã¼ããã¼ã¨ãããã¿ã¤ããç°¡åã«ä½æãããã¨ãã§ãããã¹ã¯ãããç¨ã®ãã¼ã«ã§ãã ãªã³ã©ã¤ã³ãã¼ã«ã§ã¯ãªãã®ã§ãå®å¿ãã¦å©ç¨ã§ããã¨æãã¾ãã ã¦ã¼ã¶ã¼ããã¼ã®ä½æ Ov
Adobe XDã£ã¦ãã©ããããæ®åãã¦ãããã§ãããï¼ ä»äºæãAdobe CCã¯æ¯æ¥ä½¿ã£ã¦ãã®ã§ãããä»ã¯ã¾ã XDãç»å ´ãããã¨ã¯ãããªã«ããã¾ããã å¤é¨ããããã ãæ¯çµ¦ãã¡ã¤ã«ã«XDãã¡ãã»ãæ··ããå§ãã¦ããªã¼â¦ãããã§ãã ããã§ããIllustratorãPhotoshop並ã«ããã¼ã«ä½¿ãæ¥ã¯å¤åãã£ã¦ããã ãããªã¨ã¯æã£ã¦ãã¾ããã ä»åã¡ãã£ã¨æ¬è °å ¥ãã¦æä½ãã¦ã¿ãã®ã§ããã 触ã£ã¦ã¿ãçç´ãªæè¦ã¯ããæ©ã使ã£ã¦ããã°ããã£ãï¼ã¨ãã人ã¨ãæ©ä¼ãããã°ä½¿ãã®ãããããªãã¨ãã人ã«ä»ã®ã¨ããåãããããã§ãã ï¼ç§ã¯ã©ã£ã¡ãã¨ããã¨å¾è ã§ããï¼ ã¨ããã®ããæ±ã£ã¦ããå¶ä½ç©ã®æ§è³ªããä¼ç¤¾ã®è¦æ¨¡ãå½¹å²åæ ãªã©ã«ãã£ã¦ãå¿ è¦ã«ãªãããªããªããã決ã¾ã£ã¦ããã ãããªãã¨æã£ãããã§ãã ã ãããç¡çã«ç¾å¨ã®æ¥åããã¼ã«åãå ¥ããå¿ è¦ã¯ãªãã¦ãå¿ è¦ãªæ¡ä»¶ãããã°ä½¿ãã°ããã¨ããæãã§
å æ¥ã®Adobe MAX 2019ã§çºè¡¨ããã£ãããã«ãAdobe XD ã«ãªã¢ã«ã¿ã¤ã ã§å ±åä½æ¥ã®æ©è½ãä»ãã¾ããã 以åãã1ã¤ã®XDãã¡ã¤ã«ãè¤æ°äººã®ãã¶ã¤ãã¼ã触ãæ©ä¼ãå¼ç¤¾ã§ã¯å¤ãã£ãã®ã§ã ãã®æ©è½ã¯å¾ æã§ããã ãããã Adobe XD ã¨ã¯ï¼ ãAdobe XDã¯ãå ±åä½æ¥ãä¿é²ãããã¯ãã«ã§ä½¿ãããããã©ãããã©ã¼ã ãwebãµã¤ããã¢ãã¤ã«ã¢ããªãé³å£°ã¤ã³ã¿ã¼ãã§ã¤ã¹ãã²ã¼ã ãªã©ã®ãã¶ã¤ã³å¶ä½ããã¼ã å ¨ä½ã§ã¹ã ã¼ãºã«ãããªããã¨ãã§ãã¾ãã ãï¼å ¬å¼ãµã¤ãããï¼ ãã£ããããã¨ã ãã¶ã¤ã³ã«ã³ã/ã¯ã¤ã¤ã¼ãã¬ã¼ã ã®ä½æ ãã¶ã¤ã³ã«ã³ã/ã¯ã¤ã¤ã¼ãã¬ã¼ã ã«é·ç§»ãæåãä»å ææç©ããªã³ã©ã¤ã³ä¸ã§ã¹ãã¼ã¯ãã«ãã¼ã«å ±æ ã¨ãã£ãUI/UX確èªç¨ã¢ãã¯ã¢ããä½æãã¼ã«ã«ãªã£ã¦ãã¾ãã 使ç¨æã¨ãã¦ã¯ãã¯ã¼ãã¤ã³ããæãã£ãAdobe Fireworksã®æ§ã«ç´æçã«æä½ã§ãã
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}