[B! UI] cohalã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

cohal id:cohal

UIã«é–¢ã™ã‚‹cohalã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

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

Androidã®UIã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ãå‚è€ƒã«ã—ã¦ã„ã‚‹è³‡æ–™ã¾ã¨ã‚ | VIVID COLORS + BLOG -ç¦å²¡ã‹ã‚‰æ±äº¬ã«å‡ºã¦ããŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ–ãƒã‚°-
ãƒ¡ã‚¤ãƒ³ã®ãŠä»•äº‹ãŒAndroid UIæ‹…å½“ã«ãªã£ã¦æ—©1å¹´ã€‚ ä»Šå¹´ã¯çµ¶å¯¾ã«æœˆã«1å›žã¯ãƒ–ãƒã‚°ã‚’æ›´æ–°ã™ã‚‹ã¨æ±ºã‚ã¾ã—ãŸã€‚ ã“ã‚“ã«ã¡ã¯ã€‚YUKIã§ã™ã€‚ Androidã®UIãƒ‡ã‚¶ã‚¤ãƒ³é–¢é€£ã§ã“ã¾ã‚ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ã„ã‚‹è³‡æ–™ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã“ã‚Œã‹ã‚‰Androidã®UIé–¢ä¿‚ã®æƒ…å ±ã‚’é›†ã‚ã‚‹æ–¹ã€Material Designã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãŒç™ºè¡¨ã•ã‚Œã¦ã‹ã‚‰ã©ã†å¤‰ã‚ã£ãŸã®ã‹åŽé›†ä¸ã®æ–¹ã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ï¼ (2015/1/10 ç¾åœ¨) ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆé–¢ä¿‚ å…¬å¼è³‡æ–™é–¢ä¿‚ Material Design ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ http://www.google.com/design/spec/material-design/introduction.html ã¾ãšã¯èªã¿è¾¼ã‚“ã§Material Designã®æ€æƒ³ã‚’ç†è§£ Google Developers Blog http://googledevelopers.blogspot
cohal 2015/01/11
android

UI
ãƒªãƒ³ã‚¯
â– - naoyaã®æ—¥è¨˜
ã‚‚ã†å¤–é‡Žã«ãªã£ãŸäººé–“ãŒãŒã¨ã‚„ã‹ãè¨€ã†ã®ã‚‚ã€ä¸ã®äººçš„ã«ã¯é¢ç™½ããªã„ã‹ã‚‚ã—ã‚Œãªã„ã‘ã‚Œã©... è¨€ã‚ãªã„ã§å¾Œæ‚”ã™ã‚‹ã‚ˆã‚Šè¨€ã£ãŸæ–¹ãŒãƒžã‚·ã€ã¨ã„ã†ç²¾ç¥žã§æ›¸ãæ®‹ã—ã¾ã™ã€‚ã‚ãã¾ã§å€‹äººã®è¦–ç‚¹ã§ã™ã€‚ã‚ã¾ã‚Šè³›åŒã—ã¦ã‚‚ã‚‰ãˆãªã„ã¨æ€ã†ã—ã€‚ ç´”ç²‹ã«ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã€ã¨ã„ã†æ„å‘³ã®æ”¹å–„ã§ã¯ã™ã”ãè‰¯ã„ãªã‚ã¨æ„Ÿã˜ãŸ ãƒ¢ãƒ€ãƒ³ã«ãªã£ãŸã—ã€æ‹¡å¼µæ€§ã®ã‚ã‚‹ UI ã ã¨æ€ã£ãŸ ä½¿ã„ã‚„ã™ã„ã¨æ€ã† ä¸€æ–¹ã€ã‚³ãƒ³ã‚»ãƒ—ãƒˆã®è»¢æ›ã€ã¨ã„ã†ç‚¹ã§ã¯ã‚ã¾ã‚Šè©•ä¾¡ã§ããªã„ ãƒžã‚¤ãƒ›ãƒƒãƒˆã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ã€æŠ€è¡“å±‹ãŒã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã‚’ä½¿ã£ã¦ã¿ãŸã„ã‹ã‚‰ãã†ã—ã¾ã—ãŸã¨ã„ã†ã®ã‚’æŠœã‘å‡ºã›ã¦ãªã„ ã¨ã€ç¾æ™‚ç‚¹ã§ã¯æ€ã£ã¦ã—ã¾ã£ãŸã€‚ä½œã£ãŸäººã«ã¯ã€ç”³ã—è¨³ãªã„ ã¾ã ç²¾åº¦ã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ãŒååˆ†ã§ãªã„ã‹ã‚‰? å¤•æ–¹ã«æ–°UIã«åˆ‡ã‚Šæ›¿ãˆã¦ã‹ã‚‰ã€ã»ã¨ã‚“ã©ãƒ•ã‚£ãƒ¼ãƒ‰ãŒæµã‚Œã¦ãªã„ ã¾ã ã€facebook ã® News Feed ã®ã‚ˆã†ãªã€Œå¤§ããªå•é¡Œã‚’è§£æ±ºã€ã—ãŸæ©Ÿèƒ½ã«ã¯ãªã£ã¦ãªã„ã¨æ€ã£ãŸ ä»Šã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¯ã€ãƒ¦ãƒ¼
cohal 2011/11/23
UI

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
18 Cool Redesign Ideas for Popular Websites
Design plays a pivotal role in the success of a website, acting as the crown to the contentâ€™s kingship. Itâ€™s not just about looks; design shapes how we interact with content. A poor design can lead to a frustrating user experience and a decline in website traffic. As web designers, we often face a balancing act. In our pursuit of creating the perfect website, we find ourselves weighing aesthetics
cohal 2011/11/22
webãƒ‡ã‚¶ã‚¤ãƒ³

