[B! ui][design] flatbirdã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

flatbird id:flatbird

uiã¨designã«é–¢ã™ã‚‹flatbirdã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14)

${{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}}

UIã‚»ãƒ³ã‚¹ãŒå£Šæ»…çš„ãªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒãã‚Œã£ã½ã„webã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ãŸã‚ã«ä½¿ã£ãŸç„¡æ–™UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã¾ã¨ã‚ã¦ãŠã - Qiita
ä»•äº‹ã®å‚ã‚‰ã€æš‡ã¤ã¶ã—ã¨ã‹ã§webã‚¢ãƒ—ãƒªã‚’æ§‹ç¯‰ã—ãŸã‚Šã™ã‚‹ã‚ã‘ã§ã™ãŒã€ã©ã†ã«ã‚‚UIã‚»ãƒ³ã‚¹ãŒãªã•ã™ãŽã¦ã€ã‚«ãƒƒã‚³ã‚¤ã‚¤ã‚µã‚¤ãƒˆã¨ã‹ã‚’å‚è€ƒã«çœŸä¼¼ã—ãŸã‚Šã—ã¦ã‚‚ã€ãªãœã‹è‡ªåˆ†ã§ã‚¢ãƒ¬ãƒ³ã‚¸ã™ã‚‹ã¨ã¨ã¦ã¤ã‚‚ãªããƒ€ã‚µããªã‚‹ã€ã¨ã„ã†ã“ã¨ã‚’ç¹°ã‚Šè¿”ã—ã¦ãã¾ã—ãŸã€‚ ã§ã€ã‚‚ã†ã“ã†ãªã£ãŸã‚‰è‡ªåˆ†ã§è€ƒãˆãšã«ã€ã™ã¹ã¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«é ¼ã‚ã†ï¼ã¨æ€ã£ã¦webã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã—ãŸæ™‚ã«ä½¿ã£ãŸcssã‚„jsã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã‚“ã‹ã‚’ã€ç°¡å˜ãªã‚³ãƒ¡ãƒ³ãƒˆæ·»ãˆã¦ã¾ã¨ã‚ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ cssè‡ªåˆ†ã§ä¸€åˆ‡æ›¸ã‹ãªãã¦ã‚‚ã€ã“ã®ãã‚‰ã„ã®UIã¾ã§ã¯ã„ã‘ãã†ã§ã™ã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Bootstrap ãƒ™ãƒ¼ã‚¹ã¯twitter bootstrapã®æ©æµã«æŽˆã‹ã‚Šã¾ã™ã€‚ GoogleMaterialDesignLiteã‚‚è¦‹ãŸç›®ã¯ã‹ã£ã“ã„ã„ã‚“ã§ã™ãŒã€è‰²ã€…ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒãŸã‚Šãªã‹ã£ãŸã‚Šã—ã¦ã€çµå±€ã„ãã‚‰ã‹è‡ªåˆ†ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªã„ã¨ã©ã†ã«ã‚‚ãªã‚‰ãªããªã‚‹å°è±¡ã§ã™ã€‚ jQuery ä»Šæ›´æ›¸
flatbird 2016/03/02
ui

design

