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

hondabin id:hondabin

uiã«é–¢ã™ã‚‹hondabinã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (23)

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

UI

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ | ãƒ¡ã‚¿ãƒ•ã‚¡ã‹ã‚‰ã‚¤ãƒ‡ã‚£ã‚ªãƒ ã¸
ã€Œãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¯UIã‚’é€²åŒ–ã•ã›ã‚‹ã‹ã€ã§ã¯ã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ç‰¹å¾´ã‚’è¿°ã¹ã‚‹ã¨åŒæ™‚ã«ã€ã“ã‚Œã‹ã‚‰UIãŒé€²ã‚“ã§ã„ãã§ã‚ã‚ã†ãƒ¢ãƒ¼ãƒ‰ãƒ¬ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã®é–¢ä¿‚ã«ã¤ã„ã¦è§¦ã‚Œã¾ã—ãŸã€‚ ä»Šå›žã¯ãã®è£ã«ã‚ã‚‹ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã®æœ¬è³ªçš„ãªè¦ç´ ã®æ‰ãˆæ–¹ã«ã¤ã„ã¦ã€ãƒ¡ã‚¿ãƒ•ã‚¡ã¨ã‚¤ãƒ‡ã‚£ã‚ªãƒ ã¨ã„ã†è¦³ç‚¹ã‹ã‚‰æŽ˜ã‚Šä¸‹ã’ã¦ã¿ã¾ã™ã€‚ã¾ãŸãã“ã‹ã‚‰å°Žã‹ã‚Œã‚‹ã€é–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ãŠã‘ã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ä½ç½®ã¥ã‘ã«ã¤ã„ã¦ã‚‚è€ƒãˆã¦ã¿ã¾ã™ã€‚ ã‚¹ã‚ãƒ¥ã‚¢ãƒ¢ãƒ¼ãƒ•ã‚£ãƒƒã‚¯ â†’ ãƒ•ãƒ©ãƒƒãƒˆ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¨å‘¼ã°ã‚Œã‚‹å¹³é¢çš„ã§æŠ½è±¡çš„ãªUIã®ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«è¡¨ç¾ã¯ã€è£…é£¾çš„ã§å†™å®Ÿçš„ãªã‚¹ã‚ãƒ¥ã‚¢ãƒ¢ãƒ¼ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆç¾å®Ÿã®ç‰©ã®å½¢ã‚„è³ªæ„Ÿã‚’æ¨¡ã—ãŸè¡¨ç¾ï¼‰ã«å¯¾ã™ã‚‹ã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã¨ã—ã¦æ³¨ç›®ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¤ã¾ã‚Šã€ã€Œã‚¹ã‚ãƒ¥ã‚¢ãƒ¢ãƒ¼ãƒ•ã‚£ãƒƒã‚¯ã‹ã‚‰ãƒ•ãƒ©ãƒƒãƒˆã¸ã€ã¨ã„ã†ãƒˆãƒ¬ãƒ³ãƒ‰ã®å¤‰åŒ–ã§ã™ã€‚ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€å˜ã«è¦‹ãŸç›®ã«æ–°é®®ã§ã‚ã‚‹ã ã‘ã§ãªãã€UIã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‹ã‚‰ä¾‹ãˆã°ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã€ãƒ†ã‚¯ã‚¹ãƒãƒ£ã€å¢ƒç•Œç·šã¨ã„ã£ãŸè£…
hondabin 2013/09/19
ui
ãƒªãƒ³ã‚¯
ITã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«æ˜“ã—ã„UI/UXãƒ‡ã‚¶ã‚¤ãƒ³
1. IT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«æ˜“ã—ã„ å®Ÿè·µçš„UI/UXãƒ‡ã‚¶ã‚¤ãƒ³ NCãƒ‡ã‚¶ã‚¤ãƒ³ï¼†ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°æ ªå¼ä¼šç¤¾ é‡‘â€ƒæˆå“² @Roy_S_Kim ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚°ï¼š#webcat 1 2. è‡ªå·±ç´¹ä»‹ é‡‘â€ƒæˆå“² / @Roy_S_Kim [email protected] K ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ NCãƒ‡ã‚¶ã‚¤ãƒ³ï¼†ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°æ ªå¼ä¼šç¤¾ http://nextconceptdc.com 2
hondabin 2013/07/11
UX