ui
ãƒªãƒ³ã‚¯
A Gamification Framework for Interaction Designers
Gamification ranges from superficial afterthought to fundamental element. Gamification is a hot topic. Missed it? On Google Trends it first appeared as a blip in late October 2010 and then took off in January so quickly that it appeared on NPRâ€™s Weekend Edition in March. Investors seem interested, and it already has a sold-out conference and a fast-growing list of agencies that will help you â€œdo g
cohal 2011/05/25
UI

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
iPhoneã¨ã‚·ãƒ‹ã‚¢ï¼å‚™å¿˜éŒ²ï¼ - ã‚·ãƒ‹ã‚¢ç¾å ´ã®éš…ã£ã“ã€‚wasä½¿ã„ã‚„ã™ã•ã‚’è€ƒãˆã¦ã¿ã‚‹ã€‚(ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ã‚·ãƒ‹ã‚¢ãƒ»ã‚·ãƒ«ãƒãƒ¼å±¤ã®ç¾å ´ã‹ã‚‰)
å…ˆé€±ã€æ–°å®¿åŒºã®è¬›ç¿’ä¼šã¨ã—ã¦iPhoneè¬›åº§ã‚’è¡Œã£ãŸã€‚ æ–°å®¿åŒºã®åºƒå ±èªŒã«å‡ºã‚‹è¬›åº§ãªã®ã§ã€åå¿œã‚’è¦³å¯Ÿã—ã¦ã„ãŸã®ã ãŒã€åå¿œã¯ã‚¤ãƒžã‚¤ãƒãƒ»ãƒ»ãƒ» ã¨ã¯ã„ãˆã€å¼Šç¤¾ã®ç”Ÿå¾’ã•ã‚“ã«ã‚‚ã”å‚åŠ ã„ãŸã ã„ã¦ã€å®šå“¡ã«é”ã—ãŸã®ã§è¬›åº§ã‚’å®Ÿæ–½ã€‚ãã‚ŒãŒå…ˆé€±æœ«ã€‚ ã¨ã‚Šã‚ãˆãšã€å‚™å¿˜éŒ²ä»£ã‚ã‚Šã«ã€‚ â–¼å§‹ã¾ã‚‹å‰ã« ãƒ»iPadã‚„galaxyã«ã¤ã„ã¦èˆˆå‘³ãŒã‚ã‚‹ã¨ç™ºè¨€ã—ãŸäººãŒã„ãŸã€‚ï¼ˆå°‘ã—é©šã„ãŸï¼‰ ãƒ»ãƒ‘ã‚½ã‚³ãƒ³ã®ä»£ã‚ã‚Šã«ä½¿ã„ãŸã„ã¨æ€ã£ã¦ã„ã‚‹ã€‚ â†’ä¼šç¤¾ã‚’è¾žã‚ãŸã®ã§ãƒ‘ã‚½ã‚³ãƒ³ã¯é›£ã—ã„ã—ã‚„ã‚ŠãŸããªã„ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆãŒå‡ºæ¥ã‚‹ãã‚‰ã„ã§ååˆ†ã ã‹ã‚‰iPadã§ååˆ†ã¨ã„ã†æ„è¦‹ã€‚ ãƒ»æµè¡Œã£ã¦ã„ã‚‹ã‘ã©ã€ã„ã¾ã•ã‚‰è¦šãˆã‚‹ã®ã¯å¤§å¤‰ã€‚é«˜é½¢è€…å‘ã‘ã¨ã¯ã„ãˆã€ã„ã¾ã©ãã®æºå¸¯ã§ã™ã‚‰ä½¿ã„ã“ãªã—ã¦ã„ãªã„ã®ã«ãƒ»ãƒ»ãƒ» â–¼å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã¦ ãƒ»ã€Œé›£ã—ã„ï¼ã€ã¨ã„ã†æ„è¦‹ãŒã¡ã‚‰ã»ã‚‰ã€‚ ã“ã®ã€Œé›£ã—ã„ã€ã«ã¤ã„ã¦ã¯ã€ã€Œæ…£ã‚Œã¦ã„ãªã„ã€ã¨åŒç¾©ã¨æ„Ÿã˜ã‚‹ã€‚ ãƒ»ã‚¢ãƒ—ãƒªãŒãŸãã•ã‚“ã‚ã‚‹ã¨ã„ã†ã“ã¨ã«æ…£ã‚Œã¦ã„ãªã„ãŸã‚ã€ã‚¢ãƒ—ãƒªãŒ
cohal 2010/12/13
UI

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
WEBã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ä½œæˆã«ä½¿ã‚ã‚Œã‚‹ï¼”ï¼“ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãƒ‘ã‚¿ãƒ¼ãƒ³:phpspoté–‹ç™ºæ—¥èªŒ
43 Essential Controls for Web Applications | UX Booth WEBã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ä½œæˆã«ä½¿ã‚ã‚Œã‚‹ï¼”ï¼“ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ ï¼”ï¼“ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒç¶²ç¾…ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€éƒ¨åˆ†çš„ã«ã€ã©ã†ã„ã†ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒè‰¯ã„ã‹ï¼Ÿã¨ã„ã†ç‚¹ã«ã¤ã„ã¦è¿·ã£ãŸéš›ã«ã‚¨ãƒ³ãƒˆãƒªã‚’çœºã‚ã‚‹ã ã‘ã§å‚è€ƒã«ãªã‚‹éƒ¨åˆ†ãŒã‚ã‚Šãã†ã§ã™ã€‚ ã‚ªãƒ¼ãƒˆã‚µã‚¸ã‚§ã‚¹ãƒˆ ã‚«ãƒ«ãƒ¼ã‚»ãƒ« ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ« ã‚°ãƒ©ãƒ•ã€ãƒãƒ£ãƒ¼ãƒˆ ã‚³ãƒ³ãƒœãƒœãƒƒã‚¯ã‚¹ ã‚¹ãƒ©ã‚¤ãƒ€ ï¼”ï¼“ã¨è¨€ã‚ãšã‚‚ã£ã¨ã‚ã‚Šãã†ãªæ°—ã‚‚ã—ã¾ã™ãŒã€ã‚ã‚‹ç¨‹åº¦ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’çŸ¥ã£ã¦ãŠãã€é©æé©æ‰€ã®UIã‚’è€ƒãˆã¦ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’ä¸Šã’ã‚‹ã®ã«å½¹ç«‹ã¦ã‚‹ã“ã¨ãŒå‡ºæ¥ãã†ã§ã™ãã€‚ ãã‚Œãžã‚Œã®UIã«ã‚‚æ²¢å±±ã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ãã®å ´åˆã¯ã€Œãƒ‘ãƒ¼ãƒ„ã”ã¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç››ã‚Šæ²¢å±±ã§å‚è€ƒã«ã§ãã‚‹Pattern Tapã€ã§ç´¹ä»‹ã—ãŸPatternTapãªã©ã‚’æ›´ã«å‚è€ƒã«å‡ºæ¥ãã†ã§ã™
cohal 2010/03/23
webåˆ¶ä½œ

