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

hmd703 id:hmd703

uiã¨interfaceã«é–¢ã™ã‚‹hmd703ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

é€†ã‚·ãƒ£ã‚¢ä»¥å¾Œã®å¯Œé‡Žã‚¢ãƒ‹ãƒ¡ã¯ã‚³ãƒƒã‚¯ãƒ”ãƒƒãƒˆã‚’ã©ã†æã„ãŸã‹ï¼Ÿ - çŽ–è¶³æ‰‹å¸–-ã‚¢ãƒ‹ãƒ¡ãƒ–ãƒã‚°-
å‰å›žã®ã‚ã‚‰ã™ã˜ ã‚ã§ã®ã„ã•ã‚“ã®ã“ã®è¨˜äº‹ãŒç™ºç«¯ã€‚ adenoi-today.hatena blog.com ãã‚Œã«å¯¾ã™ã‚‹ã‚³ãƒ¡ãƒ³ãƒˆã‚’è¨˜äº‹ã«ã—ãŸã®ãŒã“ã¡ã‚‰ã€‚ nuryouguda.hatena blog.com è‡ªåˆ†ã¨ã—ã¦ã¯å‰²ã¨é›‘ãªå°è±¡è«–ã ã¨æ€ã†ã®ã§ã€53ã‚‚ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãŒã¤ãã¨ã¯æ€ã„ã‚‚ã—ãªã‹ã£ãŸã€‚ï¼ˆãã‚‚ãã‚‚å…ƒã¯ä»–äººã•ã‚“ã®ãƒ–ãƒã‚°ã«çªã£ã‹ã‹ã£ãŸã‚³ãƒ¡ãƒ³ãƒˆã«ã™ãŽãªã„ã®ã§ï¼‰ï¼ˆæ–‡å—æ•°ãŒå°‘ãªãã¦é›‘ãªæ–¹ãŒé•·æ–‡ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚ˆã‚Šã‚‚èªã¾ã‚Œã‚„ã™ã„ï¼Ÿï¼‰ ã—ã‹ã—ã€é›‘ã«æ›¸ã„ãŸã»ã†ãŒèªè€…ã«ã‚ã‹ã‚Šã‚„ã™ã„ã¨ã„ã†å•é¡Œã‚‚ã‚ã‚‹ã‚‚ã®ã®ã€èˆˆå‘³ã‚’å¼•ã‹ã‚Œã‚‹é¡Œæã§ã‚ã‚‹ã“ã¨ã¯åˆ†ã‹ã£ãŸã€‚ ã˜ã‚ƒãã€å…¨æ–¹ä½ãƒ¢ãƒ‹ã‚¿ãƒ¼ã®ç™ºæ˜Žã®å¾Œã®å¯Œé‡Žã‚¢ãƒ‹ãƒ¡ã¯ã©ã†ãªã£ãŸã®ã‹ã€ãã‚Œã‚’ã–ã£ãã‚Šã¨è§£èª¬ã—ã¦ã€ã€†ã‚ã¨ã—ãŸã„ã€‚ åƒ•ã¯80å¹´ä»£ã®å¯Œé‡Žã‚¢ãƒ‹ãƒ¡ã®å…¨æ–¹ä½ãƒ¢ãƒ‹ã‚¿ãƒ¼ã¯ã€Œãƒ‘ã‚¤ãƒãƒƒãƒˆã®èº«ä½“æ„Ÿè¦šã®å–ªå¤±ã€ã¨ã‹ã€Œæ©Ÿæ¢°ã¨ãƒ‘ã‚¤ãƒãƒƒãƒˆã®å¢ƒç•Œç·šãŒãƒã‚¤ã‚ªæŠ€è¡“ã«ã‚ˆã£ã¦æ›–æ˜§ã«ãªã‚‹ã€ã€Œç²¾ç¥žçš„ã«ä¸å®‰å®šã«ãªã‚‹ã‚ˆã†ãªZã‚¬ãƒ³
hmd703 2020/11/11
ui