web
ãƒªãƒ³ã‚¯
ã€Œã¶ã£ã¡ã‚ƒã‘æ„Ÿã€ã¨ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ãŒé…åŠ›ã®UI/UXå‹‰å¼·ä¼šï¼ç¬¬57å›ž HTML5ã¨ã‹å‹‰å¼·ä¼šãƒ¬ãƒãƒ¼ãƒˆ
ã€Œã¶ã£ã¡ã‚ƒã‘æ„Ÿã€ã¨ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ãŒé…åŠ›ã®UI/UXå‹‰å¼·ä¼šï¼ç¬¬57å›ž HTML5ã¨ã‹å‹‰å¼·ä¼šãƒ¬ãƒãƒ¼ãƒˆ ç™½çŸ³ ä¿Šå¹³ï¼ˆHTML5 Experts.jpç·¨é›†é•·ï¼‰ ã“ã‚“ã«ã¡ã¯ã€ç·¨é›†é•·ã®ç™½çŸ³ã§ã™ã€‚ 2015å¹´5æœˆ20æ—¥ã€ç¬¬57å›ž HTML5ã¨ã‹å‹‰å¼·ä¼šã€ŒUI/UXã€ã«å‚åŠ ã—ã¦ãã¾ã—ãŸï¼ç°¡å˜ã§æç¸®ã§ã™ãŒã€ãƒ¬ãƒãƒ¼ãƒˆã¨ã¾ã¨ã‚ã‚’ãŠå±Šã‘ã—ã¾ã™ã€‚ ãƒãƒ¼ãƒ ã§ã¤ãã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ æœ€åˆã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¯ã€Goodpatchç¤¾ã®å°å³¶èŠ³æ¨¹ã•ã‚“ã€ã²ã‚‰ã„ã•ã ã‚ãã•ã‚“ã«ã‚ˆã‚‹ã€Œãƒãƒ¼ãƒ ã§ã¤ãã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ã€ã§ã™ã€‚ å½¼ã‚‰ãŒæ—¥ã€…ã®æ¥å‹™ã§å®Ÿè·µã—ã¦ã„ã‚‹ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã«ã¤ã„ã¦ã®TipsãŒç´¹ä»‹ã•ã‚Œã¾ã—ãŸã€‚ ãƒãƒ¼ãƒ ã§ã¤ãã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ ãƒžã‚·ãƒ¥ãƒžãƒãƒ»ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã§ç†è§£ã™ã‚‹ã€ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã®é‡è¦æ€§ ã¾ãšã¯ãƒžã‚·ãƒ¥ãƒžãƒãƒ»ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã¨ã„ã†ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ã«ã¤ã„ã¦ã€TEDã§å‹•ç”»ãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å¼•ãåˆã„ã«å‡ºã—ã¤ã¤ã€ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã®
flatbird 2015/05/21
UX

ui

design

uxd
ãƒªãƒ³ã‚¯
30ä»£ä»¥é™ã®webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®è»¢è·ã®é›£ã—ã•ã«ã¤ã„ã¦èªžã‚‹
ã€Œäº‹æ¥ä¼šç¤¾ã§webãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã£ã¦å°‘ãªããªã„ï¼Ÿï¼30ä»£ãªã‚“ã¦ã»ã‚“ã¨å°‘ãªã„ï¼ï¼ã€ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®å‹äººã¨é£²ã¿ä¼šã«ã¦ã€ãµã¨ãã‚“ãªè©±ã«ãªã£ãŸã€‚ ç§ã¯webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã¯ãªã„ã‘ã©ã€æŽ¡ç”¨ã«ã‚‚é–¢ã‚ã£ã¦ã‚‹ä¸ã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼æŽ¡ç”¨ã®é›£ã—ã•ã¯æ„Ÿã˜ã¦ã‚‹ã—ã€å‹‰å¼·ä¼šã¨ã‹ã§ã‚ã£ãŸä»–ç¤¾ã®äººã‹ã‚‰ã‚‚åŒã˜ã‚ˆã†ãªå£°ã‚’ããã€‚ ã§ã‚‚ã€è»¢è·ã—ãŸã„ã¨ã„ã£ã¦è»¢è·æ´»å‹•ã‚’ã—ã¦ã„ã‚‹30ä»£ã®webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒå¤šã„ã¨ã„ã†ã“ã¨ã‚‚è‚Œæ„Ÿã§æ„Ÿã˜ã¦ã„ã‚‹ã€‚ã“ã®çŠ¶æ³ã£ã¦ãªã‚“ãªã‚“ã ã‚ã†ï¼Ÿã¨æ€ã„ãã‚‹ãã‚‹æ–‡ç« ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã€‚ â€»ã‚ãã¾ã§ç§ã®å‘¨å›²ã®è¦³æ¸¬ç¯„å›²å†…ã®è©±ã€ã¨ã„ã†ç‚¹ã”äº†æ‰¿ãã ã•ã„ã€‚ 30ä»£ä»¥é™ã®webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼è»¢è·ã«ã‚ˆãã¿ã‚‰ã‚Œã‚‹å‚¾å‘ ç‰¹ã«å€‹äººçš„ãªè¦³æ¸¬ç¯„å›²ã§ã‚ˆãã¿ã‚‹ã®ã¯ã€30ä»£ä¸ç›¤ä»¥é™ã®å¥³æ€§ã®webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®è»¢è·ãŒé›£èˆªã—ã¦ã„ã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ã ã€‚ DTPã‹ã‚‰webãƒ‡ã‚¶ã‚¤ãƒ³ã«å…¥ã‚Šã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³æ´ãŒ10å¹´ä»¥ä¸Šã§ã€ç´™ã¨webä¸¡æ–¹ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã§ãã‚‹ã“ã¨ã‚‚å¤š
flatbird 2015/03/29
design

