よãã‚ã‹ã‚‹ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¨è¨ˆã‚³ãƒ³ã‚»ãƒ—ト | fladdictiPhoneã¨Androidã§ã¯iPhoneã®ã»ã†ãŒè‰¯ãã§ãã¦ã„ã‚‹ãŒã€iOSã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¨Androidã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯å¾Œè€…ã®è¨è¨ˆãŒå„ªã‚Œã¦ã„る。マテリアルデザインã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ãŒé«˜ã„レベルã§èžåˆã—ã¦ã„ã¦ã€ãƒã‚¸ã‚«ãƒ«ã§éžå¸¸ã«ç¾Žã—ã„。 以下ã€è‡ªåˆ†ã®ç†è§£ã‚’ã¾ã¨ã‚ãŸãƒ¡ãƒ¢ã€‚ ç´™ã¨ã‚¤ãƒ³ã‚¯ マテリアルデザインã¯ã€Œãƒšãƒ¼ãƒ‘ーã€ã¨ã€Œã‚¤ãƒ³ã‚¯ã€ã®ãƒ¡ã‚¿ãƒ•ã‚¡ãƒ¼ã§ã§ãã¦ã„る。 ペーパーã®ç‰¹å¾´ ãƒãƒ¼ã‚„ボタンã¨ã„ã£ãŸç”»é¢ä¸Šã®UIコンãƒãƒ¼ãƒãƒ³ãƒˆã¯ã€ãƒãƒ¼ãƒãƒ£ãƒ«ãªç´™ã§ã§ããŸã‚«ãƒ¼ãƒ‰ã¨è€ƒãˆã‚‹ã€‚ã¾ãŸã€ã“ã®ãƒšãƒ¼ãƒ‘ーã¯1dpã®åŽšã•ã‚’æŒã£ã¦ã„る。 ペーパーã¯ç´”白ã®çŸ©å½¢ã€ã‚ã‚‹ã„ã¯ã‚·ãƒ³ãƒ—ルãªå††å½¢ã§ã‚る。三角や星型ã¨ã„ã£ãŸè¤‡é›‘ãªå½¢ã¯ã¨ã‚‰ãªã„。ãã®ã‚ˆã†ãªè¤‡é›‘ãªå½¢çŠ¶ã‚„模様ã¯ã‚¤ãƒ³ã‚¯ãŒæ‹…当ã™ã‚‹ã€‚ ç¾å®Ÿã¨ã“ã¨ãªã‚Šã€ã“ã®ãƒšãƒ¼ãƒ‘ーã¯è‡ªç”±ã«ä¼¸ç¸®ã™ã‚‹ã“ã¨ãŒã§ãる。 マテリアルデザインã«ãŠã‘るレイアウトã¯ã€è¤‡æ•°ã®ãƒšãƒ¼ãƒ‘ーを並ã¹ãŸã‚Šã€é‡ããŸ
マテリアルデザインを用ã„ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ« [フリル編]![マテリアルデザインを用ã„ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ« [フリル編]](https://cdn-ak-scissors.b.st-hatena.com/image/square/76b9f2cd58f69ba8f3d551f88dcafb865fb05912/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fdroidkaigi-150425032816-conversion-gate02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
マテリアルデザインå‚考
Material Palette - Material Design Color Palette Generator
{{#tags}}- {{label}}
{{/tags}}