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

ruicc id:ruicc

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

${{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 Design Dos and Donâ€™ts - Apple Developer
Formatting Content Create a layout that fits the screen of a device. Users should see primary content without zooming or scrolling horizontally. Learn more Touch Controls Use UI elements that are designed for touch gestures to make interaction with your app feel easy and natural. Learn more
ruicc 2014/03/23
è¦‹ã¦åˆ†ã‹ã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ã€‚è©³ã—ãã¯iOS Human Interface Guidelines

design

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

ui
ãƒªãƒ³ã‚¯
GUI Architectures
Graphical User Interfaces provide a rich interaction between the user and a software system. Such richness is complex to manage, so it's important to contain that complexity with a thoughtful architecture. The Forms and Controls pattern works well for systems with a simple flow, but as it breaks down under the weight of greater complexity, most people turn to â€œModel-View-Controllerâ€ (MVC). Sadly M
ruicc 2012/11/13
ui
ãƒªãƒ³ã‚¯
matarillo.com: UIãƒ‘ã‚¿ãƒ¼ãƒ³
UIãƒ‘ã‚¿ãƒ¼ãƒ³ è¿½è¨˜ ã“ã®è¨˜äº‹ã®ä¸€éƒ¨ã‚’åŠ ç†ãƒ»ä¿®æ£ã—ãŸã‚‚ã®ã‚’ã€Œé–‹ç™ºè€…ãŒçŸ¥ã£ã¦ãŠãã¹ãã€6ã¤ã®UIã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ»ãƒ‘ã‚¿ãƒ¼ãƒ³ã€ã¨ã—ã¦@ITã«è»¢è¼‰ã—ã¦ã„ã¾ã™ã€‚ MVVMã‚’è¿½åŠ ã—ãŸä¸Šã§ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¢ãƒ‡ãƒ«ã¨MVVMã‚’ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¢ãƒ‡ãƒ«ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦ä½ç½®ã¥ã‘ã¾ã—ãŸã€‚ MVPã®2ã¤ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¨ã—ã¦ã€ç›£è¦–ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã¨ãƒ‘ãƒƒã‚·ãƒ–ãƒ»ãƒ“ãƒ¥ãƒ¼ã‚’èª¬æ˜Žã—ã¾ã—ãŸã€‚ ã¾ãˆãŒã Martin Fowlerã®"GUI Architectures"ã‚’è¨³ã—ãŸã®ã§å…¬é–‹ã—ã‚ˆã†ã¨æ€ã£ãŸã®ã ãŒã€FAQãƒšãƒ¼ã‚¸ã«ã€ŒEAA developmentã¨ã‹DSLãªã‚“ã‹ã¯å•†æ¥å‡ºç‰ˆã™ã‚‹ã‚“ã§ä¾‹å¤–ã£ã¦ã“ã¨ã§ã€ã¨æ›¸ã„ã¦ã‚ã‚‹ã€‚é¢å€’ã ã£ãŸã®ã§ç¿»è¨³ã®å…¬é–‹ã¯ã‚„ã‚ã¦ã€ã€Œè‡ªåˆ†ã®ç†è§£ã‚’æ›¸ãã€ã¨ã„ã†ã‚¹ã‚¿ã‚¤ãƒ«ã«ã—ã‚ˆã†ã¨æ€ã†ã€‚ Fowleræ°ãŒèª¬æ˜Žã—ã¦ã„ã‚‹ã®ã¯ ã€Œãƒ•ã‚©ãƒ¼ãƒ ã¨ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ã€ã€Œãƒ¢ãƒ‡ãƒ«ãƒ“ãƒ¥ãƒ¼ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ (MVC)ã€ã€ã€Œãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¢ãƒ‡ãƒ«ã€ã€
ruicc 2012/11/13
ui
ãƒªãƒ³ã‚¯
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ã®æŒ‡é‡ã‚’å®Ÿè·µä¾‹ã¨ã¨ã‚‚ã«ç´¹ä»‹ã—ã¾ã™ã€‚ã™ã¹ã¦ãŒç§‘å¦çš„ãªç ”ç©¶ã‹ã‚‰å°Žãå‡ºã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚ã“ã‚Œã‚‰ã®æŒ‡é‡ã‚’ç†è§£ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚Œã°ã€äººé–“ã®æ€è€ƒã‚„è¡Œå‹•ã€éŠã³æ–¹ã«ãƒžãƒƒãƒã—ãŸç›´è¦³çš„ã§äººã‚’å¼•ãã¤ã‘ã‚‹è£½å“â€•â€•å°åˆ·ç‰©ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚²ãƒ¼ãƒ â€•â€•ã‚’ä½œã‚Œ
ruicc 2012/07/03
O'Reilly

design

ui
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®UXãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ â€” ã‚ã‚Šãˆã‚‹ãˆã‚Šã‚
ã¯ã˜ã‚ã« http://msdn.microsoft.com/ja-jp/library/aa511258.aspx ã® ã€ŒWindows ãƒ¦ãƒ¼ã‚¶ãƒ¼ ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ ã€Œã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ ä¸»ã«ã€Œã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ ã®æŠœç²‹ã§ã™ã€‚ ä»¥ä¸‹ã®åŸºæº–ã§æŠœç²‹ã—ã¾ã—ãŸ Web UIã«å¿œç”¨å¯èƒ½ å®Ÿç”¨çš„ã‹ã¤å…·ä½“çš„ è‡ªæ˜Žã§ã¯ãªã„ ãƒ—ãƒ©ã‚¤ãƒžãƒªUIã‚’ç›®ç«‹ãŸã›ã‚‹ ãƒ—ãƒ©ã‚¤ãƒžãƒª UI è¦ç´ ã‚’å¼·èª¿ã™ã‚‹ã«ã¯ã€ä»¥ä¸‹ã«å¾“ã„ã¾ã™ã€‚ - ãƒ—ãƒ©ã‚¤ãƒžãƒª UI è¦ç´ ã¯ã€è¦–ç·šã®é€šã‚Šé“ã«é…ç½®ã—ã¾ã™ã€‚ - ã‚¿ã‚¹ã‚¯ã‚’é–‹å§‹ã™ã‚‹ UI è¦ç´ ã¯ã€å·¦ä¸Šéš…ã¾ãŸã¯ä¸å¤®ä¸Šã«é…ç½®ã—ã¾ã™ã€‚ - ã‚³ãƒŸãƒƒãƒˆ ãƒœã‚¿ãƒ³ã¯ã€å³ä¸‹éš…ã«é…ç½®ã—ã¾ã™ã€‚ - æ®‹ã‚Šã®ãƒ—ãƒ©ã‚¤ãƒžãƒª UI ã¯ã€ä¸å¤®ã«é…ç½®ã—ã¾ã™ã€‚ - ã‚³ãƒžãƒ³ãƒ‰ ãƒœã‚¿ãƒ³ã€ã‚³ãƒžãƒ³ãƒ‰ ãƒªãƒ³ã‚¯ã€ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã€æ³¨æ„ã‚’å¼•ãä»˜ã‘ã‚‹ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ - å¤§ããªãƒ†ã‚ã‚¹ãƒˆã‚„å¤ªå—ã®ãƒ†ã‚ã‚¹ãƒˆãªã©ã®ç›®ç«‹ã¤ãƒ†ã‚ã‚¹ãƒˆã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ ãƒ¦
ruicc 2010/11/21
webdesign

ui
ãƒªãƒ³ã‚¯
ã‚³ãƒ¬ã¯...ï¼ ï½¢æŸ”ã‚‰ã‹ã„ã‚¿ãƒƒãƒãƒ‘ãƒãƒ«ï½£ã‚’ç”¨ã„ãŸï½¢æ‰ã‚ã‚‹ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ï½£ï¼ˆå‹•ç”»)
ã‚³ãƒ¬ã¯...ï¼ ï½¢æŸ”ã‚‰ã‹ã„ã‚¿ãƒƒãƒãƒ‘ãƒãƒ«ï½£ã‚’ç”¨ã„ãŸï½¢æ‰ã‚ã‚‹ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ï½£ï¼ˆå‹•ç”»)2010.09.09 11:008,321 ç«‹ä½“çš„ã§æŸ”ã‚‰ã‹ãªã‚¿ãƒƒãƒãƒ‘ãƒãƒ«æŠ€è¡“ï½¢PhotoelasticTouchï½£ã®é–‹ç™ºã‚’é›»æ°—é€šä¿¡å¤§å¦ãŒé€²ã‚ã¦ã„ã¾ã™ã€‚ å¾“æ¥ã®å¹³é¢çš„ãªã‚¿ãƒƒãƒãƒ‘ãƒãƒ«ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯ã€è¡¨ç¤ºã•ã‚ŒãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«æŒ‡å…ˆã§è»½ãè§¦ã‚‹ç¨‹åº¦ã®ã“ã¨ã—ã‹å‡ºæ¥ãšã€ã•ã‚‰ã«è§¦ã‚ŒãŸéš›ã®è§¦è¦šãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚‚ä¹ã—ã„ã‚‚ã®ã§ã—ãŸ... ãŒã€ã„ã‚ˆã„ã‚ˆã“ã®æŠ€è¡“ã«ã‚ˆã£ã¦ã€æ˜ åƒã‚’å®Ÿéš›ã«ã¤ãã£ãŸã‚Šæ‰ã‚ã‚‹ã‚ˆã†ã«ãªã‚‹ã‚“ã§ã™ï¼ ã•ãï¼ãƒ¯ã‚¯ãƒ¯ã‚¯ã—ã¦ãã¾ã—ãŸã‚ˆï¼ ï½¢PhotoelasticTouchï½£ã®ç‰¹æ€§ã«ã¤ã„ã¦ã¯æ¬¡ã®ã‚ˆã†ã«è§£èª¬ã•ã‚Œã¦ã„ã¾ã™ã€‚ PhotoelasticTouch ã¯ã€é€æ˜Žå¼¾æ€§ä½“ã®æŒã¤å…‰å¦çš„ç‰¹æ€§ã‚’å¿œç”¨ã—ã¦ã€æ¶²æ™¶ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¨çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã«ã‚ˆã‚Šåœ§åŠ›ã®ã‹ã‹ã£ã¦ã„ã‚‹éƒ¨ä½ã‚’èªè˜ã—ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¾ã§ã«çŸ¥ã‚‰ã‚Œã¦ã„ã‚‹å¼¾åŠ›æ€§ã®ã‚ã‚‹å¿œåŠ›è¨ˆæ¸¬ãƒ‡ãƒã‚¤ã‚¹ã§ã¯ã€
ruicc 2010/09/10
ã‚¿ãƒƒãƒãƒ‘ãƒãƒ«ã˜ã‚ƒãªãã¦ã‚«ãƒ¡ãƒ©ãªã®ã‹ã€‚ã†ã¾ã„ãªã€‚ã—ã‹ã—ã“ã‚Œæ˜ åƒã‹ã‚‰å…ƒã®åŠ›ã®å†ç¾ã¯å‡ºæ¥ã‚‹ã‚“ã‹ãªã€‚