ui

webdesign
ãƒªãƒ³ã‚¯
Webãƒ»ã‚¢ãƒ—ãƒªé–‹ç™ºã«ä½¿ãˆã‚‹ç„¡æ–™ã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚
Webåˆ¶ä½œã‚„ã‚¢ãƒ—ãƒªé–‹ç™ºã§ã¯ã€æœ¬æ ¼çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«å…¥ã‚‹å‰ã«ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ä½œã‚‹ã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚åˆ¶ä½œä¼šç¤¾ã«ã‚ˆã£ã¦ã¯Power pointã‚„Excelãªã©ãŒä½¿ã‚ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãã‚Œã‚‰ã¯ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã«æœ€é©åŒ–ã•ã‚Œã¦ãŠã‚‰ãšã€ã‚„ã‚„ä¸ä¾¿ã€‚ ä»¥ä¸‹ã§ç´¹ä»‹ã™ã‚‹ã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ã‚’ä½¿ãˆã°ã€ã‚‚ã£ã¨ä¾¿åˆ©ã§è±Šå¯Œãªæ©Ÿèƒ½ã‚’ä½¿ã†ã“ã¨ãŒã§ãã¾ã™ã€‚Excelæ–¹çœ¼ç´™ã‹ã‚‰å’æ¥ã—ãŸã„ï¼ã¨ã„ã†æ–¹ã¯è¦ãƒã‚§ãƒƒã‚¯ã€‚ ç„¡æ–™ã§ä½¿ãˆã‚‹ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚ JUSTINMIND ã“ã¡ã‚‰ã¯ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã§å¯èƒ½ãªãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã€‚PCã‚µã‚¤ãƒˆã¯ã‚‚ã¡ã‚ã‚“ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚‚ä½œã‚Œã¾ã™ã€‚Photoshopã®ã‚ˆã†ãªæ´—ç·´ã•ã‚ŒãŸUIã§ã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¿½åŠ ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Wireframe CC ã“ã¡ã‚‰ã¯å®Œå…¨ãƒ•ãƒªãƒ¼ã§ä½¿ãˆã‚‹ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ„ãƒ¼ãƒ«ã€‚Webã‚¢ãƒ—ãƒªãªã®ã§ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ç·¨é›†ã™
flatbird 2015/01/13
ui

webdesign

design
ãƒªãƒ³ã‚¯
ç”»é¢é·ç§»ã«ç–‘å•ã‚’æ„Ÿã˜ãŸã‚ãªãŸã«ã‚ªã‚¹ã‚¹ãƒ¡ã™ã‚‹UI Flowsã¨ã„ã†ãƒ„ãƒ¼ãƒ« | UXãƒ‡ã‚¶ã‚¤ãƒ³ä¼šç¤¾Standardã®ãƒ–ãƒã‚°
2014.11.19 / UI ç”»é¢é·ç§»ã«ç–‘å•ã‚’æ„Ÿã˜ãŸã‚ãªãŸã«ã‚ªã‚¹ã‚¹ãƒ¡ã™ã‚‹UI Flowsã¨ã„ã†ãƒ„ãƒ¼ãƒ« Tomohiro Suzuki ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚„ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‹ã‚‰æ¸¡ã•ã‚ŒãŸç”»é¢é·ç§»å›³ã‚’å…ƒã«ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½œã£ã¦ã¿ã‚‹ã¨ã€å¾Œã‹ã‚‰è¶³ã‚Šãªã„ç”»é¢ãŒæ¬¡ã€…ã«ç™ºè¦‹ã•ã‚ŒãŸã€ã¾ãŸã¯ç”»é¢å†…ã®æƒ…å ±ãŒã©ã“ã«ç¹‹ãŒã‚‹ã®ã‹åˆ†ã‹ã‚‰ãªã„ã¨ã„ã£ãŸçµŒé¨“ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ã“ã®ç”»é¢é·ç§»å›³ã¨ã„ã†ã‚‚ã®ã¯æœ¬æ¥ã¯åˆ¶ä½œç¯„å›²ã®å…¨ä½“åƒã¨æ§‹é€ ã‚’æ˜Žç¢ºã«ã—ã€å¿…è¦ãªç”»é¢ã¨ã„ã†ã‚‚ã®ã‚’æ´—ã„å‡ºã—ãŸã‚Šã™ã‚‹ã‚‚ã®ã§ã™ã€‚é€šå¸¸ã®Webã‚µã‚¤ãƒˆã§ã‚ã‚Œã°ã€å¾“æ¥ã®ã‚ˆã†ãªç”»é¢é·ç§»å›³ã§ã‚‚å•é¡Œãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å¤šãã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãŒç™ºç”Ÿã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã®è¨è¨ˆã§ã¯è¤‡é›‘åŒ–ã—ã‚„ã™ãã€ä½•åº¦ã‚‚æƒ…å ±ã‚’è¡Œãæ¥ã—ã¦ç¢ºèªã™ã‚‹ã“ã¨ã«ãªã‚‹ãŸã‚æ™‚é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ åŽŸå› ã®ã²ã¨ã¤ã¨ã—ã¦ã€ç”»é¢é·ç§»å›³ã§ã¯ç”»é¢åã®ã¿ã‚’è¨˜è¼‰ã—ã¦ç¹‹ã’ã¦ã„ãã“ã¨ã«ãªã‚‹ãŸã‚ã€å¿…è¦ãªæƒ…å ±ãŒä¸è¶³ã—ã¦ã„ã‚‹ã“ã¨ãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ãã®çµæžœã€æœ¬æ¥ã§
flatbird 2014/11/20
ui

