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

acidgraphix id:acidgraphix

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

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

ã€ŒUX Sketchã€vol.3 ã‚¤ãƒ™ãƒ³ãƒˆãƒ¬ãƒãƒ¼ãƒˆ | Recruit Jobs TECHBLOG
2015/08/28ã«MTLå‹‰å¼·ä¼šã€ŒUX Sketchã€vol.3ã«å‚åŠ ã—ã¦ãã¾ã—ãŸï¼ MTLå‹‰å¼·ä¼šã€ŒUX Sketchã€ã¨ã¯ã€Œäº‹æ¥è¨ˆç”»ï¼ˆçµŒå–¶ï¼‰ã€ã¨ã€ŒUXï¼ˆãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰ã€ã‚’ãƒ†ãƒ¼ãƒžã«èªžã‚‰ã‚Œã‚‹å‹‰å¼·ä¼šã§ã™ã€‚ â€»è©³ã—ãã¯ã‚¤ãƒ™ãƒ³ãƒˆã®èª¬æ˜Žã‚’ã”è¦§ãã ã•ã„ vol.3ã§ã¯ã€ŒUXãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯æ§˜ã€…ãªèƒ½åŠ›ãŒæ±‚ã‚ã‚‰ã‚Œã‚‹ã€ã¨ã„ã†å‰æã®ã‚‚ã¨ã€ã€Œä½•ãŒã§ãã‚Œã°ã€Žå„ªç§€ãªUXãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ã¨èªã‚ã‚‰ã‚Œã‚‹ã®ã‹ï¼Ÿã€ã«ã¤ã„ã¦ã®ãŠè©±ã‚’èžã„ã¦ãã¾ã—ãŸã€‚ å¾¡å¶½å±±ã€Œå™´ç«ã®è¨¼è¨€ã€ã¨FACE MELODYã‹ã‚‰ã¿ã‚‹UXãƒ‡ã‚¶ã‚¤ãƒ³ ä¸€ç•ªæœ€åˆã«ãŠè©±ã•ã‚ŒãŸã®ã¯ä¼Šè—¤ å¤§è¼”ã•ã‚“ï¼ˆé¢ç™½æ³•äººKAYAC - ä¼ç”»éƒ¨ ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ï¼‰ã§ã™ã€‚ ä¼Šè—¤ã•ã‚“ã¯å¾¡å¶½å±±ã€Œå™´ç«ã®è¨¼è¨€ã€ã¨FACE MELODYã‚’ä¾‹ã«ãŠè©±ã‚’ã•ã‚Œã¾ã—ãŸã€‚ å¾¡å¶½å±±ã€Œå™´ç«ã®è¨¼è¨€ã€ã§ã¯ã€äººã€…ã«å¯¾ã—ã¦æƒ…å ±ã‚’ã¡ã‚ƒã‚“ã¨ä¼ãˆã‚‹ãŸã‚ã«ã€ã‚‚ã¨ã‚‚ã¨ã¯æŠ€è¡“ã‚ˆã‚Šã§ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆãŒå¼·ãã€è‡ªç”±åº¦ã‚‚é«˜ã„è¦‹ã›æ–¹ã«ã—ã¦ã„ãŸã‚‚ã®ã‚’facebook
acidgraphix 2015/09/15
ui
ãƒªãƒ³ã‚¯
iPhoneæœ€é©åŒ–ã‚µã‚¤ãƒˆæ§‹ç¯‰
Mockapp templateã¯PowerPointã€Keynoteå‘ã‘ã«iPhoneã‚¢ãƒ—ãƒªã‚„iPhoneæœ€é©åŒ–ã‚µã‚¤ãƒˆã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’ä½œã‚‹ã®ã«é©ã—ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚å¤§ãã•ãŒã¡ã‚‡ã†ã©iPhoneã®å¤§ãã•ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚„ã‚Šã‚„ã™ã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ Keynoteå‘ã‘ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ ã¾ãŸã€ã‚‚ã†ä¸€ã¤UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ã“ã¡ã‚‰ã¯ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚„ãƒœã‚¿ãƒ³ãªã©ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã•ã‚Œã¦ã„ã‚‹ã®ã§ã€UIã¨ç”»é¢ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’çµ„ã¿åˆã‚ã›ã‚Œã°ã€iPhoneã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ã¤ã‹ã¿ã‚„ã™ã„ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒã§ããã†ã§ã™ã€‚ ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ã¦ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’ä½œæˆã™ã‚‹ã¨ã€iPhoneã®ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å·¦å´ã«ã€ãã®èª¬æ˜Žæ›¸ãã‚’å³å´ã«ã—ã¦è³‡æ–™ã‚’ä½œæˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚Mockapp templateã¯iPhoneã‚¢ãƒ—ãƒªã‚„æœ€é©åŒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚‹éš›ã«ã¯é‡å®ã—ãã†ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢
acidgraphix 2010/06/02
iPhoneDev