ui
ãƒªãƒ³ã‚¯
Flat // Material UI
Weather-Dashboard Global-Outlook http://dribbble.com/shots/1362676-Global-Outlook-iPhone-collection-2
hondabin 2013/05/17
ui

flat

design
ãƒªãƒ³ã‚¯
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ | UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ãŒç‹¬è‡ªã«æä¾›ã™ã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³é›†ã€‚ã“ã‚Œã‚’ä½¿ãˆã°UIè¨è¨ˆã‚’åŠ¹çŽ‡åŒ–ã§ãã¾ã™ã€‚
hondabin 2013/05/09
ui
ãƒªãƒ³ã‚¯
è¨€è‘‰ã¯ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚ˆã‚Šå¤§äº‹ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹
2013å¹´3æœˆ16æ—¥ã«Android Bazaar Conference 2013 Spring ãŒé–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚æ˜¨å¹´ã«å¼•ãç¶šãä»Šå¹´ã‚‚ç™»å£‡ã€‚å‰å›žã¯ã‚²ãƒ¼ãƒ ã‚’ãƒ†ãƒ¼ãƒžã«ã—ã¦è©±ã‚’ã—ã¾ã—ãŸãŒã€ä»Šå›žã¯ã€Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§æ”¹å–„ã™ã‚‹ UI ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ¥µæ„ã€ã¨é¡Œã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ UI ã‚’ãƒ†ãƒ¼ãƒžã«è©±ã‚’ã—ã¾ã—ãŸã€‚ è¦‹ãŸç›®ãŒç¶ºéº—ã ã‹ã‚‰è‰¯ã„ UI ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ UI ã®ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦ Dribblbe ã‚„ Android Patterns ã®ã‚ˆã†ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ã‚‹æ–¹ã¯å¤šã„ã¨æ€ã„ã¾ã™ã—ã€ã€Œç´ æ™´ã‚‰ã—ã„ UI ã®ã¾ã¨ã‚ã€ã¨åä»˜ã‘ãŸè¨˜äº‹ã‚‚ã€ã ã„ãŸã„ã¯ã“ã†ã—ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚’å‚ç…§ã—ã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚ å®Ÿè£…ã¾ã§æºã‚ã£ãŸçµŒé¨“ãŒã‚ã‚‹æ–¹ãªã‚‰ãªã‚“ã¨ãªãåˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€Dribble ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ UI ã‚¢ã‚¤ãƒ‡ã‚¢ã®å¤šãã¯ç¾å®Ÿå‘³ãŒãªã„æƒ³åƒå›³ãŒå¤šãæŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚å®Ÿè£…ã—ã‚ˆã†ã¨ã™ã‚‹ãªã‚‰ã°ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚„æ“
hondabin 2013/03/18
ui
ãƒªãƒ³ã‚¯
ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§æ”¹å–„ã™ã‚‹ UI ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ¥µæ„
ãƒ‡ã‚¶ã‚¤ãƒ³ã¯å°ã•ãªãƒ†ã‚ã‚¹ãƒˆã‹ã‚‰å§‹ã¾ã‚Šã¾ã™ã€‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è†¨å¤§ã«æŠ±ãˆã‚‹å¤§è¦æ¨¡ãªã‚µã‚¤ãƒˆã§ã‚‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ä½œæˆã‚’å§”ãã‚‹å°ã•ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚‚å°ã•ãªãƒ†ã‚ã‚¹ãƒˆãŒè¡Œå‹•ã®å¤‰åŒ–ã«ç¹‹ãŒã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã‚ã‚‹çŠ¶æ…‹ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã®ã¨ã€ä½•ã‚‚ãªã„ã¾ã¾ã‚¹ã‚¿ãƒ¼ãƒˆã™ã‚‹ã®ã§ã¯å¤§ããªå·®ãŒç”Ÿã¾ã‚Œã¾ã™ã€‚ UI ãƒ‡ã‚¶ã‚¤ãƒ³ã®è©±ã«ãªã‚‹ã¨ã€ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚„ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãŒè©±é¡Œã®ä¸å¿ƒã«ãªã‚ŠãŒã¡ã§ã™ãŒã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚‚ UI ã§ã™ã€‚ãªãœã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒ UI ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦é‡è¦ãªã®ã‹ã‚’è§£èª¬ã™ã‚‹ã¨å…±ã«ã€ä»Šã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯å°ã•ãªãƒ†ã‚ã‚¹ãƒˆã®å·¥å¤«ã‹ã‚‰ã¯ã˜ã¾ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã€å¹¾ã¤ã‹ã®ã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ãƒ¼ã‚’ã¿ãªãŒã‚‰å‚¾å‘ã¨å¯¾ç–ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚Read less
hondabin 2013/03/18
ui