design

impressive

webdesign
ãƒªãƒ³ã‚¯
ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠããŸã„ã€ã‚¹ãƒžãƒ›UIã‚’ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã—ã¦ã„ã‚‹æµ·å¤–ã¨æ—¥æœ¬ã®ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚
iPhone, Androidãªã©ã€ã‚¹ãƒžãƒ›ã®ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®å‚è€ƒã«ãªã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚’æµ·å¤–ãƒ»å›½å†…ã¨ã‚‚ã«ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯ã€ã‚¹ãƒžãƒ›ã§ãã®æ“ä½œãŒæ¥½ã—ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ãŸUIã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‹ã‚‰ã€‚
flatbird 2014/10/24
design

ui
ãƒªãƒ³ã‚¯
èª¬å¾—åŠ›ãŒã‚°ãƒ³ã¨ä¸ŠãŒã‚‹ï¼UIãƒ‡ã‚¶ã‚¤ãƒ³ã®å¿ƒç†å¦ | ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–æ€è€ƒ | ãƒ–ãƒã‚° | æ±äº¬ã®Webåˆ¶ä½œä¼šç¤¾ãƒ»ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œï½œQUOITWORKS Inc.ï¼ˆæ ªå¼ä¼šç¤¾ã‚¯ã‚ªãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã‚¹ï¼‰
ã‚ªãƒ©ã‚¤ãƒªãƒ¼ã‹ã‚‰å‡ºã¦ã„ã‚‹ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¿ƒç†å¦ã€ã‹ã‚‰ä½¿ãˆãã†ãªã‚‚ã®ã‚’å®Ÿä¾‹ã‚’è¸ã¾ãˆãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ï¼ã“ã‚Œã§UIãƒ‡ã‚¶ã‚¤ãƒ³èª¬æ˜Žã®èª¬å¾—åŠ›ã‚’ã‚ã’ã‚ˆã†ï¼ æƒ…å ±ã¯ä¸€åº¦ã«ã™ã¹ã¦è¦‹ã›ã‚‹ã®ã§ã¯ãªãã€ãã®ã¨ãå¿…è¦ãªã‚‚ã®ã‚’æ®µéšŽçš„ã«é–‹ç¤ºã•ã›ãŸæ–¹ãŒã‚ˆã„ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒçŠ¯ã—ãŒã¡ãªå¤±æ•—ã¯ä¸€åº¦ã«å¤§é‡ã®æƒ…å ±ã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¸Žãˆã¦ã—ã¾ã†ã“ã¨ã§ã™ã€‚ æƒ…å ±ã¯ä¸€åº¦ã«å¤§é‡ã«ä¸Žãˆã‚‹ã®ã§ã¯ãªãã€ãã®æ™‚ç‚¹ã§å¿…è¦ã¨ã—ã¦ã„ã‚‹æƒ…å ±ã ã‘ã‚’ä¸Žãˆã‚‹ã»ã†ãŒæ§˜ã€…ãªãƒ‹ãƒ¼ã‚ºã«å¯¾å¿œã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä¸ã«ã¯å¤§ã¾ã‹ãªèª¬æ˜Žã§ã‚ˆã„äººã‚‚ã„ã‚Œã°ã€è©³ç´°ã‚’çŸ¥ã‚ŠãŸãŒã£ã¦ã„ã‚‹äººã‚‚ã„ã¾ã™ã€‚ ã¤ã¾ã‚Šã©ã†ã„ã†äº‹ï¼Ÿ æƒ…å ±ã¯ä¸€åº¦ã«è¦‹ã›ã‚‹ã®ã§ã¯ãªãæ®µéšŽçš„ã«è¦‹ã›ã‚‹ã€‚ é‡è¦ãªã®ã¯ã‚¯ãƒªãƒƒã‚¯å›žæ•°ã§ã¯ãªã„ã€‚ã‚¯ãƒªãƒƒã‚¯ã®ãŸã³ã«å¿…è¦ãªæƒ…å ±ãŒæ‰‹ã«å…¥ã‚‹ã®ã§ã‚ã‚Œã°ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å–œã‚“ã§ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã€‚ èª°ãŒã„ã¤ä½•ã‚’å¿…è¦ã¨ã—ã¦ã„ã‚‹ã‹ã‚’ç†è§£ã™ã‚‹ã€‚å„æ®µéšŽã§ä½•ã‚’å¿…è¦ã¨ã—ã¦ã„ã‚‹ã‹çš„ç¢ºã«æŠŠæ¡ã—ã¦ã„ãªã„ã¨ã€ã“ã®æ‰‹æ³•
flatbird 2014/05/21
ui