iPhone

ui

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
ç¬¬38å›ž ãƒ¦ãƒ¼ã‚¶è©•ä¾¡ã®è½ã¨ã—ç©´ | WIRED VISION
ç¬¬38å›ž ãƒ¦ãƒ¼ã‚¶è©•ä¾¡ã®è½ã¨ã—ç©´ 2009å¹´12æœˆ16æ—¥ ï¼ˆã“ã‚Œã¾ã§ã®å¢—äº•ä¿Šä¹‹ã®ã€Œç•Œé¢æ½®æµã€ã¯ã“ã¡ã‚‰ï¼‰ äººé–“ãŒåˆ©ç”¨ã™ã‚‹ã‚·ã‚¹ãƒ†ãƒ ã‚’ä½œã‚‹ã¨ãã¯å¿…ãšãƒ¦ãƒ¼ã‚¶è©•ä¾¡ãŒå¿…è¦ã§ã™ã€‚é–‹ç™ºã®åˆæœŸæ®µéšŽã«ãŠã„ã¦å®¢è¦³çš„ãªä»–äººã®ç›®ã§è¦‹ã¦ã‚‚ã‚‰ã†ã“ã¨ã«ã‚ˆã‚Šã€å•é¡Œã‚’æ—©æœŸç™ºè¦‹ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã—ã€å…¨ãã‚¹ã‚¸ãŒæ‚ªã„ã‚ˆã†ã§ã‚ã‚Œã°æœ€åˆã‹ã‚‰è€ƒãˆç›´ã™ã“ã¨ã‚‚ã§ãã¾ã™ã€‚å°‘äººæ•°ã®ãƒ†ã‚¹ãƒˆãƒ¦ãƒ¼ã‚¶ã«è©•ä¾¡ã—ã¦ã‚‚ã‚‰ã†ã“ã¨ã«ã‚ˆã£ã¦åŠ‡çš„ã«å•é¡Œç‚¹ãŒæ¸›ã‚‹ã“ã¨ãŒçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ å®Œæˆã—ãŸã‚·ã‚¹ãƒ†ãƒ ã«ã¤ã„ã¦ã‚‚ãƒ¦ãƒ¼ã‚¶è©•ä¾¡ã¯é‡è¦ã§ã™ã€‚æ–°ã—ã„ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚·ã‚¹ãƒ†ãƒ ã‚’é–‹ç™ºã—ãŸç ”ç©¶è€…ã¯ã€å¦ä¼šã§è«–æ–‡ã‚’ç™ºè¡¨ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ãã®ã‚·ã‚¹ãƒ†ãƒ ã‚’ä¸–ã«åºƒã‚ã‚‹ã®ãŒæ™®é€šã§ã™ãŒã€è«–æ–‡ã‚’ç™ºè¡¨ã™ã‚‹ãŸã‚ã«ã¯ã€è˜è€…ã«ã‚ˆã‚‹è«–æ–‡æŸ»èªã‚’é€šéŽã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚æ–°è¦ã§ãªã„ã‚·ã‚¹ãƒ†ãƒ ã‚„æœ‰ç”¨ã§ãªã„ã‚·ã‚¹ãƒ†ãƒ ãªã©ã€ç™ºè¡¨ã™ã‚‹ä¾¡å€¤ãŒç„¡ã„ã‚·ã‚¹ãƒ†ãƒ ã¯æŸ»èªã®æ®µéšŽã§å•é¡Œç‚¹ãŒæŒ‡æ‘˜ã•ã‚Œã€è«–æ–‡ã¨ã—ã¦ç™ºè¡¨ã•ã‚Œãªã„ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®
acidgraphix 2009/12/17
é–‹ç™º

ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢

usability