ui

technology
ãƒªãƒ³ã‚¯
ã€ŒiPadã¯ä½¿ã„ã«ãã„ã€ï¼šç±³ã®UIå°‚é–€å®¶ãŒæ‰¹åˆ¤ | WIRED VISION
å‰ã®è¨˜äº‹ã€€ãƒãƒƒãƒˆã¯ã€Œåã£ãŸæ„è¦‹ã€ã‚’å¼·åŒ–ã™ã‚‹ã‹ï¼šç ”ç©¶çµæžœ ã€Œç±³å›½åˆã®æ´‹ä¸Šé¢¨åŠ›ç™ºé›»ã€ï¼šåå¯¾é‹å‹•ã§é›£èˆªã€€æ¬¡ã®è¨˜äº‹ ã€ŒiPadã¯ä½¿ã„ã«ãã„ã€ï¼šç±³ã®UIå°‚é–€å®¶ãŒæ‰¹åˆ¤ 2010å¹´5æœˆ13æ—¥ IT ã‚³ãƒ¡ãƒ³ãƒˆï¼š ãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒã‚¯ (0) ãƒ•ã‚£ãƒ¼ãƒ‰IT Brian X. Chen ã€ŽiPadã€ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®å‹åˆ©ã¨ç§°ã•ã‚Œã¦ã„ã‚‹ã€‚ã—ã‹ã—ã€ã‚ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ¼ã®å°‚é–€å®¶ã¯ã“ã®ã»ã©iPadã«ã¤ã„ã¦ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã«ä¸€è²«æ€§ãŒãªãæ˜Žç¢ºã§ãªã„ã¨ã„ã†æ‰¹åˆ¤ã‚’ç™ºè¡¨ã—ãŸã€‚ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã«æ¨™æº–ãŒè¨å®šã•ã‚Œã¦ã„ãªã„ãŸã‚ã€ãã‚Œãžã‚Œã®ã‚¢ãƒ—ãƒªãŒé•ã£ãŸã‚ˆã†ã«å‹•ãã®ã ã¨ã„ã†ã€‚ ä¸€éƒ¨ã‹ã‚‰ã¯ã€Œãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ¼ã®çŽ‹æ§˜ã€ã¨ã‚‚å‘¼ã°ã‚Œã‚‹Jakob Nielsenåšå£«ã¯ä»Šé€±ã€ã€ŽiPadã€ã®ä½¿ã„ã‚„ã™ã•ã‚’è©•ä¾¡ã™ã‚‹93ãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒãƒ¼ãƒˆã‚’ç™ºè¡¨ã—ãŸã€‚ã“ã®ãƒ¬ãƒãƒ¼ãƒˆã¯ã€34ç¨®é¡žã®ã‚¢ãƒ—ãƒªã¨ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ãƒ†ã‚¹ãƒˆã—ãŸ7äººã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’åŸºã«ä½œæˆã•ã‚Œã¦ã„ã‚‹ã€‚
ruicc 2010/05/14
èˆˆå‘³æ·±ã„ã€‚æŒ‡æ¨™ãŒãªã„ãªã‚‰AppåŒå£«ã®UIæˆ¦äº‰ã§ã‚‚ã¯ã˜ã¾ã‚‹ã®ã‹ãªã€‚

