[B! Material] ryoatnetã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ryoatnet id:ryoatnet

Materialã«é–¢ã™ã‚‹ryoatnetã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®ã‚«ãƒ©ãƒ¼ãƒãƒ£ãƒ¼ãƒˆãŒæ‰‹ã«å…¥ã‚‹ã‚µã‚¤ãƒˆã€ŒMaterial UI Colorsã€ | ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ãƒ³
ã€ŒMaterial UI Colorsã€ã¯ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®ã‚«ãƒ©ãƒ¼ãƒãƒ£ãƒ¼ãƒˆãŒæ‰‹ã«å…¥ã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«åˆã†è‰²ã‚’ã™ãã«æŽ¢ã™ã“ã¨ãŒã§ãã‚‹ã®ã§ä¾¿åˆ©ã§ã™ã‚ˆã€‚ãã®å ´ã§ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã®ã‚³ãƒ”ãƒ¼ã‚‚è¡Œãˆã¾ã™ã€‚ ä»¥ä¸‹ã«ä½¿ã£ã¦ã¿ãŸæ§˜åã‚’è¼‰ã›ã¦ãŠãã¾ã™ã€‚ã¾ãšMaterial UI Colorsã¸ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ã‚‡ã†ã€‚ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«ã¯åŸºæœ¬è‰²ã¨ãªã‚‹è‰²ãŒä¸€è¦§ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ãã®ä¸ã‹ã‚‰å¥½ã¿ã®è‰²ã‚’é¸ã¶ã¨é¡žä¼¼è‰²ãŒä¸€è¦§ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚è‰²ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’ã‚³ãƒ”ãƒ¼ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã‚ˆã€‚RGBãªã©ä»–ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚‚ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ãœã²ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®è‰²é¸ã³ã«å›°ã£ãŸã‚‰å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ Material UI Colors ï¼ˆã‚«ãƒ¡ãã¡ï¼‰
ryoatnet 2015/09/20
Material

ã‚µã‚¤ãƒˆ

ãƒ‡ã‚¶ã‚¤ãƒ³

ã‚«ãƒ©ãƒ¼
ãƒªãƒ³ã‚¯
Flipsblog.jp
ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ä¸Šã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒãƒ¯ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ãªã£ãŸã‚Šã€ç…®è©°ã¾ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã‚“ãªæ™‚ã€Instagram ã‚’ä½¿ã‚ãªã„æ‰‹ã¯ã‚ã‚Šã¾ã›ã‚“ä¸–ç•Œä¸ã®ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³æº¢ã‚Œã‚‹ã‚¢ãƒ¼ãƒˆç³»ã®ç™ºä¿¡ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒãŸãã•ã‚“å‚ç…§ã§ãã¾ã™æœ¬è¨˜äº‹ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ’ãƒ³ãƒˆã«ãªã‚‹ã“ã¨é–“é•ã„ãªã—ã®æµ·å¤–ã®ã‚¢ãƒ¼ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã® Instagram ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚
ryoatnet 2015/07/31
Material

Color

é…è‰²
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
ryoatnet 2014/12/19
ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³

Material

Google

