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

dann id:dann

uiã«é–¢ã™ã‚‹dannã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Figmaã‚’ä½¿ã£ã¦é–‹ç™ºãƒãƒ¼ãƒ ã®ç”Ÿç”£æ€§ã‚’ã‚ã’ã‚‹ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒžãƒã‚¸ãƒ¡ãƒ³ãƒˆï½œåªç”° æœ‹
é–‹ç™ºç¾å ´ã« Figma ã‚’å°Žå…¥ã—ã¦ãƒãƒ¼ãƒ ã®ç”Ÿç”£æ€§ãŒä¸ŠãŒã£ãŸè©±ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‰ãƒªãƒ–ãƒ³ã§ã€ãƒ—ãƒã‚»ã‚¹ã‚’å¯è¦–åŒ–ã—ãªãŒã‚‰é€²ã‚ã‚‹åƒ•ã®é–‹ç™ºã‚¹ã‚¿ã‚¤ãƒ«ã¨ç›¸æ€§ãŒè‰¯ã„ã®ã§ã€æœ€è¿‘ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ¯ãƒ¼ã‚¯ã§ã‚‚å•“è’™ã—ã¦ã„ã¾ã™ã€‚ Figmaã¯å¹³ãŸãè¨€ã†ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ©ãƒœãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ãƒ¼ãƒ«ã§ã™ãŒã€ã“ã¡ã‚‰ã®ãƒªãƒ³ã‚¯ã‹ã‚‰å‹•ç”»ã‚’ã¿ã‚‹ã¨é›°å›²æ°—ãŒä¼ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ https://www.figma.com/ UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã®ãƒªãƒƒãƒåŒ–ã§ã¯ãªãã€é–‹ç™ºãƒãƒ¼ãƒ ã¨ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã—ã‚„ã™ã•ãŒå¼·ã¿ã§ã€1äººã§UIã‚’ä½œã‚‹ãªã‚‰Sketchã®æ–¹ãŒä½¿ã„ã‚„ã™ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã¨ã‚¬ãƒ³ã‚¬ãƒ³è°è«–ã—ã¦ä»•æ§˜ã‚’è©°ã‚ã¦ã„ãã‚¹ã‚¿ã‚¤ãƒ«ã‚’å¥½ã‚€äººã¯Figmaã¨ç›¸æ€§è‰¯ã„ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ãŒå¯è¦–åŒ–ã•ã‚Œã‚‹ãŸã‚ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢è¦–ç‚¹ã§ã‚‚æœ‰ç”¨ãªãƒ„ãƒ¼ãƒ«ã ã¨æ€ã„ã¾ã™ã€‚ Figmaã‚’ä½¿ã£ã¦ã‚ˆã‹ã£ãŸç‚¹ã¾ã¨ã‚ãƒ»ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¿ã‚“ãªã®ãƒ¢ãƒŽã«ã€ã‚’
dann 2019/03/06
figma

ui
ãƒªãƒ³ã‚¯
Primer
Redirecting to primer.style
dann 2015/08/24
ui