UI
ãƒªãƒ³ã‚¯
Phenomena Entertainment
å¼Šç¤¾æ¥å‹™çŠ¶æ³ã®ã”æ¡ˆå†… 2020å¹´7æœˆã‹ã‚‰å¼Šç¤¾ã¯ãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ã‚¿ã‚¤ãƒ åˆ¶ã«ã‚ˆã‚‹æ¯Žæ—¥ã®å‡ºç¤¾å‹¤å‹™ä½“åˆ¶ã¨ã—ã¦ã„ã¾ã™ãŒã€çŠ¶æ³ã«ã‚ˆã‚Šåœ¨å®…å‹¤å‹™ä½“åˆ¶ã«å¤‰æ›´ã™ã‚‹å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ ãªãŠã€ã‚ªãƒ•ã‚£ã‚¹ã¯å®…é…ä¾¿ã‚„éƒµä¾¿ç‰©ç‰ã®å—ã‘å–ã‚Šã¯å¯èƒ½ã§ã™(10:00ã€œ17:00)ã€‚ Pickup2020/04/05 Windows WPFç”¨ã‚«ãƒ©ãƒ¼ãƒ¢ãƒ¼ãƒ‰ç·¨é›†ãƒ„ãƒ¼ãƒ«ã®ãƒªãƒªãƒ¼ã‚¹ è©±é¡Œã®ãƒ€ãƒ¼ã‚¯ãƒ¢ãƒ¼ãƒ‰ã‚¢ãƒ—ãƒªé–‹ç™ºã«å‘ã‘ãŸãƒ„ãƒ¼ãƒ«ã‚’é–‹ç™ºã—ã¦ã„ã¾ã™ã€‚ ãƒ€ãƒ¼ã‚¯ãƒ¢ãƒ¼ãƒ‰ã«é–¢ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³æƒ…å ±ã‚’å«ã‚ã¦ã®ã”æ¡ˆå†…ã§ã™ã€‚ é–‹ã
acidgraphix 2009/12/10
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

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

UI

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

ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®é¢å€’ã§åˆ†ã‹ã‚Šè¾›ã„CSSãƒãƒƒã‚¯ã¨ã¯ã‚µãƒ¨ãƒŠãƒ©ã§ããã†ãªã€ŒPHP CSS Browser Selectorã€:phpspoté–‹ç™ºæ—¥èªŒ
ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®é¢å€’ã§åˆ†ã‹ã‚Šè¾›ã„CSSãƒãƒƒã‚¯ã¨ã¯ã‚µãƒ¨ãƒŠãƒ©ã§ããã†ãªã€ŒPHP CSS Browser Selectorã€ 2009å¹´09æœˆ14æ—¥- ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®é¢å€’ã§åˆ†ã‹ã‚Šè¾›ã„CSSãƒãƒƒã‚¯ã¨ã¯ã‚µãƒ¨ãƒŠãƒ©ã§ããã†ãªã€ŒPHP CSS Browser Selectorã€ã€‚ CSS ã®è¨˜è¿°ã®å˜ç´”åŒ– PHPã§UserAgentã‚’è§£æžã—ã€<html> ã« class ã‚’æŒ¯ã£ã¦ã—ã¾ã†ã“ã¨ã§ã€CSSã®æŒ‡å®šãŒæ¬¡ã®ã‚ˆã†ã«æ¥½ã«ãªã‚Šã¾ã™ã€‚ /* IEã®ã¿ã«é©ç”¨ */ .ie body { background-color: yellow } /* IE7ã®ã¿ã«é©ç”¨ */ .ie7 body { background-color: orange } /* geckoãƒ™ãƒ¼ã‚¹ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®ã¿ã«é©ç”¨ */ .gecko body { background-color: gray } ä½¿ã„æ–¹ (1) å¿…è¦ãªPHPãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¤ãƒ³ã‚¯
acidgraphix 2009/12/10
css

webdesign

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