design
ãƒªãƒ³ã‚¯
Androidã®ãƒ€ãƒ¡ãªUXã€UIãƒ‘ã‚¿ãƒ¼ãƒ³ - ã‚ã·ã™ãŸ - iPhoneã¨Webã¨ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¨
Androidã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã™ã‚‹ä¸Šã§ã“ã‚Œã¯ãƒ€ãƒ¡ãªUXã€UIã‚’Googleã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒå‹•ç”»ã§è©³ã—ãç´¹ä»‹ã—ã¦ãã‚Œã¾ã™ã€‚ iPhoneã‚¢ãƒ—ãƒªé–‹ç™ºã«ã‚‚é€šãšã‚‹ã¨ã“ã‚ãŒã‚ã‚‹ã®ã§å¿…è¦‹ã§ã™ã€‚ è¦ç‚¹ã‚’ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ èªã¿è¾¼ã¿ä¸ã®ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’é »ç¹ã«å‡ºã•ãªã„ ä½•åº¦ã‚‚å‡ºã‚‹ã¨ã†ã–ã„ã—ã€èªã¿è¾¼ã¿ã‚’ã‚ãƒ£ãƒ³ã‚»ãƒ«ã§ããªã„ã¨ç«¯æœ«ã‚’å©ãä»˜ã‘ãŸããªã‚Šã¾ã™ã€‚ è§£æ±ºç–ã¨ã—ã¦ã¯ã€ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ãƒãƒ¼ã®ä¸‹ã«ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã‚’å‡ºã—ãŸã‚Šã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¡¨ç¤ºéƒ¨åˆ†ã ã‘ã«ãƒãƒ¼ãƒ‰ä¸ã®ãƒžãƒ¼ã‚¯ãªã©ã‚’å‡ºã™ã‚ˆã†ã«ã™ã‚‹ã€‚ ãƒœã‚¿ãƒ³ãŒå°ã•ã™ãŽã‚‹ ç¸¦ã€æ¨ª48dpä»¥ä¸ŠãŒæœ›ã¾ã—ã„ã§ã™ã€‚ ãƒ€ã‚¤ã‚¢ãƒã‚°ã®ã€Œã¯ã„ã€ã€Œã„ã„ãˆã€ãƒœã‚¿ãƒ³ã®ä½ç½®ã‚’æ¨™æº–ã«åˆã‚ã›ã¦ã ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ãŒãªã„ ãƒœã‚¿ãƒ³ã‚„é¸æŠžã§ãã‚‹ã‚¨ãƒªã‚¢ã‚’ã‚¿ãƒƒãƒã—ãŸã‚‰ä½•ã‚‰ã‹ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã€‚ é¸æŠžéƒ¨åˆ†ã®è‰²ã‚’å¤‰ãˆã‚‹ã€‚pressã¨focusedã®çŠ¶æ…‹ã‚’ç”¨æ„ã™ã‚‹ã¨ãªãŠè‰¯ã„ã§ã™ã€‚éŸ³ã‚‚ã‚ã‚Šã‹ãªã€‚ UIãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã“ã ã‚ã‚Šã™ãŽãªã„ ã‚„ã‚Šã™ãŽãšã€ã‚
flatbird 2014/04/22
Android

