[Material Design] UIè¨è¨ˆã‚’ãŠã•ã‚‰ã„ã—ãŸã„人ã®ãŸã‚ã®ãƒªãƒ³ã‚¯é›† - QiitaGoogleã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’主眼ã«ã—ãŸãƒªãƒ³ã‚¯é›†ã§ã™ã€‚ Googleå…¬å¼ Material Design 入門+コンセプト復習編 よãã‚ã‹ã‚‹ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¨è¨ˆã‚³ãƒ³ã‚»ãƒ—ト 今ã•ã‚‰èžã‘ãªã„?! 5分ã§ã‚ã‹ã‚‹ï¼ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³å…¥é–€ ã¾ãšã¯ã“ã®2ã¤ã§ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’把æ¡ã€‚図解ãŒä¸å¯§ã§ç´ 晴らã—ã„ã§ã™ã€‚ ã¯ã˜ã‚ã¦ã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³å…¥é–€ 上ã‹ã‚‰é †ã«è¦‹ã¦ã„ãã¨ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ¦‚è¦ãŒã¤ã‹ã‚ã‚‹ã¨ã„ã†ç´ 晴らã—ã„記事。 Google ã®æ–°ã—ã„デザインガイドライン「Material Designã€(Developers.io) å…¬å¼ãƒ‰ã‚ュメントã®ç¿»è¨³ã¨ã€ マテリアルデザインã®ã‚´ãƒ¼ãƒ«ã€åŸºæœ¬åŽŸå‰‡ç‰ã‚’ä¸å¯§ã«æ›¸ã„ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ マテリアルデザインをã©ã†ã‚„ã£ã¦å§‹ã‚ã‚Œã°ã„ã„ã®ã‹ï¼Ÿã¾ã§ã®è§£èª¬ä»˜ã 具体的ãªåŸºæº–数値を把æ¡ã—よã†ç·¨ アップルã¨ã‚°ãƒ¼ã‚°ãƒ«ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«å¦ã¶ã‚¹ãƒžãƒ›Webデザインã®è¦ç‚¹ï¼ˆã‚¹ãƒ©ã‚¤ãƒ‰ä»˜ï¼‰ iOSヒ
![[Material Design] UIè¨è¨ˆã‚’ãŠã•ã‚‰ã„ã—ãŸã„人ã®ãŸã‚ã®ãƒªãƒ³ã‚¯é›† - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/168f831288b935c402f8ece511d4c6f42d730bbb/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNTMzMDMlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2OTMwMTg_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9NTdlMmNkZWY1NjU0NGI1NjUwNGE5NzI5ZGFmYjY2N2Q%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dc443235733a6ea9ddca896f4b7187631%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCTWF0ZXJpYWwlMjBEZXNpZ24lNUQlMjBVSSVFOCVBOCVBRCVFOCVBOCU4OCVFMyU4MiU5MiVFMyU4MSU4QSVFMyU4MSU5NSVFMyU4MiU4OSVFMyU4MSU4NCVFMyU4MSU5NyVFMyU4MSU5RiVFMyU4MSU4NCVFNCVCQSVCQSVFMyU4MSVBRSVFMyU4MSU5RiVFMyU4MiU4MSVFMyU4MSVBRSVFMyU4MyVBQSVFMyU4MyVCMyVFMyU4MiVBRiVFOSU5QiU4NiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWRiZGNhMGQ3MjlmZTYwYWM5ZjFhZDJmMzc1OWFlOTk3%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBUYW1paXkmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1mMzlmZjA3NDJjMWRlYjM3YTQwNzllMDYxMjYwOTAyMg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D822036866b2e090e436ff523df104b49)
スマホUI考（番外編） UIã‚„UXを劇的ã«æ”¹å–„ã™ã‚‹ã€ã€Žãƒ“ッグオー駆動型開発ã€ã¨ã¯ | fladdict
50代以é™ã‚’ターゲットã«ã—ãŸWebサイトã®UI事例 | hi-posi Front-End blog
ソシオメディア | 書å¼ãƒ—ãƒãƒ³ãƒ—ト
アイコンデザインã®å‚考ã«ã€‚Googleã®UIパーツ・ガイドライン資料 | ビジュアルシンã‚ング
Googleã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³æ€æƒ³ã‚’å¦ã¶ - BRIDGE（ブリッジ）テクノãƒã‚¸ãƒ¼ï¼†ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—æƒ…å ±
最先端ã®ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’サイトã«å°Žå…¥ã™ã‚‹æ–¹æ³• | LISKUL
2.5dBUTTON - NOHT CO.,LTD.
{{#tags}}- {{label}}
{{/tags}}