material design
ãƒªãƒ³ã‚¯
æœ€è¿‘ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã§æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ72ç¨®é¡žã‚’åŽéŒ²ã—ãŸç„¡æ–™ã®UIç´ æï¼ˆPSD, AI, Sketchï¼‰ -UI Tiles
æœ€è¿‘ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ˆãåˆ©ç”¨ã•ã‚Œã‚‹1ã‚«ãƒ©ãƒ ã€2ã‚«ãƒ©ãƒ ã€3ã‚«ãƒ©ãƒ ã€ã‚«ãƒ¼ãƒ‰åž‹ã€ãƒœãƒ¼ãƒ‰åž‹ã®åŸºæœ¬çš„ãªã‚°ãƒªãƒƒãƒ‰ã‚’ã¯ã˜ã‚ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã€ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã€ã‚«ãƒ¼ãƒˆã€FAQã€ã‚³ãƒ³ã‚¿ã‚¯ãƒˆã€ãƒžãƒƒãƒ—ãªã©ã€ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç”¨æ„ã•ã‚ŒãŸãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚„ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’ä½œæˆã™ã‚‹ãŸã‚ã®ç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ UI Titles UI TILES: WEBSITE FLOWCHARTS ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ç´ æã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã€4ç¨®é¡žã€‚ .psdï¼ˆ72ç¨®é¡žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ãƒãƒ£ãƒ¼ãƒˆï¼‰ .aiï¼ˆ72ç¨®é¡žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ãƒãƒ£ãƒ¼ãƒˆï¼‰ .sketchï¼ˆ72ç¨®é¡žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ãƒãƒ£ãƒ¼ãƒˆï¼‰ .pngï¼ˆ72ç¨®é¡žã®å„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼‰ å„ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã«ã¯ãã‚Œãžã‚Œ72ç¨®é¡žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ãƒãƒ£ãƒ¼ãƒˆãŒæƒã£ã¦ãŠã‚Šã€ãƒ¯ã‚¤ãƒ¤ãƒ•ãƒ¬ãƒ¼ãƒ ã‚„ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚„ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã¨ã—ã¦åˆ©ç”¨ã§ãã¾ã™ã€‚
ryoatnet 2014/12/09
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ãƒ‡ã‚¶ã‚¤ãƒ³

ç´ æ

Material
ãƒªãƒ³ã‚¯
Androidç‰ˆã€Œãƒžãƒãƒ¼ãƒ•ã‚©ãƒ¯ãƒ¼ãƒ‰ã€ã‚’ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã—ãŸã¨ãã®ã‚ã‚Œã“ã‚Œ - Money Forward Developers Blog
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®é»’ç”°ã§ã™ã€‚ ã“ã®åº¦Androidç‰ˆã€Œãƒžãƒãƒ¼ãƒ•ã‚©ãƒ¯ãƒ¼ãƒ‰ã€ã‚¢ãƒ—ãƒªã‚’ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãƒ•ãƒ«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸã€‚ ãã—ã¦ãªã‚“ã¨ï¼ï¼ï¼ ãŠã‹ã’ã•ã¾ã§GooglePlayã®ã€Œ2014å¹´ãƒ™ã‚¹ãƒˆã‚¢ãƒ—ãƒªã€ã«é¸å‡ºã„ãŸã ãã¾ã—ãŸï¼ GooglePlay 2014å¹´ãƒ™ã‚¹ãƒˆã‚¢ãƒ—ãƒª ã‚¢ãƒ—ãƒªã®DLã¯ã“ã¡ã‚‰ã‹ã‚‰ å®¶è¨ˆç°¿ãƒžãƒãƒ¼ãƒ•ã‚©ãƒ¯ãƒ¼ãƒ‰ã€æŠ•è³‡ãƒ»è³‡ç”£ç®¡ç†ã€‘ ã“ã®è¨˜äº‹ã§ã¯ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã™ã‚‹ã«ã‚ãŸã‚Šã€è€ƒãˆãŸã“ã¨ã‚„å®Ÿéš›ã«æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã€ä½¿ã£ãŸãƒ„ãƒ¼ãƒ«ãªã©ã‚ã‚Œã“ã‚Œã¨æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯GoogleãŒç™ºè¡¨ã—ãŸæ–°ãŸãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã§ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ã«é™ã‚‰ãšã€AndroidWearã‚„AndroidTVãªã©æ§˜ã€…ãªãƒ‡ãƒã‚¤ã‚¹ã§ã‚‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å¯¾ã—ã¦åŒã˜ä½“é¨“ã‚’æä¾›ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ç´°ã‹ã„èª¬æ˜Žã¯å‰²æ„›ã—ã¾ã™ãŒã€Google Mapã‚„GMailãª
ryoatnet 2014/12/05
google

android

Material