design
ãƒªãƒ³ã‚¯
Flat UI - Free Bootstrap Framework and Theme
Checkboxes Unchecked Checked Disabled unchecked Disabled checked Radio Buttons Radio is off Radio is on Disabled radio is off Disabled radio is on
hondabin 2013/03/06
ãƒ‡ã‚¶ã‚¤ãƒ³

ui

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚ã‹ã‚Šã‚„ã™ã„ã€Œã‚¨ãƒ¬ãƒ™ãƒ¼ã‚¿ãƒ¼ã®é–‹é–‰ãƒœã‚¿ãƒ³ã€ã£ã¦ã©ã‚“ãªã‚“ã ã‚ã†ãï¼Ÿ | fladdict
Twitterã§ã€Œãƒœã‚¿ãƒ³ã¨é–“é•ã„ã‚„ã™ã„ã‚µã‚¤ãƒ³ã€ã«ã¤ã„ã¦å‘Ÿã„ãŸã‚‰ãƒ»ãƒ»ãƒ» ã„ã¤ã®ã¾ã«ã‹ã€Œé–“é•ã„ã‚„ã™ã„ã‚¨ãƒ¬ãƒ™ãƒ¼ã‚¿ãƒ¼ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®è©±ã€ã«å·»ãè¾¼ã¾ã‚Œã¦ãŸã§ã”ã–ã‚‹ã€‚ é¢ç™½ãã†ã ã£ãŸã®ã§ã€è‡ªåˆ†ã§ã‚‚è€ƒãˆã¦ã¿ãŸã‚Šã€‚ã‚³ã‚¢ã‚³ãƒ³ã‚»ãƒ—ãƒˆã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã€‚ å®‰å…¨å´ã«ãƒžãƒ¼ã‚¸ãƒ³ã‚’è¨ã‘ã‚‹ è¡¨ç¾ã®ç‚ºã«å®‰å…¨ã‚’çŠ ç‰²ã«ã—ãªã„ è¿·ã£ãŸã‚‰ã‚³ãƒ³ã‚µãƒã«ã€‚ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°èŠ¸ã§é ‘å¼µã‚‹ã€‚ è¦–è¦šçš„ï¼è¨€èªžçš„ã«ãƒãƒ³ãƒ‡ã‚£ã‚ãƒ£ãƒƒãƒ—ãŒã‚ã‚‹äººã«ãƒªã‚¹ã‚¯ã‚’è² ã‚ã›ãªã„ã€‚ã€Œã£ã¦ã‹ã€ãã“ã¯å‘¨å›²ã®äººã§å¸åŽã™ã‚‹ç¤¾ä¼šã«ã—ã‚ˆã†ãœï¼ã€ã¨ã„ã†æ€æƒ³ã‚’ã€ãã“ã¯ã‹ã¨ãªãåŸ‹ã‚è¾¼ã‚€ã€‚ ãƒœã‚¿ãƒ³ã®æ–‡è¨€ã¨ã‹ ã€Œé–‹ãï¼†é–‰ã˜ã‚‹ã€ã‚„ã€Œé–‹ï¼†é–‰ã€ã¯ã€æ¼¢å—ãŒä¼¼ã¦ã¦è¦–èªæ€§ãŒæ‚ªã„ã®ã§ãƒœãƒ„ã€‚ã€Œã‚ã‘ã‚‹ï¼†ã¨ã˜ã‚‹ã€ã‚„ã€Œã‚ã‘ã‚‹ï¼†ã—ã‚ã‚‹ã€ã¯ã€ã€Œã‚‹ã€ãŒè¢«ã‚‹ã®ã§ãƒœãƒ„ã€‚ã€ŒOpen & Closeã€ã¯è¦–èªæ€§ãŒæ‚ªã„ã—åä¾›ãŒã‚ã‹ã‚“ãªã„ã®ã§ãƒœãƒ„ã€‚ ã§ã€Œã²ã‚‰ãã€ã¨ã€Œã—ã¾ã‚‹ã€ã«æ±ºå®šã€‚ ã€Œã¨ã˜ã‚‹ã€ã‚„ã€Œã—ã‚ã‚‹ã€ã˜ã‚ƒãªãã¦ã€Œã—ã¾ã‚‹ã€ã«ã—ãŸæœ€å¤§ã®
hondabin 2013/01/29
ui
ãƒªãƒ³ã‚¯
ã‚¯ã‚¯ãƒ‘ãƒ‰ç¾Žã¡ã‚ƒã‚“ã¨å¦ã¶ï¼ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã®UIæ”¹å–„ãƒ—ãƒã‚»ã‚¹ï¼šå¾Œç·¨ // Speaker Deck
Copyright Â© 2012 GitHub Inc. All slide content and descriptions are owned by their creators. F.A.Q. Terms of Service Privacy Policy
hondabin 2012/09/14
ui
ãƒªãƒ³ã‚¯
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢type æŠ€è¡“è€…ã®ã‚ãƒ£ãƒªã‚¢ã‚’è€ƒãˆã‚‹Webãƒžã‚¬ã‚¸ãƒ³ - è»¢è·ï¼ type
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢typeã¯ã€å„ç¨®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã¯ã˜ã‚ã€Œå‰µã‚‹äººãŸã¡ã€ã®ã‚ãƒ£ãƒªã‚¢å½¢æˆã«å½¹ç«‹ã¤æƒ…å ±ã‚’ç™ºä¿¡ã™ã‚‹ã€Žï¼ typeã€ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã™ã€‚
hondabin 2012/09/05
ui

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
å‹˜é•ã„ã ã‚‰ã‘ã®Android UIãƒ‡ã‚¶ã‚¤ãƒ³
ã€å¢—å“¡ï¼â†’370åã€‘ é–‹ç™ºè€…ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å¿…è¦‹ï¼ã€€ã‚¢ãƒ—ãƒªåˆ¶ä½œå‹‰å¼·ä¼š / å‹˜é•ã„ã ã‚‰ã‘ã®Android UIãƒ‡ã‚¶ã‚¤ãƒ³ ç™ºè¡¨è³‡æ–™ï¼ˆ2012å¹´8æœˆ21æ—¥ï¼‰ http://atnd.org/events/31039 The presentation doc for Smartphone application design seminar on 2012/08/21 by WAVE Multimedia School.Read less
hondabin 2012/08/22
ui