ui
ãƒªãƒ³ã‚¯
ã€æºå¸¯ã‚µã‚¤ãƒˆã€‘ã‚‚ã†1ãƒšãƒ¼ã‚¸å…ˆã«é€²ã‚“ã§ã‚‚ã‚‰ã†ãŸã‚ã®ï¼–ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ (ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å®Ÿè·µãƒ¡ãƒ¢)
ã›ã£ã‹ãã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã£ã¦ã‚‚ã€ãƒªãƒ³ã‚¯ãŒãƒ¦ãƒ¼ã‚¶ã«ã‚¯ãƒªãƒƒã‚¯ã•ã‚Œãšã€å†…å®¹ã‚’è¦‹ã¦ã‚‚ã‚‰ãˆãªã„ã€ã¨ã„ã†æ‚©ã¿ã‚’ãŠæŒã¡ã®WEBãƒžã‚¹ã‚¿ãƒ¼ã®æ–¹ã¯å¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ä»Šå›žã¯ã€æºå¸¯ã‚µã‚¤ãƒˆã§ãƒ¦ãƒ¼ã‚¶ã‚’æ¬¡ãƒšãƒ¼ã‚¸ã«å°ŽããŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ç†è€…ãŒãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ†ã‚¹ãƒˆï¼ˆãƒ¦ãƒ¼ã‚¶è¡Œå‹•è¦³å¯Ÿèª¿æŸ»ï¼‰ã‚’é€šã—ã¦å¾—ãŸå®Ÿæ„Ÿã¨ã—ã¦ã€æºå¸¯ã‚µã‚¤ãƒˆã®æ–¹ãŒãƒ‘ã‚½ã‚³ãƒ³ã‚µã‚¤ãƒˆã‚ˆã‚Šã‚‚æ¬¡ãƒšãƒ¼ã‚¸ã¸ã®èª˜å°ŽãŒé›£ã—ã„ã¨ã„ã†å°è±¡ãŒã‚ã‚Šã¾ã™ã€‚ã‚ã‚‹æºå¸¯ã®æœ‰æ–™ä¼šå“¡åˆ¶ã‚µã‚¤ãƒˆã§ã¯ã€ã€Œãƒ¦ãƒ¼ã‚¶ã¯ã„ã¤ã‚‚åˆ©ç”¨ã—ã¦ã„ã‚‹ãƒªãƒ³ã‚¯ä»¥å¤–ã¯ã»ã¨ã‚“ã©ã‚¯ãƒªãƒƒã‚¯ã—ãªã„ã€ã¨ã„ã†ãƒ¦ãƒ¼ã‚¶è¡Œå‹•ãŒè¦‹ã‚‰ã‚Œã¾ã—ãŸã€‚ ç†ç”±ã¨ã—ã¦ã€æºå¸¯ã‚µã‚¤ãƒˆã¯ èªã¿è¾¼ã¿ãŒé…ã„éš™é–“æ™‚é–“ã«åˆ©ç”¨ã•ã‚Œã‚‹å ´åˆãŒå¤šãã€åˆ©ç”¨æ™‚é–“ãŒçŸã„ãƒ‘ã‚±ãƒƒãƒˆä»£ãŒã‹ã‹ã‚‹ ãªã©ãŒè€ƒãˆã‚‰ã‚Œã¾ã™ã€‚ ãã®ãŸã‚ã€æºå¸¯ã‚µã‚¤ãƒˆã§ãƒ¦ãƒ¼ã‚¶ã‚’æ¬¡ãƒšãƒ¼ã‚¸ã«èª˜å°Žã™ã‚‹ãŸã‚ã«ã¯ã€ãƒ‘ã‚½ã‚³ãƒ³ã‚µã‚¤ãƒˆä»¥ä¸Šã«èª˜å°Žæ–¹æ³•ã‚’æ„è˜ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ä»¥ä¸‹ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ†ã‚¹ãƒˆï¼ˆãƒ¦ãƒ¼ã‚¶è¡Œå‹•è¦³å¯Ÿèª¿æŸ»ï¼‰
acidgraphix 2009/12/10
mobile

ãƒ¢ãƒã‚¤ãƒ«

ui

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

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

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

ui

Mobile

ãƒ•ã‚©ãƒ¼ãƒ

ãƒ¢ãƒã‚¤ãƒ«
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆåˆ¶ä½œã«ä¾¿åˆ©ãªOmniGraffleã‚¹ãƒ†ãƒ³ã‚·ãƒ« : could
UIãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚µã‚¤ãƒˆåˆ¶ä½œã«ä¾¿åˆ©ãªOmniGraffleã‚¹ãƒ†ãƒ³ã‚·ãƒ« åˆ¶ä½œãƒ¡ãƒ³ãƒãƒ¼ã®ä½“å‹¢ã‚„ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«ã«ã‚ˆã£ã¦ã¯ HTML ã§ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ãŒã€ãã†ã§ãªã„å ´åˆã¯ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ OmniGraffle ã§ä½œã£ã¦ã„ã¾ã™ã€‚ OmniGraffle ã§ã¯ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æƒãˆãŸã‚Šèª¿æ•´ãŒç°¡å˜ã§ã™ã—ã€ãƒžãƒ«ãƒãƒšãƒ¼ã‚¸ã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã®ã§ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚‰åˆ¥ãƒšãƒ¼ã‚¸ã«ç§»å‹•ã¨ã„ã£ãŸåŠ¹æžœã‚‚ä½œã‚Œã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“æ›¸ãå‡ºã—ãŸ PDF ã‚‚ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ãªãƒžãƒ«ãƒãƒšãƒ¼ã‚¸ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€ä»–ã®æ–¹ã¨ã®å…±æœ‰ã—ãŸéš›ã‚‚ãƒšãƒ¼ã‚¸ã®é·ç§»ãŒã¿ãˆã‚„ã™ã„ã§ã™ã€‚ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã¨ã„ã£ãŸã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚‚ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«å……ã¦ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã®ã§ã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªãƒšãƒ¼ã‚¸ã‚‚è¡¨ç¾å‡ºæ¥ãªãã¯ãªã„ã§ã™ãŒã€ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã¯ PDF ã«æ›¸ãå‡ºã—ãŸéš›ã«ãªããªã£ã¦ã—ã¾ã†ã®ãŒæ®‹å¿µã€‚Professionalç‰ˆã§ã¯ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¢ãƒ¼ãƒ‰ãŒã‚ã‚‹ã®ã§ã€å‡ºå…ˆã§
acidgraphix 2009/12/10
omni graffleã®ã‚¹ãƒ†ãƒ³ã‚·ãƒ«

