Webページやスマホアプリã®UIデザイン・モックアップãŒç°¡å˜ã«ï¼Adobe XDã®ãƒ—ラグイン「Spectrumã€ãŒä¾¿åˆ©Webページやスマホアプリã®UIデザインã§ã€ä¸€è²«ã—ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ»ãƒ†ãƒ¼ãƒžãƒ»ã‚«ãƒ©ãƒ¼ãƒ»ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ»ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã‚’作æˆãƒ»ç®¡ç†ã§ãã‚‹Adobe XDã®ç„¡æ–™ãƒ—ラグイン「Spectrumã€ã‚’è¨è¨ˆã—ãŸAdobeã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ・デザインマãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã®è§£èª¬è¨˜äº‹ã‚’紹介ã—ã¾ã™ã€‚ Spectrum for Adobe XD: Adobe’s design language in its experience design tool by Jacob Frank 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« Spectrumã®æ©Ÿèƒ½ã¨é–‹ç™ºã—ãŸçµŒç·¯ Spectrumを使用ã—ãŸçµæžœ Spectrumã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³• Spectrumã®ä»Šå¾Œã®æ©Ÿèƒ½ ã”æ„見をãŠèžã‹ã›ãã ã•ã„ ã¯ã˜ã‚㫠アドビã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã§ã‚ã‚‹Spectrumã¯ã€5å¹´å‰
CSSã§ã€buttonè¦ç´ ã¨inputè¦ç´ ã®ãƒ†ã‚ストを美ã—ãæƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ã“ã‚“ãªã“ã¨ãŒã§ãã‚‹ã‚“ã ï¼CSSã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’ç ´ç·šã‚„ç‚¹ç·šã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
{{#tags}}- {{label}}
{{/tags}}