ui

design
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ã§ä½¿ã„ã‚„ã™ã„UIåˆ¶ä½œã®å‚è€ƒã«ãªã‚‹Webã‚µã‚¤ãƒˆ6é¸ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ãŠç–²ã‚Œã•ã¾ã§ã™ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ¢ãƒ¢ã‚³ã§ã™ã€‚ ã¤ã„å…ˆæ—¥å¤§é›ªãŒé™ã£ãŸã¨æ€ãˆã°ã€ã‚‚ã†æ˜¥ä¸€ç•ªãŒå¹ã„ãŸã¨èžã„ã¦ã€æ™‚é–“ã®æµã‚Œã¯æ—©ã„ãªã¨ã—ã¿ã˜ã¿ã—ã¦ã„ã¾ã™â€¦â€¦ã¾ã ã“ãŸã¤ã‚’ä»•èˆžã„ãŸããªã„ï¼ ã•ã¦ã€ä»Šå›žã¯ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ã§ä½¿ã„ã‚„ã™ã„UIåˆ¶ä½œã®å‚è€ƒã«ãªã‚‹ã‚µã‚¤ãƒˆã‚’6ã¤ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ã§ä½¿ã„ã‚„ã™ã„UIåˆ¶ä½œã®å‚è€ƒã«ãªã‚‹4ã¤ã®ã‚µã‚¤ãƒˆ UYI https://useyourinterface.com/ â€»ç¾åœ¨ã¯ã‚µãƒ¼ãƒ“ã‚¹ã‚’çµ‚äº†ã—ã¦ã„ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªUIã‚’é›†ã‚ãŸtumblrãƒšãƒ¼ã‚¸ã€‚å·¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®Archiveã‹ã‚‰ä»Šã¾ã§æŠ•ç¨¿ã•ã‚ŒãŸã‚‚ã®ã‚’ä¸€è¦§ã§è¦‹ã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ ã‚µãƒ ãƒã‚¤ãƒ«ã«GIFã‚¢ãƒ‹ãƒ¡ã‚’ä½¿ç”¨ã—ã¦ãŠã‚Šã€å®Ÿéš›ã®å‹•ãã‚’ç¢ºèªã—ãªãŒã‚‰è¦‹ã‚‰ã‚Œã‚‹ã®ãŒè‰¯ã„ã§ã™ãã€‚ UNHEAP https://www.unheap.com/ ç¶ºéº—ã§å®Ÿç”¨çš„ãªUIãŒä½œæˆã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å¤šæ•°ç´¹ä»‹ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã€‚ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã§
flatbird 2014/04/04
webdesign

design

ui
ãƒªãƒ³ã‚¯
Brick
What is Brick? Brick is a bundle of reusa ble UI components created with x-tags to enable rapid development of cross-browser and mobile-friendly HTML5 web applications. Brick adds custom HTML tags- allowing developers to express the structure of an application in a clearer, more concise manner. What are Web Components? Web Components is a series of emerging W3C standards that allow developers to de
flatbird 2013/10/26
Mozilla ã®æä¾›ã™ã‚‹ UI ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€‚

Web

html5

ui

design

toolbox
ãƒªãƒ³ã‚¯
Android Dev Apps | The Kiran Kumar blog
Hereâ€™s a list of 5 cool apps which will help every developer in developing better apps for android. Lets dive in to the list. Android UI Â Patterns Update : 21/5/13 : App was removed from play store. Download the v4.1 apk file below UI design is the most time consuming and difficult phase of android application development. Deciding on a UI widget to use becomes very challenging until you look at t
flatbird 2013/06/20
Android

Design

ui
ãƒªãƒ³ã‚¯
Android UI Patterns
Conference Talk: â€œDesign-dev cooperation and fast Android prototypingâ€Last year, Pierluigi Rufo (@pierluigirufo) and I were touring couple of conferences talking about Dev-Designer cooperation and how we tackle it. This is an issue very close to my heart. When theâ€¦
flatbird 2013/06/20
Android

design

ui
ãƒªãƒ³ã‚¯
Foundations â€” Material Design 3
Foundations inform the basis of any great user interface, from accessibility standards to essential patterns for layout and interaction.
flatbird 2013/06/20
android

Design

UI
ãƒªãƒ³ã‚¯
Android Interaction Design Patterns |
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
flatbird 2013/06/20
android

Design

ui
ãƒªãƒ³ã‚¯
1