ui

mac

omnigraffle
ãƒªãƒ³ã‚¯
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³UIå®Ÿè£…ç”¨JSãƒ©ã‚¤ãƒ–ãƒ©ãƒª:phpspoté–‹ç™ºæ—¥èªŒ
Animated JavaScript Accordion V2 - Web Development Blog This lightweight (1.3 KB) animated JavaScript accordion is an update to the original accordion script posted on April 18th.ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³å®Ÿè£…ç”¨JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ æ¬¡ã®ã‚ˆã†ãªã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³UIã‚’å®Ÿè£…ã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢ã¯ã“ã¡ã‚‰ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒãªã‚ã‚‰ã‹ã§ã‚«ãƒƒã‚³ã„ã„ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Prototype.jsã¨Script.aculo.usã§ä½œã‚‹ã‚¯ãƒ¼ãƒ«ãªã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ï¼µï¼© JavaScriptã«ã‚ˆã‚‹æ°´å¹³ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³UIã€ŒHorizontal JavaScript Accordionã€
acidgraphix 2009/11/15
js

javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

ui

ajax
ãƒªãƒ³ã‚¯
10 Useful Usability Findings and Guidelines â€” Smashing Magazine
Everyone would agree that usability is an important aspect of Web design. Whether youâ€™re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work. Here are 10 useful usability fi
acidgraphix 2009/09/25
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

ui
ãƒªãƒ³ã‚¯
ã‚¿ãƒ–UIè©³è§£
ã‚¿ãƒ–UIã®æ§‹é€ ã‚„ç‰¹é•·ã€è¨ç½®ã®åˆ¤æ–ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã€å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆã‚„æ©Ÿèƒ½ã®æ‹¡å¼µæ–¹æ³•ã€å®Ÿè£…ä¾‹ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆä¾‹ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Module Tabs in Web Design ä»¥ä¸‹ã€ãã®æ„è¨³ã§ã™ã€‚ â€»åŽŸæ–‡ã§ã¯ã€Œã‚¿ãƒ–ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã€ã¨ãªã£ã¦ã„ã¾ã™ãŒã€ã‚¿ãƒ–ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚„ã‚¿ãƒ–UIã¨è¨˜è¼‰ã™ã‚‹ã¨ç…©é›‘ã«ãªã‚‹ãŸã‚ã€ã€Œã‚¿ãƒ–ã€ã¨ç•¥ã—ã¾ã™ã€‚ ã‚¿ãƒ–ã®ã¿ã‚’æŒ‡ã™å ´åˆã¯ã€ã€Œã‚¿ãƒ– ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ã¨ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. ã‚¿ãƒ–ã®æ§‹é€ 2. ã‚¿ãƒ–ã¯ã„ã¤ä½¿ç”¨ã™ã‚‹ã®ã‹ 3. ã‚¿ãƒ–ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¨ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ 4. ã‚¿ãƒ–ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ 5. ã‚¿ãƒ–ã®æ‹¡å¼µ 6. ã‚¿ãƒ–ã®å®Ÿè£…é›† 7. ã‚¿ãƒ–ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† 8. ã‚¿ãƒ–ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆé›† ã¯ã˜ã‚ã« ã‚¿ãƒ–ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç•°ãªã‚‹ãƒ‘ãƒãƒ«ã«é…ç½®ã—ãŸãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ ãƒ‘ãƒãƒ«
acidgraphix 2009/09/08
ãªãœã‚¿ãƒ–ã‚’ä½¿ã†ã®ã‹ã€ä½¿ã„ã‚„ã™ã„ã‚¿ãƒ–ã¨ã¯ã€ã‚¿ãƒ–ã¯å¥¥æ·±ã„ã€‚

ui

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