UX

Android
ãƒªãƒ³ã‚¯
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢type æŠ€è¡“è€…ã®ã‚ãƒ£ãƒªã‚¢ã‚’è€ƒãˆã‚‹Webãƒžã‚¬ã‚¸ãƒ³ - è»¢è·ï¼ type
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢typeã¯ã€å„ç¨®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã¯ã˜ã‚ã€Œå‰µã‚‹äººãŸã¡ã€ã®ã‚ãƒ£ãƒªã‚¢å½¢æˆã«å½¹ç«‹ã¤æƒ…å ±ã‚’ç™ºä¿¡ã™ã‚‹ã€Žï¼ typeã€ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã™ã€‚
hondabin 2012/07/28
ui
ãƒªãƒ³ã‚¯
UX design is strategic framework | blog / bookslope
ã€ŒUXã¨ã¯ä½•ã‹ã€ã¨ã„ã†è©±é¡Œã‚’ãƒãƒ„ãƒãƒ„ã¨è¦‹ã‚‹ã®ã§ã™ãŒã€å€‹äººçš„ã«ã¯ã€ŒUXã€ã§è©±ã‚’ã™ã‚‹ã®ã§ã¯ãªãã€ŒUXãƒ‡ã‚¶ã‚¤ãƒ³ã€ã§è©±ã‚’ã™ã‚‹ã»ã†ãŒè‡ªç„¶ã§ã™ã€‚ ã€ŒUX (ãƒ‡ã‚¶ã‚¤ãƒ³)Â ã¨ã¯æˆ¦ç•¥ç–å®šã‚’ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã§ã™ã€‚ã“ã‚Œã¯Â Peter Merholz (ãƒ”ãƒ¼ã‚¿ãƒ¼ãƒ»ãƒžãƒ¼ãƒ›ãƒ¼ãƒ«ã‚º)Â æ°ã®ãƒ–ãƒã‚° ã‹ã‚‰å½±éŸ¿ã‚’å—ã‘ã¦è‡ªåˆ†ãªã‚Šã®è§£é‡ˆã§è¡¨ç¾ã—ãŸè¨€ã„æ–¹ãªã‚“ã§ã™ãŒã€å€‹äººçš„ã«ã¯ä¸€ç•ªã“ã‚ŒãŒã‚·ãƒƒã‚¯ãƒªãã¾ã™ã€‚ User experience is strategy, not design: peterme.com ãªã®ã§ã€ã€ŒUXã€ã§è°è«–ã™ã‚‹ã®ã¯ã‚„ã‚ã¦ã€Œæƒ³å®šã™ã‚‹æˆæžœç‰©ã¯ä½•ã‹ã€ã§è©±ã‚’ã—ãŸã»ã†ãŒè°è«–ã§ãã¾ã™ã€‚ã¤ã¾ã‚Šã€ŒUXãƒ‡ã‚¶ã‚¤ãƒ³ã®æˆæžœç‰©ã€ã§ã™ã€‚ ã€Œãã‚Œã¯ãƒ›ãƒ©ã€ã„ã‚ã„ã‚ã‚ã‚‹ã‚ˆããˆã€ä¼šç¤¾ã«ã‚ˆã£ã¦ã‚‚é•ã†ã—ããˆã€ã¨è©±ã™ã®ã§ã‚ã‚Œã°ã€ã‚‚ã†è°è«–ã‚‚ä½•ã‚‚ã‚ã£ãŸã‚‚ã‚“ã˜ã‚ƒã‚ã‚Šã¾ã›ã‚“ã€‚ãã®äººã¨è©±ã™ã®ã¯ã‚„ã‚ã¾ã—ã‚‡ã†ã€‚ã˜ã‚ƒã©ã†ã„ã†æˆæžœç‰©ã‚’æƒ³å®šã™ã‚‹ã®ã‹ã€‚ UXãƒ‡ã‚¶
hondabin 2012/06/26
ui
ãƒªãƒ³ã‚¯
ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»iOSã‚¢ãƒ—ãƒªã® UXãƒ»ãƒžãƒã‚¿ã‚¤ã‚ºãƒ»æŠ€è¡“ã®è©±
2. è‡ªå·±ç´¹ä»‹ â€¢ æ¾å‰å¥å¤ªéƒŽ (@kenmaz) â€¢ ãƒ‰ãƒ¯ãƒ³ã‚´ ãƒ‹ã‚³ãƒ‹ã‚³äº‹æ¥æœ¬éƒ¨ ãƒ‹ã‚³ãƒ‹ã‚³iPhone é–‹ç™ºãƒªãƒ¼ãƒ€ãƒ¼ â€¢ 2009/06 ä¸é€”å…¥ç¤¾ â€¢ å‰è·ã¯å¤§æ‰‹ãƒ¡ãƒ¼ã‚«ãƒ¼ç³»SIerã§ç ”ç©¶é–‹ç™º
hondabin 2012/06/05
ui
ãƒªãƒ³ã‚¯
ã€ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã€‘ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã®UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼šã€Œã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ä»•äº‹ãŒï¼ã‚’ï¼‘ã«ã™ã‚‹ä»•äº‹ãªã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯1ã‚’100ã«ã™ã‚‹ä»•äº‹ ã€ | Startup Dating
Startup Datingã§ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼é€£è¼‰ã‚’å§‹ã‚ã¦ã¿ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ã•ã¦é€£è¼‰ã®åˆå›žã¯ã€2011å¹´ã«æ–°å’ã¨ã—ã¦ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã«å…¥ç¤¾ã—ã€ç¾åœ¨UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦æ´»èºã™ã‚‹ç‰‡å±±è‚²ç¾Žã•ã‚“ï¼ˆ@monja415ï¼‰ã€‚ç‰‡å±±ã•ã‚“ãŒç¾è·ã«å°±ãã¾ã§ã®é“ã®ã‚Šã‚„ã€ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã®UIã«é–¢ã™ã‚‹è€ƒãˆæ–¹ã€ç‰‡å±±ã•ã‚“ãŒæ‰‹ãŒã‘ãŸå…·ä½“çš„ãªUIæ”¹å–„ã®äº‹ä¾‹ã‚„ãƒ’ãƒ³ãƒˆãªã©ã‚’ãŸã£ã·ã‚ŠãŠä¼ãˆã—ã¾ã™ã€‚ ç¾Žè¡“å¤§å¦ã§å‹‰å¼·ã€ã‚‚ã¨ã‚‚ã¨è·äººã«ãªã‚ŠãŸã‹ã£ãŸ ã‚‚ã¨ã‚‚ã¨çµµã‚’æãã®ãŒå¥½ãã ã—å¾—æ„ã€é«˜æ ¡ã®ã¨ãã‹ã‚‰è·äººã«ãªã‚ŠãŸã„ã¨æ€ã£ã¦ã„ãŸã¨è©±ã™ç‰‡å±±ã•ã‚“ã€‚ç¾Žè¡“å¤§å¦ã«é€²å¦ã—ã€ãƒ•ã‚¡ã‚¤ãƒ³ç³»ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã§ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã‚’å¦ã¶ã“ã¨ã‚’é¸æŠžã€‚ãƒ•ã‚¡ã‚¤ãƒ³ç³»ã¨ã¯ã€çµµç”»ã‚„å½«åˆ»ãªã©ã„ã‹ã«ã‚‚â€œã‚¢ãƒ¼ãƒˆâ€ã¨ã„ã†ã‚‚ã®ã€‚ãƒ•ã‚¡ã‚¤ãƒ³ç³»ãŒèŠ¸è¡“ã ã‹ã‚‰ã€ã©ã“ã‹è‡ªåˆ†ã®ä¸ã§å®Œçµã—ã¦ã—ã¾ã†ã¨ã“ã‚ãŒã‚ã‚‹ã€‚ã§ã‚‚ã€è·äººã£ã¦èª°ã‹ã®ãŸã‚ã«æŠ€è¡“ã‚’ä½¿ãˆã‚‹äººãªã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨ã€‚æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³å¦ç§‘ã‚’å°‚æ”»ã—ã€ã‚µãƒ¼ãƒ“ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„UXã¨è¨€ã‚
hondabin 2012/05/31
ui
ãƒªãƒ³ã‚¯
å®‰è—¤æ—¥è¨˜
å®‰è—¤æ—¥è¨˜ å®‰è—¤æ—¥è¨˜ï¼šãƒ‡ã‚¸ã‚¿ãƒ«ã‚¬ã‚¸ã‚§ãƒƒãƒˆå¥½ãã€Œå®‰è—¤å¹¸å¤®ã€ã®æ—¥ã€…ã®ãƒ¡ãƒ¢ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ Evernote ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ Gabe Campodonico æ°ã«ã‚ˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¼ã‚¯ Gabe Campodonico Design http://www.gabecampodonico.com/ From Logo to UI Gabe Campodonico ã¿ãªã•ã‚“ã‚ˆã†ã“ãã„ã‚‰ã£ã—ã‚ƒã„ã¾ã—ãŸã€‚ ãã‚Œã§ã¯è‡ªå·±ç´¹ä»‹ã‹ã‚‰ã¯ã˜ã‚ã¾ã™ã€‚ ã‚‚ã¨ã‚‚ã¨ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ã¯ã˜ã‚ã¦ã„ã¾ã™ã€‚ ãƒã‚¹ã‚¿ãƒ¼ã‚„æœ¬ã‹ã‚‰ã¯ã˜ã‚ã¦ã€ ã˜ã‚‡ã˜ã‚‡ã«Webã‚µã‚¤ãƒˆã«ã†ã¤ã£ã¦ãã¦ã€ãƒ¢ãƒã‚¤ãƒ«ã«ã†ã¤ã£ã¦ã
hondabin 2012/05/30
Evernote's UI Design