interface
ãƒªãƒ³ã‚¯
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ | OOUI â€“ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ™ãƒ¼ã‚¹ã®UIãƒ¢ãƒ‡ãƒªãƒ³ã‚°
æœ€è¿‘ã€OOUX ã¨ã„ã†è¨€è‘‰ã‚’è¦‹èžãã—ã¾ã—ãŸã€‚ã“ã‚Œã¯ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã®åˆ©ç”¨è€…ä½“é¨“ï¼ˆObject-Oriented User Experienceï¼‰ã®ã“ã¨ã§ã€ã„ãã¤ã‹ã®è¨˜äº‹ã‚’èªã‚“ã ã¨ã“ã‚ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³è¨è¨ˆã«ãŠã„ã¦ç”»é¢ã¨ãƒ‡ãƒ¼ã‚¿ã‚’å¯¾å¿œã¥ã‘ã‚‹éš›ã«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æ‰‹æŽ›ã‹ã‚Šã«ã™ã‚‹ã¨ã„ã†æ–¹æ³•è«–ã®ã‚ˆã†ã§ã™ã€‚ã¤ã¾ã‚Š OOUX ã¯ã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ™ãƒ¼ã‚¹ã®UIãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã€ã¨è¨€ã„æ›ãˆã‚‹ã“ã¨ãŒã§ããã†ã§ã™ã€‚ãã†ã™ã‚‹ã¨å®Ÿã¯ä»¥å‰ã‹ã‚‰ãã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã¯ã‚ã‚Šã€ã€ŒOOUIï¼ˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼‰ã€ã¨å‘¼ã°ã‚Œã¦ã„ãŸã®ã§ã™ã€‚æœ€è¿‘ã«ãªã£ã¦ OOUX ã¨ã„ã†è¨€è‘‰ãŒä½¿ã‚ã‚Œã‚‹ã®ã¯ã€OOUI ã®ã“ã¨ã‚’çŸ¥ã‚‰ãªã‹ã£ãŸã‹ã€ã‚‚ã—ãã¯æµè¡Œèªžã§ã‚ã‚‹ã€ŒUXã€ã‚’ç”¨ã„ãŸæ–¹ãŒã‹ã£ã“ã„ã„ã¨è€ƒãˆãŸã‹ã‚‰ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ™ãƒ¼ã‚¹ã®UIãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã€ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã¯ã€GUI ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã®åŸºæœ¬çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
hmd703 2016/12/09
ui

ux

usability

interface

design

OOUI
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ãªã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰10é¸ - ãƒãƒƒãƒ—ã‚¤ãƒ³ã‚µã‚¤ãƒˆ
ä»Šå›žã¯ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ã¨ãã«å‚è€ƒã«ãªã‚‹ç´ æ™´ã‚‰ã—ã„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã¯Webãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ã¾ãŸç•°ãªã£ãŸè¦–ç‚¹ãŒå¿…è¦ã«ãªã£ã¦ãã¾ã™ã€‚ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªç‰¹æœ‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒãƒ¼ã‚„ã€ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°æ‰‹æ³•ã«ã¤ã„ã¦å¦ã³ãŸã„æ–¹ã«ãŠã™ã™ã‚ã§ã™ï¼
hmd703 2016/03/14
ui

interface

design

tips

study
ãƒªãƒ³ã‚¯
Testing Accordion Menu Designs & Iconography | Viget
hmd703 2016/02/04
ui

ux

interface

design
ãƒªãƒ³ã‚¯
A Showcase of 30 iPad User Interfaces - Inspiredology
Earlier this week we wrote an article on â€œ26 Stellar iPad App Websitesâ€œ. Sticking with the Apple theme, we have gone into the iPad this time around. We have collected some examples of the user interface within the iPad. This post will showcase some of the various ways that a user can experience an app. The majority of the links are iTunes links. Flipboard Spotify Nike Football+ Team Edition TweetD
hmd703 2010/10/28
ipad

ui

idea

design