tab
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒ¦ãƒ¼ã‚¶ãƒ†ã‚¹ãƒˆã«ãŠã„ã¦ã€ãƒ¢ãƒã‚¤ãƒ«æ©Ÿå™¨ä¸Šã§ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½¿ç”¨ã—ãŸã¨ãã®ã‚¹ã‚³ã‚¢ã¯éžå¸¸ã«æ‚ªãã€ç‰¹ã«ã€ãƒ¢ãƒã‚¤ãƒ«ç”¨ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ãªã„ã€Œãƒ•ãƒ«ã€ã‚µã‚¤ãƒˆã«ãƒ¦ãƒ¼ã‚¶ãŒã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã¨ãã€æ‚ªã„è©•ä¾¡ã¨ãªã£ãŸã€‚ Mobile Usability by Jakob Nielsen on July 20, 2009 ãƒ¢ãƒã‚¤ãƒ«åˆ©ç”¨ã¯å¤šãã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒç›´é¢ã—ã¦ã„ã‚‹æœ€å¤§ã®ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã®1ã¤ã§ã‚ã‚‹ã€‚ãƒ¢ãƒã‚¤ãƒ«åˆ©ç”¨ã¯ã‚¤ãƒ³ãƒˆãƒ©ãƒãƒƒãƒˆã«ã¨ã£ã¦ã‚‚é‡è¦ã ãŒã€ç‰¹ã«å¤–å‡ºã®å¤šã„å¾“æ¥å“¡ã‚’å¤šæ•°æŠ±ãˆã‚‹ä¼æ¥ã«ã¯é‡è¦ãªã‚‚ã®ã§ã‚ã‚‹ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£èª¿æŸ» ãƒ¢ãƒã‚¤ãƒ«æ©Ÿå™¨ä¸Šã§ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½¿ã„ã‚„ã™ãã€ã‚ã‚‹ã„ã¯ä½¿ã„ã«ããã—ã¦ã„ã‚‹ã‚‚ã®ã¯ä½•ã‹ã‚’ç™ºè¦‹ã™ã‚‹ãŸã‚ã«ã€æˆ‘ã€…ã¯ä»¥ä¸‹ã®3ã¤ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ¡ã‚½ãƒƒãƒ‰ã‚’çµ„ã¿åˆã‚ã›ãŸï¼š ãƒ€ã‚¤ã‚¢ãƒªãƒ¼èª¿æŸ»ã€‚6ã‚«å›½ï¼ˆã‚ªãƒ¼ã‚¹ãƒˆãƒ©ãƒªã‚¢ã€ã‚ªãƒ©ãƒ³ãƒ€ã€ãƒ«ãƒ¼ãƒžãƒ‹ã‚¢ã€ã‚·ãƒ³ã‚¬ãƒãƒ¼ãƒ«ã€ã‚¤ã‚®ãƒªã‚¹ã€ã‚¢ãƒ¡ãƒªã‚«ï¼‰ã€14äººã®å‚åŠ è€…ã«ã€ç´„1é€±é–“è‡ªåˆ†ã®ãƒ¢ãƒã‚¤ãƒ«æ©Ÿå™¨ã§è¡Œã£ãŸã€é›»
acidgraphix 2009/08/05
ãƒ¤ã‚³ãƒ–ãƒ‹ãƒ¼ãƒ«ã‚»ãƒ³åšå£«ãŒãƒ¢ãƒã‚¤ãƒ«ã«èˆˆå‘³ã‚’ç¤ºã•ã‚ŒãŸã‚ˆã†ã

design

mobile

ui
ãƒªãƒ³ã‚¯
OmniGraffleã‚’ä½¿ã£ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆä½œã‚Š
OmniGraffleã¯ã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ã•ã•ã£ã¨æ›¸ãã®ã«å¤§å¤‰ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«ã€‚ä»¥å‰ã€Œã‚µã‚¤ãƒˆåˆ¶ä½œã«ä¾¿åˆ©ãªOmniGraffleã‚¹ãƒ†ãƒ³ã‚·ãƒ«ã€ã¨ã„ã†è¨˜äº‹ã§ã€é«˜å“è³ªã®ã‚¹ãƒ†ãƒ³ã‚·ãƒ«ã‚’å¹¾ã¤ã‹ç´¹ä»‹ã—ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã‚‰ã‚’ä½¿ãˆã°æ‰‹è»½ã«å®Œæˆå“ã«è¿‘ã„è¦‹ãŸç›®ã®çµµå›³ã‚’ä½œã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ãªã‹ãªã‹ä¾¿åˆ©ãª OmniGraffle ã§ã™ãŒã€é€šå¸¸ç‰ˆã¨ãƒ—ãƒç‰ˆã®ï¼’ã¤ã‚ã‚Šã€ã©ã¡ã‚‰ã‹è¿·ã£ã¦ã„ã‚‹æ–¹ã‚‚ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ä»Šå›žç´¹ä»‹ã™ã‚‹ãƒã‚¦ãƒ„ãƒ¼ã¯é€šå¸¸ç‰ˆã§ã‚‚ã‚ã‚‹ç¨‹åº¦å‡ºæ¥ã¾ã™ãŒã€ãƒ—ãƒç‰ˆã§åŠ¹æžœã‚’ç™ºæ®ã™ã‚‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ä½œã‚Šæ–¹ã§ã™ã€‚ å¤‰æ•°ã‚’æ´»ç”¨ã™ã‚‹ æ›¸é¡žã‚’åˆ¶ä½œã™ã‚‹éš›ã«ã€ä½•åº¦ã‚‚åŒã˜ã“ã¨ã‚’æ›¸ãå ´åˆã‚„ã€ãƒšãƒ¼ã‚¸ç•ªå·ã‚’æŒ¿å…¥ã—ãŸã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ã“ã†ã—ãŸæƒ…å ±ã‚’æ‰‹å…¥åŠ›ã—ã¦ã„ã‚‹ã¨å¤§å¤‰æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚OmniGraffle ã«ã¯ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«å¤‰æ•°ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«æ–‡å—ã‚„æ•°å—ã‚’ç”Ÿæˆã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ä¾‹ãˆã°ã€å„ã‚ãƒ£ãƒ³ãƒã‚¹ã‚’ãƒšãƒ¼
acidgraphix 2009/07/27
OmniGraffleã®WINç‰ˆãŒã‚ã‚Œã°â€¦orz