ipad

UI
ãƒªãƒ³ã‚¯
ç¬¬39å›ž åå‰ã®åŠ¹ç”¨ | WIRED VISION
ç¬¬39å›ž åå‰ã®åŠ¹ç”¨ 2010å¹´1æœˆ13æ—¥ ï¼ˆã“ã‚Œã¾ã§ã®å¢—äº•ä¿Šä¹‹ã®ã€Œç•Œé¢æ½®æµã€ã¯ã“ã¡ã‚‰ï¼‰ äººé–“ç¤¾ä¼šã§ã¯ã€æ§˜ã€…ãªã‚‚ã®ã‚’è˜åˆ¥ã™ã‚‹ã®ã«ã€Œåå‰ã€ãŒåˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚åå‰ã®ç„¡ã„äººã¯ã„ã¾ã›ã‚“ã—ã€ãŠã‚ˆãäººé–“ãŒåˆ©ç”¨ã—ãŸã‚Šè¡¨ç¾ã—ãŸã‚Šã™ã‚‹ã‚‚ã®ã«ã¯åå‰ãŒã¤ã„ã¦ãŠã‚Šã€æ§˜ã€…ãªã‚‚ã®ã‚’æŒ‡å®šã—ãŸã‚ŠåŒºåˆ¥ã—ãŸã‚Šã™ã‚‹ã®ã«åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãµã ã‚“ã®ç”Ÿæ´»ã§åå‰ã¯ã‚ã¾ã‚Šã«ã‚‚å½“ç„¶ã®ã‚‚ã®ã¨ã—ã¦åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€è¨ˆç®—æ©Ÿã®åˆ©ç”¨ã‚„ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ãŠã„ã¦ã‚‚ãªã‚“ã‚‰ã‹ã®åå‰ã‚’ä½¿ã†ã®ãŒå½“ç„¶ã ã¨è€ƒãˆã‚‰ã‚Œã¦ã„ã¾ã—ãŸã€‚ é€šä¿¡ç›¸æ‰‹ã‚’æŒ‡å®šã™ã‚‹ã«ã¯é›»è©±ç•ªå·ã‚„ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã®ã‚ˆã†ãªåå‰ãŒä½¿ã‚ã‚Œã¾ã™ã—ã€ãƒ‡ãƒ¼ã‚¿ã‚„Webãƒšãƒ¼ã‚¸ã‚’æŒ‡å®šã™ã‚‹ã«ã¯ãƒ•ã‚¡ã‚¤ãƒ«åã‚„URLã®ã‚ˆã†ãªåå‰ãŒä½¿ã‚ã‚Œã¾ã™ã€‚è¨ˆç®—æ©Ÿã®åå‰/ãƒ—ãƒªãƒ³ã‚¿ã®åå‰/ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®åå‰/...ãªã©ã€è¨ˆç®—æ©Ÿã§åˆ©ç”¨ã•ã‚Œã‚‹ã‚ã‚‰ã‚†ã‚‹å¯¾è±¡ã¯åå‰ã§åŒºåˆ¥ã•ã‚Œã¾ã™ã€‚ã—ã‹ã—ã€ã“ã‚Œã‚‰ã‚’æ‰±ã†ã®ã«æœ¬å½“ã«åå‰ãŒå¿…è¦ãªã®ã‹ã€å®Ÿã¯ç–‘å•ã§ã™ã€‚
ruicc 2010/01/14
CUIã§ã‚‚é€†å¼•ãæ¤œç´¢ã§ãã‚Œã°å•é¡Œãªã„ã ã‚ã†ã‹ã€‚

