illustratorã§UIデザイン：è¨å®šç·¨ - Two hatsFireworksã®ãƒ˜ãƒ“ーユーザーã ã£ãŸã®ã§ã€ãƒ‡ã‚£ã‚¹ã‚³ãƒ³ã«ãªã£ã¦ã‹ã‚‰UI作æˆã®ãƒ„ールをã©ã‚Œã«ã—ãŸã‚‰ã„ã„ã‹ãŒæ‚©ã¿ã§ã—ãŸã€‚ Fireworksã®å‰ã¯Photoshopã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¡Œã£ã¦ã„ãŸã®ã§ã™ãŒã€Fireworksã®åŠ¹çŽ‡è‰¯ã•ã«æ…£ã‚Œã¦ã—ã¾ã†ã¨Photoshopã«ã¯æˆ»ã‚ŠãŸããªããªã‚Šã¾ã—ãŸã€‚ä»–ã«è‰¯ã„ツールãŒãªã„ã‚‚ã®ã‹ãƒ»ãƒ»ãƒ»ã¨æ€ã„ã¤ã¤ã€ã¨ã‚Šã‚ãˆãšã¾ã 使ãˆã‚‹ã®ã§Fireworksを使ã£ã¦ã„ã¾ã—ãŸã€‚ ã§ã™ãŒã€ãƒ‡ã‚£ã‚¹ã‚³ãƒ³ã«ãªã‚‹ä»¥ä¸Šåˆ¥ã®ãƒ„ールを探ã•ãªã„ã¨ã„ã‘ãªã„ã®ã§ã€æ”¹ã‚ã¦Photoshopã¨illustratorã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸã¨ã“ã‚ã€illustratorã®è¨å®šã‚’é©åˆ‡ã«è¡Œãˆã°Fireworksãƒãƒƒã‚¯ã«æ“作ã§ãã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã—ãŸã€‚ 今回ã¯illustratorã§UIデザインカンプを作る際ã®è¨å®šã«ã¤ã„ã¦æ›¸ã“ã†ã¨æ€ã„ã¾ã™ã€‚Webデザインã§ã‚‚ã»ã¼åŒã˜è¨å®šã§å¤§ä¸ˆå¤«ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ã¡ãªã¿ã«è‡ªåˆ†ã®ill
ãƒã‚´ã‚’デザインã™ã‚‹ã¨ãã®8ã¤ã®ãƒ«ãƒ¼ãƒ« – creamu
https://design-spice.com/2012/06/13/responsive-web-design-image/
様々ãªãƒ¢ãƒã‚¤ãƒ«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãŒç¢ºèªå‡ºæ¥ã‚‹ã€ŒMobileTuxedoã€ãŒç†±ã„
背景画åƒã‚’アニメーションã•ã›ã‚‹ã€ŒbackgroundPosition.jsã€ï½œLabPad （ラボパッド）
scrollsmoothly.jsã‚’æ›´æ–°ã—ã¾ã—㟠- KAZUMiX memo
jQueryã§æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚µã‚¤ãƒˆã‚’作る方法
æ–°ç€è¨˜äº‹
{{#tags}}- {{label}}
{{/tags}}