ui
ãƒªãƒ³ã‚¯
å…¨ã¦ã‚’è§£æ±ºã™ã‚‹ã®ã¯ã€ã„ã¤ã ã£ã¦ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ¼â€•@toriaezutorisan
æ˜¨æ—¥ã€mixiã¯åºƒå ´åž‹ã§Facebookã¯ãƒ•ã‚£ãƒ¼ãƒ‰åž‹ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ¼ã ã¨ã„ã†è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã¦æ€ã„ã ã—ãŸã®ã§ã™ãŒã€webã¯é•·ã„ã“ã¨ãƒ„ãƒªãƒ¼åž‹ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ¼ã§ã—ãŸã€‚ webã®æ§‹é€ ã¯ä¸‹ã®å›³ã®ã‚ˆã†ã«ãƒ„ãƒªãƒ¼åž‹ã«ãªã£ã¦ã„ã¾ã™ã€‚ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ãŒã‚ã£ãŸã‚‰ã€ãã®ãƒšãƒ¼ã‚¸å†…ã«ãƒªãƒ³ã‚¯ãŒé…ç½®ã•ã‚Œã¦ã„ã¦ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ä¸‹ã®å±¤ã®ãƒšãƒ¼ã‚¸ã¸ã¨é·ç§»ã™ã‚‹ã®ã§ã™ã€‚ä¸‹ã®éšŽå±¤ã«ã„ã‘ã°ã„ãã»ã©ã‚¢ã‚¯ã‚»ã‚¹ãŒåˆ†æ•£ã™ã‚‹ã®ã§ã€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚’100ã¨ã—ãŸå ´åˆã«ä¸‹ã®éšŽå±¤ã®ãƒšãƒ¼ã‚¸ã¯ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®PVã‚’åˆ†ã‘åˆã†ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ã“ã®æ§‹é€ ã®ä½•ãŒå•é¡Œãªã®ã‹ã¨ã„ã†ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒªãƒ³ã‚¯ã‚’ãŸã©ã£ã¦ç›®çš„ã®ãƒšãƒ¼ã‚¸ã«ãŸã©ã‚Šã¤ã„ãŸå¾Œã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚’é–‰ã˜ãŸã‚Šä»–ã®ã‚µã‚¤ãƒˆã¸é·ç§»ã—ã¦ã—ã¾ã†ã®ã§ã™ã€‚åºƒå‘ŠåŠ¹æžœã‹ã‚‰è€ƒãˆã¦ã‚‚ã€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«é…ç½®ã—ãŸåºƒå‘ŠãŒä¸€ç•ªåŠ¹æžœãŒé«˜ãã€ä¸‹ã®éšŽå±¤ã«ã„ãã»ã©åŠ¹æžœãŒè–„ããªã£ã¦ã„ãã¾ã™ã€‚ ã‚ˆãã‚µãƒ¼ãƒ“ã‚¹ãŒä¸Šæ‰‹ãã„ã‹ãªã„ã¨ã€ã‚ãƒ©ãƒ¼ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å…¥ã‚Œã‚ˆã†ã¨æ–°è¦ã‚³ãƒ³ãƒ†ãƒ³
hondabin 2012/05/27
UI
ãƒªãƒ³ã‚¯
ãƒ‹ã‚³ãƒ‹ã‚³è¶…ãƒ‡ã‚¶ã‚¤ãƒ³-Metroè€ƒå¯Ÿç·¨-
2. ã¯ã˜ã‚ã« å‰å›žã¾ã§ã®ã‚ã‚‰ã™ã˜ 2012/4/6ã€œï½ž4/24 ãƒ‹ã‚³ãƒ‹ã‚³è¶…é–‹ç™º http://www.slideshare.net/koizuka/ss-â€â€‘â€’12766279 ãƒ‹ã‚³ãƒ‹ã‚³è¶…ãƒ‡ã‚¶ã‚¤ãƒ³ http://www.slideshare.net/VoQn/metro-â€â€‘â€’12761898 3. ã¯ã˜ã‚ã« å‰å›žã¾ã§ã®ã‚ã‚‰ã™ã˜ 2012/4/6ã€œï½ž4/24 ãƒ‹ã‚³ãƒ‹ã‚³è¶…é–‹ç™º http://www.slideshare.net/koizuka/ss-â€â€‘â€’12766279 ãƒ‹ã‚³ãƒ‹ã‚³è¶…ãƒ‡ã‚¶ã‚¤ãƒ³ http://www.slideshare.net/VoQn/metro-â€â€‘â€’12761898 â†’ Â 4/25 Â WDD Â å®Ÿæ³ãƒã‚§ãƒƒã‚¯ Â / Â NicoNicoMetro Â ç¤¾å†…ãƒ¬ãƒ“ãƒ¥ãƒ¼ 4. ã¯ã˜ã‚ã« å‰å›žã¾ã§ã®ã‚ã‚‰ã™ã˜ 2012/4/6ã€œï½ž4/24 ãƒ‹ã‚³ãƒ‹ã‚³è¶…é–‹ç™º http://www.sli
hondabin 2012/05/18
ui

UX
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