ãŠå½¹ç«‹ã¡

ui

tips
ãƒªãƒ³ã‚¯
I â™¥ wireframes
Tumblelog managed by Ivana Jurcic, Web Developer from Belgrade, Serbia. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); try { var pageTracker = _gat._getTracker("UA-140887-8"); pageTracker._trackPageview(); } catch(err) {} woopra
acidgraphix 2009/07/16
ui

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

webdesign

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
çŸ¥ã£ã¦ãŠããŸã„UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³10é¸ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Janko Jovanovicæ°ãŒSmashing Magazineã«ãŠã„ã¦10 UI Design Patterns You Should Be Paying Attention Toã®ã‚¿ã‚¤ãƒˆãƒ«ã®ã‚‚ã¨ã€ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã«é–¢ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹ã€‚UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ä¸€èˆ¬çš„ãªãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã€‚ç¹°ã‚Šè¿”ã—è¡¨ã‚Œã‚‹ã‚ˆã†ãªä¸€èˆ¬çš„ãªå•é¡Œã«å¯¾ã—ã¦åŠ¹æžœãŒã‚ã‚‹ã€‚æ¬¡ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã€‚ é…å»¶ãƒ¬ã‚¸ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½¿ã†ã«ã‚ãŸã£ã¦æœ€åˆã«ç™»éŒ²ä½œæ¥ãŒå¿…è¦ã«ãªã‚‹ã®ã¯ã€ãƒ¦ãƒ¼ã‚¶ã«ã„ã‚‰ã ã¡ã‚’æ„Ÿã˜ã•ã›ã‚‹ã€‚ã§ãã‚Œã°ãƒ¦ãƒ¼ã‚¶ç™»éŒ²ä½œæ¥ã¯å¿…è¦ã«ãªã‚‹ã¾ã§é…å»¶ã•ã›ã¦ãŠ
acidgraphix 2009/06/25
æ™®æ®µä½¿ã£ã¦ã„ã‚‹ãƒ‘ãƒ¼ãƒ„ã®è‹±èªžåç§°ãŒã‚ã‹ã‚‹ã€‚

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