css
ãƒªãƒ³ã‚¯
UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›† Qiita:Coat - âœ˜â•¹â—¡â•¹âœ˜
LTã‚’èžã„ã¦ã„ã‚‹ã¨ã„ã†æ„Ÿè¦šã§ã”è¦§ãã ã•ã„ã€‚ Qiita:Coat Qiitaç”¨ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›† GitHubç”¨ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†ã‚’Forkã—ã¦ã¤ãã‚Šã¯ã˜ã‚ãŸ ãƒ¬ãƒã‚¸ãƒˆãƒª: https://github.com/increments/qiita-coat ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆ: http://increments.github.io/qiita-coat/ ä»Šé€±æœˆæ›œã‹ã‚‰ã‚„ã£ã¦ã‚‹ ã“ã‚Œã¯commitæ•° Qiita:CoatãŒå¿…è¦ã«æ„Ÿã˜ãŸèƒŒæ™¯ å…¨ã¦ã®é–‹ç™ºè€…ã«å…±é€šã™ã‚‹é¡˜ã„ é«˜é€Ÿã«é–‹ç™ºã—ãŸã„ ç§©åºãŒã»ã—ã„ (a.k.a. æœ€ä½Žé™åº¦ã®å“è³ªã®ä¿è¨¼) é–‹ç™ºä½“åˆ¶ã®æƒ…å‹¢ã«èµ·å› ã™ã‚‹ç†ç”± é–‹ç™ºäººæ•°ãŒå¾ã€…ã«å¢—ãˆã¤ã¤ã‚ã‚‹ ç¤¾å“¡11äºº+ã‚¢ãƒ«ãƒã‚¤ãƒˆ3äºº å››åŠæœŸã«1äººãã‚‰ã„å¢—ãˆã¦ã‚‹ 50äººãŒ51äººã«ãªã‚‹ã¨ã‹ãªã‚‰ã¨ã‚‚ã‹ãã€5äººãŒ6äººã¨ã‹ã«ãªã‚‹ã¨å¤§ããå¤‰ã‚ã‚‹ ãã®ä»–ã®ç†ç”± ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆã‚„æŽ¡ç”¨ã‚µã‚¤ãƒˆãªã©Qiitaé¢¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’
dann 2015/08/24
ui
ãƒªãƒ³ã‚¯
Kaizen Platform ã«ãŠã‘ã‚‹ UI ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼
é–¢è¥¿ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰UG ä¸»å‚¬ã®ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§è€ƒãˆã‚‹Webãƒ‡ã‚¶ã‚¤ãƒ³/UIå‹‰å¼·ä¼š (http://kfug.connpass.com/event/15244/ )ã€ã§ç™ºè¡¨ã—ãŸå†…å®¹ã§ã™ã€‚
dann 2015/07/13
ui
ãƒªãƒ³ã‚¯
ç¢ºå®Ÿã«è‰¯ãã™ã‚‹UI/UXè¨è¨ˆ
æ—¥çµŒé›»åç‰ˆã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã€ã‚³ãƒ³ã‚»ãƒ—ãƒˆãƒ¢ãƒ‡ãƒ«è¨è¨ˆã¨ãƒ—ãƒãƒ€ã‚¯ãƒˆç›£ä¿®ã‚’ã•ã›ã¦ã„ãŸã ã„ãŸã€‚ è¶…å¤§åž‹ã‚¢ãƒ—ãƒªã‚’å®Œå…¨ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ã¨ãã€KPIã‚’è½ã¨ã™äº‹ãªãã€ã©ã®ã‚ˆã†ã«æ•´åˆæ€§ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼åˆ©ä¾¿æ€§ã‚’æ‹…ä¿ã—ã¦ã„ãã‹ã€‚ ã€Œæ—¥çµŒé›»åç‰ˆÃ—Sansanã‚¢ãƒ—ãƒªé–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆæˆåŠŸã¸ã®é“ã€œã‚¢ãƒ—ãƒªé–‹ç™ºè€…å‹‰å¼·ä¼šVol.2ã€ã‚ˆã‚Š http://connpass.com/event/16187/Read less
dann 2015/06/25
ui
ãƒªãƒ³ã‚¯
ãƒ†ã‚¹ãƒˆã®å®Ÿè¡Œ: WPF ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ UI ãƒ†ã‚¹ãƒˆã‚’è‡ªå‹•åŒ–ã™ã‚‹
ã“ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã¯ã‚µãƒãƒ¼ãƒˆã•ã‚Œãªããªã‚Šã¾ã—ãŸã€‚ Microsoft Edge ã«ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã™ã‚‹ã¨ã€æœ€æ–°ã®æ©Ÿèƒ½ã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£æ›´æ–°ãƒ—ãƒã‚°ãƒ©ãƒ ã€ãŠã‚ˆã³ãƒ†ã‚¯ãƒ‹ã‚«ãƒ« ã‚µãƒãƒ¼ãƒˆã‚’åˆ©ç”¨ã§ãã¾ã™ã€‚ ãƒ†ã‚¹ãƒˆã®å®Ÿè¡Œ WPF ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ UI ãƒ†ã‚¹ãƒˆã‚’è‡ªå‹•åŒ–ã™ã‚‹ James McCaffrey ã‚³ãƒ¼ãƒ‰ã¯ MSDN ã‚³ãƒ¼ãƒ‰ ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ã®ã‚³ãƒ¼ãƒ‰ã®å‚ç…§ ç›®æ¬¡ ãƒ†ã‚¹ãƒˆå¯¾è±¡ã® WPF ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ UI ãƒ†ã‚¹ãƒˆè‡ªå‹•åŒ– ã¾ã¨ã‚ ä»Šæœˆã®ã‚³ãƒ©ãƒ ã§ã¯ã€Windows Presentation Foundation (WPF) ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã® UI ãƒ†ã‚¹ãƒˆè‡ªå‹•åŒ–ã‚’è¨˜è¿°ã™ã‚‹æ–¹æ³•ã‚’ç¤ºã—ã¾ã™ã€‚WPF ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯æ–°ã—ã„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ ã‚µãƒ–ã‚·ã‚¹ãƒ†ãƒ ã‚’ä½¿ç”¨ã—ã¦ãŠã‚Šã€å¾“æ¥ã®ã»ã¨ã‚“ã©ã® UI ãƒ†ã‚¹ãƒˆè‡ªå‹•åŒ–æ‰‹æ³•ã¯ã€WPF ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¯ä½¿ç”¨ã§ãã¾ã›ã‚“ã€‚ã•ã„ã‚ã„ã€Microso
dann 2013/08/19
windows

ui

testing

wpf
ãƒªãƒ³ã‚¯
UI/UXè¨è¨ˆã®æ•™ç§‘æ›¸ã€About Face 3è¼ªè¬›ã®è³‡æ–™ã‚’å…¬é–‹ã—ã¾ã™ - ninjinkun's diary
ä¸€æ˜¨å¹´ã«ç¤¾å†…ã§è¡Œã£ãŸAbout Face 3è¼ªè¬›ã®è³‡æ–™ã‚’å…¬é–‹ã—ã¾ã™ã€‚å®Ÿã¯ä»Šã¾ã§ãšã£ã¨å…¬é–‹ã•ã‚Œã¦ã„ãŸã®ã§ã™ãŒã€å˜åœ¨ã‚’çŸ¥ã‚‰ã‚Œã¦ã„ãªã‹ã£ãŸã®ã§ã€æ”¹ã‚ã¦å‘¨çŸ¥ã—ã¾ã™ã€‚ About Face 3ã¯UI/UXè¨è¨ˆã®æ•™ç§‘æ›¸ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚„ãƒšãƒ«ã‚½ãƒŠãªã©ã€åŸºæœ¬çš„ãªå†…å®¹ãŒæŠ¼ã•ãˆã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ã‚µãƒãƒ¼ãƒˆç‰ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆåˆ¶ä½œã«é–¢ã‚ã‚‹å…¨å“¡ã®å…±é€šçŸ¥è˜ã¨ã—ã¦ä½¿ãˆã‚‹å†…å®¹ã ã¨æ€ã„ã¾ã™ã€‚ About Face 3è¼ªè¬›æ¦‚è¦ 1. ã‚´ãƒ¼ãƒ«ãƒ€ã‚¤ãƒ¬ã‚¯ãƒ†ãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ 2. å®Ÿè£…ãƒ¢ãƒ‡ãƒ«ã¨è„³å†…ãƒ¢ãƒ‡ãƒ« 3. åˆå¿ƒè€…ã€ä¸Šç´šè€…ã€ä¸ç´šè€… 5. ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒ¢ãƒ‡ãƒªãƒ³ã‚° : ãƒšãƒ«ã‚½ãƒŠã¨ã‚´ãƒ¼ãƒ« 6. ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Ž : ã‚·ãƒŠãƒªã‚ªã¨è¦æ±‚ 8. å„ªã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ç·åˆ : åŽŸå‰‡ã¨ãƒ‘ã‚¿ãƒ¼ãƒ³ 10. ã‚ªãƒ¼ã‚±ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã¨ãƒ•ãƒãƒ¼ 11. é–“æŽ¥çš„ãªæ“ä½œã‚’å–ã‚Šé™¤ã 12. è‰¯ãæŒ¯ã‚‹èˆžã„ã®ãƒ‡ã‚¶ã‚¤ãƒ³ 13. ãƒ¡ã‚¿ãƒ•ã‚¡ã€ã‚¤ãƒ‡ã‚£ã‚ªãƒ ã€ã‚¢
dann 2013/03/13
ux

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
dann 2012/09/15
cookpad

ui

design
ãƒªãƒ³ã‚¯
O'Reilly Japan - ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¿ƒç†å¦ : ã‚¦ã‚§ãƒ–ã‚„ã‚¢ãƒ—ãƒªã«æ–°ãŸãªè¦–ç‚¹ã‚’ã‚‚ãŸã‚‰ã™100ã®æŒ‡é‡
TOPICS Design ç™ºè¡Œå¹´æœˆæ—¥ 2012å¹´07æœˆ PRINT LENGTH 288 ISBN 978-4-87311-557-3 åŽŸæ›¸ 100 Things Every Designer Needs to Know About People FORMAT PDF ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ç›¸æ‰‹ã‹ã‚‰åå¿œã‚’å¼•ãå‡ºã™ãŸã‚ã®å¤§äº‹ãªè¦ç´ ã§ã™ã€‚è²·ã£ã¦ã»ã—ã„ã€èªã‚“ã§ã»ã—ã„ã€è¡Œå‹•ã‚’å–ã£ã¦ã»ã—ã„ãªã©ã€ç›¸æ‰‹ã®åå¿œã‚’èª˜ã„å‡ºã™ãŸã‚ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¾ã™ã€‚äººé–“ã®è¡Œå‹•åŽŸç†ã‚’ç†è§£ã—ã¦ã„ãªã„ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ç›¸æ‰‹ã‚’æ··ä¹±ã•ã›ã‚‹ã ã‘ã§ç›®çš„ã®çµæžœã‚’å¾—ã‚‹ã“ã¨ãŒã§ãã¾ã›ã‚“ã€‚æœ¬æ›¸ã§ã¯ã™ã¹ã¦ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒçŸ¥ã‚‹ã¹ã100ã®æŒ‡é‡ã‚’å®Ÿè·µä¾‹ã¨ã¨ã‚‚ã«ç´¹ä»‹ã—ã¾ã™ã€‚ã™ã¹ã¦ãŒç§‘å¦çš„ãªç ”ç©¶ã‹ã‚‰å°Žãå‡ºã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚ã“ã‚Œã‚‰ã®æŒ‡é‡ã‚’ç†è§£ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚Œã°ã€äººé–“ã®æ€è€ƒã‚„è¡Œå‹•ã€éŠã³æ–¹ã«ãƒžãƒƒãƒã—ãŸç›´è¦³çš„ã§äººã‚’å¼•ãã¤ã‘ã‚‹è£½å“â€•â€•å°åˆ·ç‰©ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚²ãƒ¼ãƒ â€•â€•ã‚’ä½œã‚Œ
dann 2012/07/02
book

ui

design
ãƒªãƒ³ã‚¯
UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒçŸ¥ã£ã¦ãŠãã¹ãã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®10ã®ç‰¹å¾´
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦–ç‚¹ã«ç«‹ã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ãªã„ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã¯ã€ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å—ã‘å…¥ã‚Œã¦ã‚‚ã‚‰ãˆãªã„ã¯ãšã ã€‚ãã“ã§æœ¬è¨˜äº‹ã§ã¯ã€UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒå¿µé ã«ç½®ã„ã¦ãŠãã¹ããƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç¿’æ…£ã‚„è€ƒãˆæ–¹ã«ã¤ã„ã¦ç„¦ç‚¹ã‚’å½“ã¦ã‚‹ã€‚ ã¤ã„æœ€è¿‘ã€ã€ŒUbuntu Unityã€ã¯Ubuntuã«æ£å¼æè¼‰ã•ã‚Œã¦ã‹ã‚‰1å‘¨å¹´ã‚’è¿ŽãˆãŸã€‚ã¾ãŸã€ã€ŒWindows 8ã€ã¯ãƒªãƒªãƒ¼ã‚¹ã‚’é–“è¿‘ã«æŽ§ãˆã¦ã„ã‚‹ã€‚ã“ã†ã„ã£ãŸçŠ¶æ³ã®ãªã‹ã€ã™ã¹ã¦ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUIï¼‰ã¯åŒã˜ã‚ˆã†ã«ä½œã‚‰ã‚Œã¦ã„ãªã„ã¨ã„ã†äº‹å®ŸãŒæ˜Žã‚‰ã‹ã«ãªã£ã¦ãã¦ã„ã‚‹ã€‚å®Ÿéš›ã®ã¨ã“ã‚ã€ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã®ä½¿ã„æ–¹ã«é©å‘½çš„ãªå¤‰åŒ–ã‚’ã‚‚ãŸã‚‰ã™ã‚ˆã†ãªç´ æ™´ã‚‰ã—ã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã‚ã‚Šå¾—ã‚‹ã ã‚ã†ãŒã€ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’å¿µé ã«ç½®ã„ã¦ã„ãªã„ã‚‚ã®ã¯ã€ãã®ç´ æ™´ã‚‰ã—ã•ã‚’è¨¼æ˜Žã™ã‚‹é–“ã‚‚ãªãå¤±æ•—ä½œã¨ã„ã†çƒ™å°ã‚’æŠ¼ã•ã‚Œã¦ã—ã¾ã†ã¯ãšã ã€‚ ç†è€…ã¯é•·å¹´ã«æ¸¡ã‚‹ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿çµŒé¨“ã®ãªã‹ã§ã€ã»ã¨ã‚“ã©ã™ã¹ã¦ã®Linux ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¨ã€ã‚ã‚‰ã‚†ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³
dann 2012/06/30
design

ui
ãƒªãƒ³ã‚¯
ã‚½ãƒ•ãƒˆã‚¦ã‚¨ã‚¢ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒUX/UIã‚’è€ƒãˆã‚‹ä¸Šã§èªã‚€ã¹ã4å†Šã®è‰¯æ›¸ã¨åè¨€ãŸã¡
ç‘æ³¢å¤§å¦Â Â ã‚·ã‚¹ãƒ†ãƒ æƒ…å ±å·¥å¦ç ”ç©¶ç§‘Â Â ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã‚µã‚¤ã‚¨ãƒ³ã‚¹å°‚æ”»Â Â éžæ•°å€¤ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ç ”ç©¶å®¤(NPAL) äº”ååµã€€æ‚ ç´€ 2004å¹´åº¦ä¸‹æœŸã€2005å¹´åº¦ä¸‹æœŸã¨IPAæœªè¸ã‚½ãƒ•ãƒˆã«æŽ¡æŠžã•ã‚ŒãŸã€ã€Žå¤©æ‰ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼/ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚¯ãƒªã‚¨ãƒ¼ã‚¿ã€ã€‚ç‘æ³¢å¤§å¦ ã‚·ã‚¹ãƒ†ãƒ æƒ…å ±å·¥å¦ç ”ç©¶ç§‘ ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã‚µã‚¤ã‚¨ãƒ³ã‚¹å°‚æ”» éžæ•°å€¤ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ç ”ç©¶å®¤ï¼ˆNPALï¼‰ã«åœ¨ç±ã—ã€CGï¼UIã®ç ”ç©¶ãƒ»é–‹ç™ºã«å¾“äº‹ã™ã‚‹ã€‚ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆã§ã¯äºŒå…ã®æ¯ã§ã‚‚ã‚ã‚‹ ä½•ã‹è£½å“ã‚’è€ƒãˆã‚‹æ™‚ã€ãã®ã‚‚ã®ãŒã‚«ã‚¿ãƒã®ã‚ã‚‹ã‚‚ã®ã§ã‚ã£ã¦ã‚‚ã€ã¯ãŸã¾ãŸã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã®ä¸ã§å‹•ãã‚½ãƒ•ãƒˆã‚¦ã‚¨ã‚¢ã ã£ãŸã¨ã—ã¦ã‚‚ã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆä»¥ä¸‹ã€UIï¼‰ã€ã«ã¤ã„ã¦è€ƒãˆã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã•ã‚‰ã«ã¯ã€ã‚ãŸã—ãŸã¡ãŒæ—¥å¸¸ç”Ÿæ´»ã«ãŠã„ã¦ã‚¹ãƒˆãƒ¬ã‚¹ãªãéŽã”ã›ã¦ã„ã‚‹è£å´ã«ã¯ã€ã•ã¾ã–ã¾ãªäººã«ã‚ˆã£ã¦è€ƒãˆã‚‰ã‚Œã¦ããŸUIãƒ‡ã‚¶ã‚¤ãƒ³ãŒéš ã•ã‚Œã¦ã„ãŸã‚Šã‚‚ã—ã¾ã™ã€‚ ã‚ãŸã—ã¯æ»žåœ¨å…ˆã®ãƒ›ãƒ†ãƒ«ã§ã€æ´—é¢æ‰€ã«å…¥ã£ãŸã‚‚ã®ã®å‡ºã‚ˆã†ã¨ã—ãŸæ™‚ã«
dann 2012/05/24
ui

ux
ãƒªãƒ³ã‚¯
APPï½œLeap Motion
Say hello to the second generation of our iconic hand tracking camera We remove boundaries between physical and digital worlds - for anyone, anywhere. Say goodbye to hardwareâ€¦ Say hello to human techno logy. Our hand tracking and haptics are powering the next wave of human potential. No controllers. No wearables. No touchscreens. Just natural interaction.
dann 2012/05/22
ui

cool
ãƒªãƒ³ã‚¯
UIï¼†UX / é‡è¦ãªã®ã¯ã€æ¯Žæ—¥ã•ã‚ã£ã¦å¬‰ã—ã„ UI UX!
ç¬¬1å›žã‚¹ãƒžãƒ›ãƒ‡ã‚¶ã‚¤ãƒ³ä¼šè° #sdkaigi AQUA SOCIAL DRIVE - http://aquadrive.jp/ Newers - http://www.newers.net/ Pelo - http://www.pelo.jp/ Cotto - http://cotto.jp/ Pelo's Puzzle - http://www.bascule.co.jp/pelopuzzle/ Bascule Inc. - http://www.bascule.co.jp/ Bascule GO! - http://www.facebook.com/BasculeGoRead less
dann 2012/04/28
ui

ux
ãƒªãƒ³ã‚¯
http://www.mobiletuxedo.com/category/ui-patterns/
dann 2012/03/29
ui

pattern

iphone
ãƒªãƒ³ã‚¯
ã‚¨ãƒãƒ¼ãƒŽãƒ¼ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãŒæ•™ãˆã‚‹ã€Œé…åŠ›ã‚ã‚‹UIã¨UXã€ã®æ¥µæ„
2012å¹´2æœˆ3æ—¥ã€â€œã‚·ãƒªã‚³ãƒ³ãƒãƒ¬ãƒ¼æµâ€ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUIï¼‰ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ï¼ˆUXï¼‰ã€ãƒ–ãƒ©ãƒ³ãƒ‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ†ãƒ¼ãƒžã«ã—ãŸãƒˆãƒ¼ã‚¯ã‚»ãƒƒã‚·ãƒ§ãƒ³ãŒã€ãƒ‡ã‚¸ã‚¿ãƒ«ã‚¬ãƒ¬ãƒ¼ã‚¸æœ¬ç¤¾ã§è¡Œã‚ã‚ŒãŸã€‚ ç™»å£‡ã—ãŸã®ã¯ã€ç±³ã‚¨ãƒãƒ¼ãƒŽãƒ¼ãƒˆã§ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚’å‹™ã‚ã‚‹ã‚²ã‚¤ãƒ–ãƒ»ã‚ãƒ£ãƒ³ãƒãƒ‰ãƒ‹ãƒ¼ã‚³æ°ï¼ˆå†™çœŸ1ï¼‰ã€‚ç±³ã‚¢ãƒƒãƒ—ãƒ«ã§ã®å‹¤å‹™çµŒé¨“ã‚‚æŒã¤åŒæ°ã¯ã€ã“ã®æ•°å¹´ã«ã‚ãŸã‚‹ã‚¨ãƒãƒ¼ãƒŽãƒ¼ãƒˆã®ã‚¢ã‚¤ã‚³ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ãƒ–ãƒ©ãƒ³ãƒ‰æ§‹ç¯‰ã¾ã§ã®æ•°ã€…ã®çµŒé¨“è«‡ã‚’èªžã£ãŸã€‚ åŒæ°ãŒè¬›æ¼”ã§æŒ‡æ‘˜ã—ãŸUIã¨UXã€ãƒ–ãƒ©ãƒ³ãƒ‰æ§‹ç¯‰ã®ãƒã‚¤ãƒ³ãƒˆã¯ã€ä»¥ä¸‹ã®9ç‚¹ã«ã¾ã¨ã‚ã‚‰ã‚Œã‚‹ã€‚ 1ï¼‰æœ€åˆã‹ã‚‰ç·¨é›†ã«ç€æ‰‹ã—ã¦ã¯ã„ã‘ãªã„ æœ€åˆã®æ•™ãˆã¯ã€ã€Œã„ããªã‚Šç·¨é›†ã«ç€æ‰‹ã—ã¦ã¯ã„ã‘ãªã„ã€ã€‚åŒæ°ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã«å¿ƒãŒã‘ã¦ã„ã‚‹ã®ã¯ã€ã§ãã‚‹ã ã‘ãŸãã•ã‚“ã®æƒ…å ±ã‚’åŽé›†ã™ã‚‹ã“ã¨ã€‚ãã®ãŸã‚ã«åŒæ°ã¯ã€ãŸãã•ã‚“ã®äººã«ä¼šã†ã®ã ã¨ã„ã†ã€‚ ã‚¨ãƒãƒ¼ãƒŽãƒ¼ãƒˆã«ã¯å‰µæ¥æ™‚ã‹ã‚‰å‚åŠ ã™ã‚‹ã“ã¨ã«ãªã£ãŸã®ã§ã€åŒæ°ã¯ã¾ãšä¼æ¥ãƒã‚´ã‚’è€ƒãˆã‚‹
dann 2012/02/06
ux

ui
ãƒªãƒ³ã‚¯
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®UXå…¥é–€
This document discusses several key concepts in UI/UX design including user experience (UX), user interface (UI), information architecture (IA), interaction design, affordances, and the evolution of design approaches. It provides examples of early interfaces like Apple's Knowledge Navigator and how interfaces are now more conversational like Siri. The document also references several important thi
dann 2012/02/02
ui

ux
ãƒªãƒ³ã‚¯
é–‹ç™ºè€…ãŒçŸ¥ã£ã¦ãŠãã¹ãã€6ã¤ã®UIã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ»ãƒ‘ã‚¿ãƒ¼ãƒ³ - ï¼ IT
.NETé–‹ç™ºè€…ä¸å¿ƒ åŽ³é¸ãƒ–ãƒã‚°è¨˜äº‹ é–‹ç™ºè€…ãŒçŸ¥ã£ã¦ãŠãã¹ãã€6ã¤ã®UIã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ»ãƒ‘ã‚¿ãƒ¼ãƒ³ â€•â€• ã€Œmatarillo.comã€ã‚ˆã‚Š â€•â€• çŒªè‚¡ å¥å¤ªéƒŽ 2011/12/15 ã€Œ.NETé–‹ç™ºè€…ä¸å¿ƒ åŽ³é¸ãƒ–ãƒã‚°è¨˜äº‹ã€ã‚·ãƒªãƒ¼ã‚ºã§ã¯ã€ä¸–ç•Œä¸ã«ã‚ã‚‹è†¨å¤§ãªãƒ–ãƒã‚°ãƒ»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸ã‹ã‚‰ã€ç‰¹ã«Insider.NETï¼.NETé–‹ç™ºè€…ä¸å¿ƒã®èªè€…ã«æœ‰ç”¨ã ã¨è€ƒãˆã‚‰ã‚Œã‚‹ãƒ–ãƒã‚°è¨˜äº‹ã‚’ç·¨é›†éƒ¨ãŒç™ºæŽ˜ãƒ»åŽ³é¸ã—ã€ãã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’åŸ·ç†ã—ãŸãƒ–ãƒã‚¬ãƒ¼ã®è¨±å¯ã®ä¸‹ã€ãã®å…¨æ–‡ã‚’è»¢è¼‰ãƒ»ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ã“ã®æ´»å‹•ã«ã‚ˆã‚Šã€.NETé–‹ç™ºè€…ã®ãƒ–ãƒã‚°æ–‡åŒ–ã®ä¾¡å€¤ã¨è³ªã‚’é«˜ã‚ã€ã‚ˆã‚Šä¸€å±¤ã®ç››ã‚Šä¸Šã’ã«è²¢çŒ®ã™ã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ Martin Fowleræ°ã®ã€ŽGUI Architecturesã€ã‚’è¨³ã—ã¦å…¬é–‹ã—ã‚ˆã†ã¨æ€ã£ãŸã®ã ãŒã€FAQãƒšãƒ¼ã‚¸ã«ã€ŒPofEAAã®ç¶šç·¨ãªã©ã¯å•†æ¥å‡ºç‰ˆã™ã‚‹äºˆå®šãªã®ã§ç¿»è¨³ã¯ã—ãªã„ã§ã»ã—ã„ã€ã¨æ›¸ã„ã¦ã‚ã‚‹ã€‚ãªã®ã§ç¿»è¨³ã®å…¬é–‹ã¯ã‚„ã‚ã¦ã€ã€Œ
dann 2011/12/31
ui

architecture
ãƒªãƒ³ã‚¯
User Interface Fundamentals - Documentation & Guides - 2.0 - Appcelerator Wiki
dann 2011/12/04
titanium

ui
ãƒªãƒ³ã‚¯
fladdict Â» ã‚¹ãƒžãƒ›ã®UIè€ƒ ã€œ ãƒœã‚¿ãƒ³ã«ã¤ã„ã¦
SuperPopCamã¨ã‹ä½œã£ãŸã¨ãã«ã€ä½“ç³»çš„ãªè³‡æ–™æ¬²ã—ã„ãªããƒ¼ã¨ã‹æ€ã£ã¦ãŸã“ã¨ã®ã¾ã¨ã‚ã€‚ è‰²ã€…ã¨è‡ªåˆ†ã®ä¸ã®è€ƒãˆã‚’ã¾ã¨ã‚ã‚‹ãŸã‚ã®ãƒ¡ãƒ¢ã€‚ä¸–ã®ä¸ã®ã‚¢ãƒ—ãƒªã¯æ©Ÿèƒ½ã‚’åŠåˆ†ã«ã—ã¦ã€æ¸›ã£ãŸäºˆç®—åˆ†ã‚’UIã®ç·´ã‚Šè¾¼ã¿ã«ã¤ãŽè¾¼ã‚“ã æ–¹ãŒçµ¶å¯¾ã‚ˆã„ã‚¢ãƒ—ãƒªã«ãªã‚‹ã¨æ€ã†ã€‚ æ›¸ã„ã¦ã‚‹ä½œæ¥ãŒä¸€ç•ªè€ƒãˆã¾ã¨ã¾ã‚‹ã®ã§ã€ã¡ã‚‡ã¼ã¡ã‚‡ã¼ã‚ã’ã¦ã„ã“ã†ã‹ã¨ã€ã¾ãšã¯ãƒœã‚¿ãƒ³ã‹ã‚‰ã€‚ æŒ‡ã®å¤§ãã•ã®åˆ¶ç´„ã‚’å—ã‘ã‚‹ ãƒ»Webã¨ã‚¹ãƒžãƒ›ã‚’æ¯”è¼ƒã—ãŸå ´åˆã€æœ€å¤§ã®é•ã„ã€‚ ãƒ»ãƒ”ã‚¯ã‚»ãƒ«å˜ä½ã§ã‚¯ãƒªãƒƒã‚¯ä½ç½®ã‚’åˆ¶å¾¡ã§ãã‚‹ãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ã¨é•ã„ã€æŒ‡ã¯å¤§é›‘æŠŠã«ã—ã‹ã‚¿ãƒƒãƒ—ä½ç½®ã‚’æŒ‡å®šã§ããªã„ã€‚ ãƒ»ã“ã®ãŸã‚Appleã¯ãƒœã‚¿ãƒ³ã®æœ€å°ã‚µã‚¤ã‚ºã¨ã—ã¦44pxã¨ã„ã†ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ä½œã£ã¦ã„ã‚‹ã€‚ ãƒ»è¦–è¦šçš„ã«44pxä»¥ä¸‹ã®ãƒœã‚¿ãƒ³ã‚‚å®Ÿéš›ã®ãƒ’ãƒƒãƒˆã‚¨ãƒªã‚¢ã¯å¤§ãã‚ã«ã™ã‚‹ã€‚ ãƒ»ã¾ãŸã“ã‚Œã«ç•™ã¾ã‚‰ãšã€ãƒœã‚¿ãƒ³ã¨ãƒœã‚¿ãƒ³ã®é–“ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯ç©ºã‘ã‚‰ã‚Œã‚‹ã ã‘ç©ºã‘ãŸæ–¹ãŒå®‰å…¨ã€‚ ãƒ»ã¤ã¾ã‚‹ã¨ã“ã‚ã€Œã‚«ãƒƒãƒãƒªã€ã¤ã‚ãŸãƒœã‚¿ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚°ãƒ©
dann 2011/06/13
ui

design
ãƒªãƒ³ã‚¯
ã€ŽiOSãƒ’ãƒ¥ãƒ¼ãƒžãƒ³ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ã¯UIè§£èª¬æ›¸ã®æž ã‚’è¶Šãˆã¦ã„ã‚‹ ï¼šå›½å†…ãƒ»æµ·å¤–æƒ…å ±ã‹ã‚‰è¦‹ãˆã‚‹ã€Žä¼æ¥ã®WEBæ´»ç”¨æ³•ã€ï¼šITmedia ã‚ªãƒ«ã‚¿ãƒŠãƒ†ã‚£ãƒ–ãƒ»ãƒ–ãƒã‚°
ä¸å°ä¼æ¥ãŒITã‚’æ´»ç”¨ã—ã¦å£²ã‚Šä¸Šã’ã«ã¤ãªã’ã‚‹ã«ã¯ã©ã†ã—ãŸã‚‰ã„ã„ã‹ï¼ŸWEBãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã¨WEBæˆ¦ç•¥ã‚³ãƒ³ã‚µãƒ«å®Ÿç¸¾350ç¤¾50æ¥ç¨®ä»¥ä¸Šã®å®Ÿç¸¾ã¨ãƒŽã‚¦ãƒã‚¦ã§ã€æµ·å¤–ã®æœ€å…ˆç«¯æƒ…å ±ã‚’ä¸å¿ƒã«ã€å™›ã¿ç •ã„ã¦ã”ç´¹ä»‹ã€‚ ä½œæˆè€…ï¼šä¸å±±é™½å¹³ iOSã€å®Ÿè³ªçš„ã«ã¯iPhoneã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹éš›ã«å‚ç…§ã—ã¦ãã ã•ã„ã¨è¨€ã†äº‹ã§é…å¸ƒã•ã‚Œã¦ã„ã‚‹ã€ŒiOSãƒ’ãƒ¥ãƒ¼ãƒžãƒ³ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ï¼ˆä»¥ä¸‹iOS_HIGï¼‰ã€ å¼Šç¤¾ã®ã‚·ã‚¹ãƒ†ãƒ ã‚’çœŸå‰£ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã«ã™ã‚‹ãŸã‚ã«èªã¿å§‹ã‚ãŸã®ã§ã™ãŒã€ã“ã®å†…å®¹ãŒã€ãŸã ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã ã‘ã§ã¯ãªãã€ã•ã‚‰ã«è¸ã¿è¾¼ã‚“ã å†…å®¹ã«ãªã£ã¦ã„ã¦é©šãã¾ã—ãŸã€‚ Appleã®ã‚µãƒ¼ãƒ‰ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¢ãƒ—ãƒªã«å¯¾ã™ã‚‹å§¿å‹¢ã€ã‚µãƒ¼ãƒ‰ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒiPhoneã®å¤§ããªé…åŠ›ã§ã‚ã‚‹ã¨ã„ã†èªè˜ãŒã€ã“ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰ã¯ã«ã˜ã¿å‡ºã¦ã„ã¾ã™ã€‚ Appé–‹ç™ºè€…ä»¥å¤–ã‚‚ãœã²è¦‹ã¦ãŠãã¹ã ã“ã‚Œã¯ãœã²ã€WEBã«é–¢ã‚ã‚‹æ–¹ã¯è¦‹ã¦é ‚ã
dann 2011/04/16
ui

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