サイトã§ãŠã—ゃれã«å‹•ç”»å†ç”Ÿï¼ã‚ªãƒªã‚¸ãƒŠãƒ«UIã®å…¨ç”»é¢å‹•ç”»ã‚’å®Ÿè£…ï¼ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作ã“ã‚“ã«ã¡ã¯ã€åˆ¶ä½œéƒ¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãºã¡ã“ã§ã™ã€‚ è¿‘é ƒå‹•ç”»ã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆåˆ¶ä½œã«é–¢ã‚らã›ã¦ã„ãŸã ã機会ã«æµã¾ã‚Œã¦ãŠã‚Šã¾ã™ãŒã€ ãŠæ¥ãšã‹ã—ãªãŒã‚‰video実装をã—ãŸã“ã¨ãŒãªã‹ã£ãŸã®ã§ã€ ã²ãŸã™ã‚‰å‹‰å¼·ä¸‰æ˜§ã§ã—ãŸã€‚ 背景ã«å‹•ç”»ã‚’使ã£ãŸã‚µã‚¤ãƒˆã‚‚ã€ä»Šã§ã¯ã ã„ã¶ã‚“主æµã«ãªã£ã¦ããŸå°è±¡ã§ã™ãŒã€ 動画を1ã¤ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã—ã¦ã€é•·ã‚ã«ã—ã£ã‹ã‚Šã¨è¼‰ã›ã¦ã„るサイトも増ãˆã¦ãã¾ã—ãŸãï¼ å‹•ç”»ã‚’å¤§äº‹ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸€éƒ¨ã¨ã™ã‚‹ã¨ã€ YouTubeã‚„Vimeoã§ç°¡æ˜“çš„ã«è¼‰ã›ã‚‹ã ã‘ã§ã¯ã©ã†ã—ã¦ã‚‚物足りãšâ€¦ã€‚ ã›ã£ã‹ããªã®ã§<video>タグを使用ã—ã¦ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ã‚„シークãƒãƒ¼ã‚’作ã£ã¦ã—ã¾ãŠã†ï¼ã¨ã„ã†ã®ãŒä»Šå›žã®è¨˜äº‹ã®å†…容ã§ã™ã€‚ ã§ã¯æ—©é€Ÿè¡Œãã¾ã—ょã†ï¼ オリジナルUIã®å…¨ç”»é¢å‹•ç”»ã‚’<video>ã§å®Ÿè£…ã™ã‚‹æ–¹æ³• JSを使用ã™ã‚Œã°videoã‚’ãŒã£ã¤ã‚Šã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã§ãã‚‹ã®ã§ã™ãŒã€ ã“ã‚ŒãŒã¾ãŸèª¿ã¹ã¦ã‚‚スクリプトãŒå‡ºã¦ãã‚‹ã°ã‹ã‚Šã§ã€
5分ã§ã‚ã‹ã‚‹UIã¨UXã®é•ã„ | Excite Designer's Blog
Animation & UI - YI
ブレãªã„アプリデザインã®ã™ã™ã‚ã‹ãŸ
ノンデザイナーãŒãƒ‡ã‚¶ã‚¤ãƒ³ã®æ–‡å¥ã‚’æ£ã—ã言ã†ãŸã‚ã®æœ¬4冊+1 - レールを外れã¦ã‚‚ã¾ã 生ãã‚‹ - コãƒãƒãƒ³ã®ãƒ–ãƒã‚°
{{#tags}}- {{label}}
{{/tags}}