ui

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
YouTubeã§ã‚‚ã€Œãƒ¯ãƒ³ãƒ€ãƒ¼ãƒ›ã‚¤ãƒ¼ãƒ«ã€åˆ©ç”¨å¯èƒ½ã« - é–¢é€£æ¤œç´¢ã‚’è¦–è¦šåŒ– | ãƒãƒƒãƒˆ | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
ç±³GoogleãŒå‹•ç”»ã‚µãƒ¼ãƒ“ã‚¹YouTubeã®æ¤œç´¢æ©Ÿèƒ½ã«ã€Œãƒ¯ãƒ³ãƒ€ãƒ¼ãƒ›ã‚¤ãƒ¼ãƒ« (Wonder Wheel)ã€ã‚’è¿½åŠ ã—ãŸã€‚ ãƒ¯ãƒ³ãƒ€ãƒ¼ãƒ›ã‚¤ãƒ¼ãƒ«ã¯ã€ä»Šå¹´5æœˆã«Googleæ¤œç´¢ã«è¿½åŠ ã•ã‚ŒãŸæ¤œç´¢ãƒ„ãƒ¼ãƒ«ã®1ã¤ã§ã€æ¤œç´¢ãƒ¯ãƒ¼ãƒ‰ã«é–¢é€£ã™ã‚‹ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚„çµ„ã¿åˆã‚ã›ãƒ¯ãƒ¼ãƒ‰ã‚’è¦–è¦šçš„ã«è¾¿ã£ã¦ã„ã‘ã‚‹ã€‚ YouTubeã§ã¯æ¤œç´¢å¾Œã«ã€æ¤œç´¢çµæžœä¸Šéƒ¨ã®çµžã‚Šè¾¼ã¿ç”¨ãƒãƒ¼ã®å³ç«¯ã«[Wonder Wheel]ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€æ¤œç´¢ãƒ¯ãƒ¼ãƒ‰ã®å‘¨å›²ã«é–¢é€£ãƒ¯ãƒ¼ãƒ‰ãŒé…ç½®ã•ã‚ŒãŸãƒžãƒƒãƒ—ãŒç¾ã‚Œã‚‹ã€‚ä¾‹ãˆã°[iPhone]ã¨æ¤œç´¢ã—ã¦ãƒ¯ãƒ³ãƒ€ãƒ¼ãƒ›ã‚¤ãƒ¼ãƒ«ã«åˆ‡ã‚Šæ›¿ãˆã‚‹ã¨ã€[iPhone]ã‚’çœŸã‚“ä¸ã«[iPhone 3G]ã€[iPhone 3.0]ã€[BlackBerry Storm]ãªã©ãŒåºƒãŒã‚‹ã€‚ã“ã‚Œã‚‰é–¢é€£ãƒ¯ãƒ¼ãƒ‰ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ãƒžãƒƒãƒ—ã®ä¸å¿ƒãŒå…¥ã‚Œæ›¿ã‚ã‚Šã€åŒæ™‚ã«æ¤œç´¢çµæžœã®ãƒ“ãƒ‡ã‚ªãƒªã‚¹ãƒˆã®å†…å®¹ã‚‚å¤‰åŒ–ã™ã‚‹ã€‚iPhone 3Gã®è©•ä¾¡ã«é–¢å¿ƒãŒã‚ã‚‹ãªã‚‰ã°ã€[iPhon
acidgraphix 2009/06/18
ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚°ãƒ©ãƒ•ã®ã‚ˆã†ãªUI

ui
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
acidgraphix 2009/06/17
UIã¾ã¨ã‚ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚ã‚’ç™¾å¼ãŒé¸åˆ¥â€¦ãã†ããŸã‹ã€‚

ã¾ã¨ã‚

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

ui
ãƒªãƒ³ã‚¯
http://gerenuk.crazyphoto.org/2009/06/16/738/
acidgraphix 2009/06/16
UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¾ã¨ã‚ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚ã‚µã‚¤ãƒˆã®ç¿»è¨³

ã¾ã¨ã‚

ui

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

design
ãƒªãƒ³ã‚¯
40+ Helpful Resources On User Interface Design Patterns â€” Smashing Magazine
If there is a commonly reoccurring need for a particular solution, there is a great probability that someone has - by now - solved that need and has finished the legwork involved in researching and constructing something that resolves it. At the very least, you will find documentation on general solutions to related probl ems that will enable you to gain insight on best practices, effective techniq
acidgraphix 2009/06/16
UIãƒ‘ã‚¿ãƒ¼ãƒ³ã®ã¾ã¨ã‚ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚

ã¾ã¨ã‚

design

css

ui

webdesign
ãƒªãƒ³ã‚¯
Ajaxã§RSS/OPMLã‚’èªã¿è¾¼ã‚“ã§ãƒšãƒ¼ã‚¸ã«è¡¨ç¤ºã™ã‚‹ãƒ„ãƒ¼ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
OPod The OPML-Pod is an AJAX OPML and RSS viewer widget that you can embed in any web page you like. OPodã¯RSS/OPMLã‚’è‡ªåˆ†ã®ãƒšãƒ¼ã‚¸ã«ç°¡å˜ã«è²¼ã‚Šä»˜ã‘ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹Javascriptã§å‡ºæ¥ãŸã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã§ã™ ã“ã‚“ãªã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚’ãƒšãƒ¼ã‚¸ã«è¡¨ç¤ºã§ãã¾ã™ã€‚ RSSã ã‘ã§ãªãã€OPMLã‚‚å–ã‚Šè¾¼ã‚ã‚‹ã®ãŒæ–°ã—ã„ã§ã™ãã€‚OPMLã®ã‚«ãƒ†ã‚´ãƒªã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚°ãƒªã‚°ãƒªå‹•ã„ã¦ãã‚Œã¾ã™ã€‚ OPMLã¨ã¯ãŠæ°—ã«å…¥ã‚Šã‚’æ¨™æº–åŒ–ã—ãŸã‚‚ã®ã§ã€RSSãƒªãƒ¼ãƒ€ãƒ¼ã®ãŠæ°—ã«å…¥ã‚ŠFeedã®ä¸€è¦§ã‚’ä¿å˜ã—ã¦ãŠãã®ã«ã‚ˆãä½¿ã‚ã‚Œã‚‹XMLãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã™ã€‚
acidgraphix 2009/06/04
ãªã‚“ã‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ã€‚

javascript

UI
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