cui

ui
ãƒªãƒ³ã‚¯
Engadget | Technology News & Reviews
Anker's 3-in-1 MagSafe foldable charging station drops back down to its Prime Day price
ruicc 2009/04/22
technology

ui
ãƒªãƒ³ã‚¯
Home
Debra Ansellâ€™s edge-lit rainbow illuminates seven acrylic â€œarcsâ€ so that each glows with its own colors â€” with RGB LEDs on both ends for color mixing effects! Code it on a CPX and celebrate #Circ uitPythonDay2024, or on an ESP8266 to display real-time weather conditions.
ruicc 2009/04/22
ui
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰å‰ã«çŸ¥ã£ã¦ãŠããŸã„ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£10ã®ãƒã‚¤ãƒ³ãƒˆï¼ˆç¬¬1å›žï¼‰ | ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã„ã‚ã¯
ç«¯æœ«ç‰¹æ€§ã«å¿œã˜ãŸãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®è€ƒãˆæ–¹æœ€ã‚‚èº«è¿‘ã§ã€ã©ã“ã§ã‚‚æ°—è»½ã«ä½¿ãˆã‚‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆç«¯æœ«ã¨ãªã£ãŸæºå¸¯é›»è©±ã€‚ç«¯æœ«ã®æ€¥é€Ÿãªæ™®åŠã¨ãƒã‚¤ã‚¹ãƒšãƒƒã‚¯åŒ–ã«ã¨ã‚‚ãªã„ã€æºå¸¯é›»è©±å‘ã‘ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚µãƒ¼ãƒ“ã‚¹ã«ã‚ˆã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãŒå„ä¼æ¥ã§æœ¬æ ¼çš„ã«å–ã‚Šçµ„ã¾ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚PCå‘ã‘Webã‚µã‚¤ãƒˆã¨åŒæ§˜ã€æºå¸¯å‘ã‘Webã‚µã‚¤ãƒˆï¼ˆä»¥é™â€œãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆâ€ï¼‰ã®æ§‹ç¯‰ã«ãŠã„ã¦ã‚‚å½“ç„¶ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹ã“ã¨ãŒå„ä¼æ¥ã®ãƒ“ã‚¸ãƒã‚¹ã«ã‚ˆã„å½±éŸ¿ã‚’ã‚‚ãŸã‚‰ã™ã“ã¨ã¯å¿…ç„¶ã§ã™ã€‚ ã—ã‹ã—ã€ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã§ã¯ã€ã“ã‚Œã¾ã§å„ä¼æ¥ãŒæ§‹ç¯‰ãƒ»é‹ç”¨ã—ã¦ããŸPCå‘ã‘Webã‚µã‚¤ãƒˆã¨æ¯”ã¹ã‚‹ã¨ã€ç”»é¢ã‚µã‚¤ã‚ºã‚„1ãƒšãƒ¼ã‚¸ã§è¡¨ç¤ºã§ãã‚‹ãƒšãƒ¼ã‚¸å®¹é‡åˆ¶é™ã€ã‚ãƒ£ãƒªã‚¢ã”ã¨ã®é•ã„ãªã©ã€ãƒ¢ãƒã‚¤ãƒ«ãªã‚‰ã§ã¯ã®åˆ¶ç´„ãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œã‚‰ã‚’è¸ã¾ãˆãŸã†ãˆã§ã€ã©ã†ã™ã‚Œã°ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’æ£ç¢ºã«ä¼ãˆã‚‹ã“ã¨ãŒã§ãã€ã‚¹ãƒˆãƒ¬ã‚¹ãªãåˆ©ç”¨ã§ãã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®å„ªã‚ŒãŸã‚µã‚¤ãƒˆã‚’å®Ÿç¾ã§
ruicc 2009/01/31
ui