interface
ãƒªãƒ³ã‚¯
ãã‡ã€è‡ªåˆ†ã§ã¡ã‚ƒã‚“ã¨ä½¿ã£ã¦ã¿ãŸï¼Ÿ: DESIGN IT! w/LOVE
ä¸ç¢ºå®Ÿãªæ™‚ä»£ã‚’ã‚¯ãƒã‚¯ãƒè›‡è¡Œã—ãªãŒã‚‰é“ã‚’åˆ‡ã‚Šã²ã‚‰ãéžç·šå½¢åž‹ãƒ–ãƒã‚°ã€‚äººé–“ã®æ€è€ƒã®å½¢ã®å¤‰é·ã‚’æŽ¢æ±‚ã™ã‚‹ã“ã¨ã‚’ãƒ©ã‚¤ãƒ•ãƒ¯ãƒ¼ã‚¯ã«ã€‚ ã„ã‚„ãƒ¼ã€ä¹…ã—ã¶ã‚Šã«ã„ãã¤ã‹ã®ã‚±ãƒ¼ã‚¿ã‚¤ã®æœ€æ–°æ©Ÿç¨®ã‚’ã¡ã‚‡ã£ã¨è©•ä¾¡ã™ã‚‹ãŸã‚ã«è§¦ã£ã¦ã¿ãŸã‘ã©ã€äºˆæƒ³ä»¥ä¸Šã«ã²ã©ã„çŠ¶æ³ã§ã—ãŸã€‚ ç‰¹ã«ã‚¿ãƒƒãƒãƒ‘ãƒãƒ«ã®ã¤ã„ãŸæ©Ÿç¨®ã¯ã²ã©ã‹ã£ãŸã§ã™ãã€‚ä½¿ã„ã«ãã„ã©ã“ã‚ã‹ã€ä½¿ãˆãªã„æ©Ÿèƒ½ãŒã‚ã‚‹æ©Ÿç¨®ã‚‚ã¡ã‚‰ã»ã‚‰ã€‚ ã¾ã•ã«ã€æ–™ç†ã¯é‹ã°ã‚Œã¦ããŸã‘ã©ã€ã€Œã‚ã®ãƒ¼ã€ç®¸ã¯ãªã„ã‚“ã§ã™ã‹ï¼Ÿã€ã¨ã„ã†æ„Ÿã˜ã§ã€æ©Ÿèƒ½ã¯ç›®ã®å‰ã«æç¤ºã•ã‚Œã¦ã‚‹ã‘ã©ã€è‚å¿ƒã®æ“ä½œæ–¹æ³•ãŒãªã„ã€‚ä»•æ–¹ãªãéš ã‚Œã¦ã„ã‚‹é€šå¸¸ã®ãƒœã‚¿ãƒ³ã‚’å‡ºã—ã¦ã€ã“ã‚Œã¾ã§é€šã‚Šã®æ“ä½œã‚’ã™ã‚‹ã¨ã„ã†å…·åˆã€‚ ãã‚Œã£ã¦å£²ã£ã¦ã„ã„ã‚“ã§ã—ã‚‡ã†ã‹ï¼Ÿã¨æ€ã†ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã—ãŸã€‚ã©ã“ã®ã©ã®æ©Ÿç¨®ã¨ã¯ã„ã„ã¾ã›ã‚“ãŒã€‚ ãã“ã§æ€ã†ã®ã¯ã€ã“ã‚Œã£ã¦å£²ã‚Šã ã™å‰ã«å®Ÿéš›ã«èª°ã‹ä½¿ã£ã¦ã¿ãŸã‚Šã—ã¦ã‚‹ã‚“ã§ã—ã‚‡ã†ã‹ï¼Ÿã¨ã„ã†ã“ã¨ã€‚ ãã‚Œãã‚‰ã„ã€å°‚é–€å®¶è©•ä¾¡ï¼ˆä¾‹ãˆã°ã€ãƒ’ãƒ¥ãƒ¼ãƒªã‚¹ãƒ†ã‚£ãƒƒã‚¯è©•ä¾¡ï¼‰ä»¥å‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒª
hmd703 2009/10/08
ã™ã”ã„ã„ã„ã“ã¨æ›¸ã„ã¦ã‚ã‚‹

interface

iphone

ui

mobile
ãƒªãƒ³ã‚¯
1