design
ãƒªãƒ³ã‚¯
Material Design ã‚’å…¨åŠ›ã§å–ã‚Šè¾¼ã‚“ã ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒªãƒ¼ãƒ€ãƒ¼ã‚’ä½œã£ã¦ã¿ãŸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã¯ã˜ã‚ã« ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®ã‚«ãƒ†ã‚´ãƒªã‚’ã‚¹ãƒ¯ã‚¤ãƒ—ã§ã‚·ãƒ¥ãƒƒã‚·ãƒ¥ãƒƒã¨åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹ã‚¢ãƒ—ãƒªãŒã‚ã£ãŸã‚‰ä½¿ã„ã‚„ã™ã„ã‹ãªãã€ã¨ã„ã†ã“ã¨ã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ Material Design ã®ã‚¨ãƒƒã‚»ãƒ³ã‚¹ã‚’ã§ãã‚‹é™ã‚Šå–ã‚Šå…¥ã‚Œã¾ã—ãŸã®ã§ã€æ³¨æ„ã—ãŸç‚¹ãªã©ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ç¾è¡Œã®ã‚¢ãƒ—ãƒªã«å°Žå…¥ã§ãã‚‹å†…å®¹ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã®ã§ã€å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ï¼ˆè¿½è¨˜ï¼‰ã€ŒéšŽå±¤ã€ã®æ¦‚å¿µã€å®Ÿè£…ã‚³ã‚¹ãƒˆã®é«˜ã„ã‚‚ã®ã«ã¤ã„ã¦ã¯ã€å®Ÿè£…ã®å¯¾è±¡å¤–ã¨ã—ã¦ãŠã‚Šã¾ã™ã€‚ ï¼ˆå†è¿½è¨˜ï¼‰ã‚¿ãƒ–ãƒãƒ¼ã€ãƒˆãƒƒãƒ—ãƒãƒ¼ã®ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«åˆã‚ã›ã¦ã‚·ãƒ£ãƒ‰ãƒ¼ã‚’è¡¨ç¤ºã™ã‚‹å¤‰æ›´ã‚’ã—ã¾ã—ãŸã€‚ ã‚¢ãƒ—ãƒªã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ã”æŒ‡æ‘˜ã‚„ã”è¦æœ›ãªã©ã‚
ryoatnet 2014/10/09
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

Material

design

android

ux

ui
ãƒªãƒ³ã‚¯
ä½œæ¥åŠ¹çŽ‡ã‚’ã‚¢ãƒƒãƒ—ã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ ãƒ‡ã‚¶ã‚¤ãƒ³UIã‚ãƒƒãƒˆã¾ã¨ã‚ã€Œ50 Fantastic And Free Web UI Kitsã€
TOPÂ Â >Â Â DesignÂ Â >Â Â ä½œæ¥åŠ¹çŽ‡ã‚’ã‚¢ãƒƒãƒ—ã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ ãƒ‡ã‚¶ã‚¤ãƒ³UIã‚ãƒƒãƒˆã¾ã¨ã‚ã€Œ50 Fantastic And Free Web UI Kitsã€ webã‚µã‚¤ãƒˆã‚’1ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨æ™‚é–“ãŒã‹ã‹ã£ã¦ã—ã¾ã„ã¾ã™ãŒã€ãƒ•ãƒªãƒ¼ã®UIã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ä½œæ¥åŠ¹çŽ‡ã‚’æ ¼æ®µã«ã‚¢ãƒƒãƒ—ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãã‚“ãªæ™‚ã«ä¾¿åˆ©ãªUIã‚ãƒƒãƒˆã¾ã¨ã‚ã€Œ50 Fantastic And Free Web UI Kitsã€ã‚’ä»Šå›žã¯ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ï¼ˆDribbble â€“ Flat UI kit (psd) by Hugoï¼‰ ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¤ã‚¹ãƒˆãƒ»ç¨®é¡žã®UIã‚ãƒƒãƒˆãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã®ã§ä¸‹è¨˜ã‚ˆã‚Šã”è¦§ãã ã•ã„ã€‚ è©³ã—ãã¯ä»¥ä¸‹ Free PSD: Dark Gloss UI Kit | | FreeUIKits.comFreeUIKits.com ç«‹ä½“çš„ã§ãƒªã‚¢ãƒ«ãªè³ªæ„Ÿ
ryoatnet 2014/05/13
ui

ãƒ‡ã‚¶ã‚¤ãƒ³

PSD

Material

design
ãƒªãƒ³ã‚¯
1