UI

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ä¸€å‘³é•ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ&ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³é›† â€“ creamu
ã‚ã‚ŠããŸã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ãŸããªã„ã€‚ ãã‚“ãªæ™‚ã«å‚è€ƒã«ãªã‚‹ã®ãŒã€ã€ŽCreative and Unusual Layouts and Navigation Designsã€ã€‚ä¸€å‘³é•ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ&ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³é›†ã§ã™ã€‚ ç‰¹ã«é¢ç™½ã„ãªã€ã¨æ€ã£ãŸã‚‚ã®ã‚’ã”ç´¹ä»‹ã—ã¾ã™ãã€‚ 26000 Vodka ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒæµ®éŠã—ãªãŒã‚‰ã€é è¿‘æ„Ÿã®ã‚ã‚‹æ„Ÿã˜ã§è¡¨ç¤ºã•ã‚Œã‚‹ Sursly æ¨ªã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã„ãã‚¿ã‚¤ãƒ—ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ Lucuma ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ç”»é¢ãŒæ¨ªã«ãã„ãƒ¼ã£ã¨ç§»å‹•ã™ã‚‹ Okay Dave ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å¾Œã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã¨ã¦ã‚‚ç¾Žã—ã„Okay Dave Andreas Smetana ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€ã™ã¨ã‚“ã™ã¨ã‚“ã€ã¨ç”»åƒãŒåˆ‡ã‚Šæ›¿ã‚ã‚‹ã€‚ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚‚æ°—æŒã¡ã„ã„ Snuggle Fux ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒæ–¬æ–°ãªSnuggle Fux Im Design çŸ¢å°ã‚ãƒ¼ã§å¥¥è¡Œãã®ã‚ã‚‹ã‚¤
cohal 2010/01/20
webãƒ‡ã‚¶ã‚¤ãƒ³