mobile

WebService
ãƒªãƒ³ã‚¯
ãƒªãƒƒãƒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£…æ™‚ã«æ¤œè¨Žã—ãŸã„30ã®UI
æ—¥æœ¬ã§ã‚‚è¿‘æ—¥ç™ºå£²ã®ã€ŒDesigning Web Interfacesã€ã‹ã‚‰ã€ãƒªãƒƒãƒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹ãŸã‚ã®30ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 30 Essential Controls ã‚µãƒ³ãƒ—ãƒ«ã¯ã€ä¸€éƒ¨jQueryãƒ™ãƒ¼ã‚¹ã®ã‚‚ã®ã«å¤‰æ›´ã—ã¦ã„ã¾ã™ã€‚ 01. Auto Suggest
ruicc 2009/01/31
design

ui
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ruicc 2009/01/26
ui

design
ãƒªãƒ³ã‚¯
UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®ã¾ã¨ã‚ : could
UI UXã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®ã¾ã¨ã‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯ã€å®Ÿéš›åŒã˜ã‚ˆã†ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ä½œã‚‹ã¨ãã ã‘ã§ãªãã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹éš›ã«ã‚‚å½¹ç«‹ã¤è²´é‡ãªè³‡æ–™ã§ã™ã€‚ä»Šã¾ã§å€‹åˆ¥ã§ç´¹ä»‹ã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ä¸€æŒ™ã«ã¾ã¨ã‚ã¦ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ã¦ã¿ã¾ã—ãŸã€‚ Introduction to Apple Human Interface Guidelines å€‹äººçš„ã« UI ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ã„ãˆã°ã“ã‚Œã€‚æ—¥æœ¬èªžè¨³ã‚‚å¤§å¤‰ä¾¿åˆ©ã§ã™ Apple User Experience Guides ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºå‘ã‘ã§ã™ãŒã€ã‚¤ãƒ³ãƒˆãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ã‚ãŸã‚Šã¯å‚è€ƒã«ãªã‚Šã¾ã™ iPhones Human Interface Guidelines ä¼šå“¡ç™»éŒ²ã™ã‚‹ã¨è¦‹ã‚Œã‚‹ PDF è³‡æ–™ã§ã™ãŒã€ä¸Šè¨˜ã®ãƒªãƒ³ã‚¯ã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§è¦³è¦§ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ Windows User Experience Interaction G
ruicc 2009/01/24
design

ui
ãƒªãƒ³ã‚¯
1