UI
ãƒªãƒ³ã‚¯
æ„Ÿæƒ…ã«è¨´ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®3ã¤ã®è¦ç´
ä»Šåº¦ã‹ã‚‰ç¾Žã«ç”Ÿãã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚(ç¬‘)Â ã¿ã‚“ãªè¨€ã£ãŸã‚‚ã®ã§ã™ã€‚ãƒŽãƒ¼ãƒžãƒ³ã¯ã„ã„ã‘ã©ã€å½¼ã®è¨€ã†é€šã‚Šã«ã‚„ã‚‹ã¨ä½¿ã„ã‚„ã™ãã¦ã¿ã£ã¨ã‚‚ãªã„ã‚‚ã®ãŒã§ãã‚‹ã€‚ãã‚“ãªã¤ã‚‚ã‚Šã¯ãªã‹ã£ãŸã‚“ã§ã™ã‘ã©ãâ€¦â€¦ã€‚ã“ã‚Œç´ æ•µã§ã—ã‚‡ã†?ã€€ã‚»ãƒƒãƒ†ã‚£ãƒ³ã‚°ã‚’ã—ã¦ãã‚Œã¦ã‚ã‚ŠãŒã¨ã†ã€‚ç´”ç²‹ã«ç´ æ™´ã‚‰ã—ã„ã€‚ã“ã‚ŒãŒä½•ãªã®ã‹ã€ä½•ã®å½¹ã«ç«‹ã¤ã®ã‹ã‚ã‹ã‚Šã¾ã›ã‚“ãŒã€ãŸã æ¬²ã—ã„ã¨æ„Ÿã˜ã¾ã™ã€‚ãã‚ŒãŒç§ã®æ–°ã—ã„ã‚ã‚Šæ–¹ã§ã™ã€‚ç¾Žã‚„ã€é…åŠ›ã‚„ã€æ„Ÿæƒ…ã¨ã¯ä½•ã‹ã‚’ç†è§£ã™ã‚‹ã“ã¨ã€ãã‚ŒãŒæ–°ã—ã„ç§ã§ã™ã€‚ã‚‚ã®ã‚’ç´ æ•µã§æ¥½ã—ãã™ã‚‹ã¨ã„ã†ã®ãŒã€ç§ã®æ–°ã—ã„ãƒ†ãƒ¼ãƒžã§ã™ã€‚ ã“ã‚Œã¯ã‚¢ãƒ¬ãƒƒã‚·ã‚£ãŒå‡ºã—ã¦ã„ã‚‹ãƒ•ã‚£ãƒªãƒƒãƒ—ãƒ»ã‚¹ã‚¿ãƒ«ã‚¯ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸãƒ¬ãƒ¢ãƒ³æ¾ã‚Šã§ã™ã€‚ã™ã”ãæ¥½ã—ã„ã€‚ç§ã®å®¶ã«ã‚‚ã‚ã‚Šã¾ã™ã€‚çŽ„é–¢ã®ã¨ã“ã‚ã«ã§ã™ã‘ã©ã€‚ãƒ¬ãƒ¢ãƒ³ã‚’æ¾ã‚‹ã®ã«ã¯ä½¿ã„ã¾ã›ã‚“ã€‚(ç¬‘)Â ç§ãŒè²·ã£ãŸã®ã¯é‡‘è‰²ã®ã‚¹ãƒšã‚·ãƒ£ãƒ«ã‚¨ãƒ‡ã‚£ã‚·ãƒ§ãƒ³ãªã‚“ã§ã™ãŒã€å°ã•ãªæ³¨æ„æ›¸ããŒå…¥ã£ã¦ã„ã¾ã—ãŸã€‚ã€Œãƒ¬ãƒ¢ãƒ³ã‚’çµžã‚‹ã®ã«ã¯ä½¿ã‚ãªã„ã§ãã ã•ã„ã€‚é‡‘ãƒ¡ãƒƒã‚ãŒé…¸ã§ç—›ã¿ã¾ã™
cohal 2009/08/26
UI

TED

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

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
1