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

ToshinoriYamanaka id:ToshinoriYamanaka

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

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

æœ€è¿‘ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰å¦ã¶ã€7ç¨®é¡žã®ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’èª˜ã†è³¼å…¥ã‚„é€ä¿¡ã‚„æ¤œç´¢ãƒœã‚¿ãƒ³ãªã©ã€æœ€è¿‘ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ˆãè¦‹ã‹ã‘ã‚‹7ç¨®é¡žã®ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Common elements used in interface button design [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¾ãŸã€å…ƒè¨˜äº‹ã§ã¯ãã‚Œãžã‚Œã®ãƒœã‚¿ãƒ³ã‚’ä½œæˆã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚‚æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ 1. ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ 2. ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ 3. 3Dã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ 4. 1ãƒ”ã‚¯ã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ 5. èƒŒæ™¯ã‚’ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã—ãŸãƒœã‚¿ãƒ³ 6. ã‚°ãƒã‚¦ã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ 7. ãƒã‚¤ãƒ©ã‚¤ãƒˆã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ 1. ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ ãƒ†ã‚¯ã‚¹ãƒãƒ£ã¯ãƒœã‚¿ãƒ³ã«ã‚ãšã‹ãªå¥¥è¡Œãã‚’ä¸Žãˆã€ã‚¯ãƒªãƒƒã‚¯ãŒå¯èƒ½ã§ã‚ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚‹ã‚ˆã†ã«ã™ã‚‹ç´ æ™´ã‚‰ã—ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚
ToshinoriYamanaka 2011/06/11
ui
ãƒªãƒ³ã‚¯
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
Sign In to View Your Boards Inspirational UI UX Patterns That Work Explore Pattern Categories Made with love for designers by designers @Simform & Maitrik Kataria
ToshinoriYamanaka 2011/05/20
iPhone

UI
ãƒªãƒ³ã‚¯
lovely ui
device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai
ToshinoriYamanaka 2011/05/18
iPhone

UI

showcase
ãƒªãƒ³ã‚¯
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ | UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ãŒç‹¬è‡ªã«æä¾›ã™ã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³é›†ã€‚ã“ã‚Œã‚’ä½¿ãˆã°UIè¨è¨ˆã‚’åŠ¹çŽ‡åŒ–ã§ãã¾ã™ã€‚
ToshinoriYamanaka 2011/05/18
UI
ãƒªãƒ³ã‚¯
Google I/O 2010
Android UI design patterns Android - Chris Nesladek, German Bauer, Richard Fulcher, Christian Robertson, Jim Palmer In this session, the Android User Experience team will show the types of patterns you can use to build a great Android application. We'll cover things like how to use Interactive Titlebars, Quick Contacts, and Bottom bars as well some new patterns which will get an I/O-only preview.
ToshinoriYamanaka 2011/05/18
Android

ui
ãƒªãƒ³ã‚¯
livedoor Techãƒ–ãƒã‚° : ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«èžã‹ã‚ŒãŒã¡ãªAndroid UIã®ä»•æ§˜
é–‹ç™ºéƒ¨ã®äº•ä¸Šï¼ˆ@inonbï¼‰ã§ã™ã€‚12æœˆã«ä½ç½®æƒ…å ±ã‚µãƒ¼ãƒ“ã‚¹ãƒ»ãƒã‚±ã‚¿ãƒƒãƒã®Androidã‚¢ãƒ—ãƒªã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ãœã²ãŠè©¦ã—ãã ã•ã„ã€‚ ã•ã¦ã€ä»Šå›žã¯Androidã‚¢ãƒ—ãƒªã®UIã¾ã‚ã‚Šã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ iPhoneã‚¢ãƒ—ãƒªã«æ¯”ã¹ã¦ã€Androidã‚¢ãƒ—ãƒªã®UIä»•æ§˜ã¯ã€ã‚ã‚Šã¨Webã«è¿‘ã„ã¨ã“ã‚ãŒã‚ã‚Šã¾ã™ã€‚Webã®ä»•äº‹ã®çµŒé¨“ãŒã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã¯å…¥ã‚Šã‚„ã™ã„ã¨ã“ã‚ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€ãƒžãƒ«ãƒãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤å¯¾å¿œãªã©é¢å€’ãªã¨ã“ã‚ã‚‚ã‚ã‚Šã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«èžã‹ã‚ŒãŸè³ªå•ã«ã¤ã„ã¦ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1. iPhoneã‚¢ãƒ—ãƒªã®ãƒ‡ã‚¶ã‚¤ãƒ³ã£ã¦æµç”¨ã§ãã¾ã™ã‹ï¼Ÿ æµç”¨ã¯ã§ãã‚‹ã ã‘é¿ã‘ãŸã„ã§ã™ã€‚ ãŸã¨ãˆã°Twitterã‚„Facebookã®ã‚¢ãƒ—ãƒªãªã©ã€ä¸¡ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’æŒã¤ã‚¢ãƒ—ãƒªã‚’è¦‹ã¦ã‚‚ã€iPhoneã¨Androidã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¤‰ã‚ã£ã¦ã„ã‚‹ã®ãŒåˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ Androidã®ãƒ‡ã‚¶
ToshinoriYamanaka 2011/05/18
Android

UI
ãƒªãƒ³ã‚¯
Android Interaction Design Patterns |
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
ToshinoriYamanaka 2011/05/18
Android

UI
ãƒªãƒ³ã‚¯
iPhoneã‚„Androidãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘UIã®å°‚é–€ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆãƒ»lovely ui
iPhoneã®ã‚¢ãƒ—ãƒªã‚„Androidã‚¢ãƒ—ãƒªç‰ã® ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã•ã‚“å‘ã‘ã§ã™ã‹ãã€‚ã‚¹ãƒžãƒ› å‘ã‘ã®UIå°‚é–€ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆãƒ»lovely uiã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã§è¦‹ã‚„ã™ã„ã§ã™ã€‚ã„ãã¤ã‹åŒã˜ ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒã‚ã‚Šã¾ã™ãŒã€ è¤‡æ•°ã‚ã£ã¦ã‚‚å›°ã‚‰ãªã„ã§ã™ã®ã§è¦šãˆã¦ ãŠããŸã„ã§ã™ãã€‚ ã‚¢ãƒ—ãƒªé–‹ç™ºè€…ã•ã‚“å‘ã‘ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã™ã€‚UIã§å›°ã£ãŸéš›ã¯ã”è¦§ã«ãªã£ã¦ã¿ã¦ã¯å¦‚ä½•ã§ã—ã‚‡ã†ã€‚
ToshinoriYamanaka 2011/05/18
Android

UI
ãƒªãƒ³ã‚¯
Android UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’é›†ã‚ãŸã€ŽAndroid Patternsã€ | 100SHIKI
ã¡ã‚‡ã£ã¨å‰ã‹ã‚‰ã‚ã‚‹ãŒã€ã‚„ã£ã±ã‚Šã“ã‚Œã‹ã‚‰å¤§äº‹ã«ãªã‚Šãã†ãªã®ã§ã”ç´¹ä»‹ã€‚ Android Patternsã§ã¯ã€Androidã®UIã«é–¢ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’é›†ã‚ã¦ã„ã‚‹ã‚ˆã†ã ã€‚ ãƒ‡ãƒ¼ã‚¿ã‚’ã©ã†è¦‹ã›ã‚‹ã¹ãã‹ã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã©ã†ä½œã‚‹ã¹ãã‹ã€é€šçŸ¥ã¯ã©ã†ã‚ã‚‹ã¹ãã‹ã€ãªã©ãªã©ãŒç”»é¢ã¨ã¨ã‚‚ã«ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã€‚ æ¯”è¼ƒçš„è‡ªç”±åº¦ã®é«˜ã„Androidã§ã‚ã‚‹ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’è¿·ã‚ã›ãªã„ãŸã‚ã«ã‚‚ã“ã†ã—ãŸãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’æŠ‘ãˆã¦ãŠããŸã„ã¨ã“ã‚ã ã€‚ ä»Šå¹´ã¯Androidé–‹ç™ºï¼ã¨ã„ã†æ–¹ã¯è¦—ã„ã¦ã¿ã¦ã¯ã„ã‹ãŒã ã‚ã†ã€‚
ToshinoriYamanaka 2011/05/18
android

ui
ãƒªãƒ³ã‚¯
æ—¥æœ¬ã®ã‚µã‚¤ãƒˆã§ä½¿ç”¨ã—ã¦ã„ã‚‹ã‚µãƒ¼ãƒãƒœãƒƒã‚¯ã‚¹ã®ã‚µã‚¤ã‚ºã¨ãƒœã‚¿ãƒ³ã®ä¸€è¦§
ã€ŒWebã‚µã‚¤ãƒˆä¾¡å€¤ãƒ©ãƒ³ã‚ãƒ³ã‚° 2010ã€ã¨ã€ŒAlexa - Top Sites in Japanã€ã‹ã‚‰ä¸Šä½30æ•°ç¤¾ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ä½¿ç”¨ã—ã¦ã„ã‚‹ã‚µãƒ¼ãƒãƒœãƒƒã‚¯ã‚¹ã®ã‚µã‚¤ã‚ºã¨ã‚µãƒ¼ãƒãƒœã‚¿ãƒ³ã‚’èª¿æŸ»ã—ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ 30æ–‡å—ä»¥ä¸Š(8) 15ï½ž29æ–‡å—(9) 10ï½ž14æ–‡å—(11) 10æ–‡å—ä»¥ä¸‹(3) æ¦‚è¦ å„ã‚µã‚¤ãƒˆã®ã‚µãƒ¼ãƒãƒœãƒƒã‚¯ã‚¹ã«ã²ã‚‰ãŒãª50éŸ³ã‚’å…¥åŠ›ã—ã€ã‚ãƒ£ãƒ—ãƒãƒ£ã‚’ã¨ã‚Šã¾ã—ãŸã€‚ä¸‹è¨˜ã®æŽ²è¼‰é †ç•ªã¯è¡¨ç¤ºæ–‡å—æ•°ã®å¤šã„é †ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã‚µãƒ¼ãƒãƒœãƒƒã‚¯ã‚¹ã¯ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®ã‚‚ã®ã‚’é¸æŠžã—ã¦ã„ã¾ã™ãŒã€è©²å½“ã—ãªã„å ´åˆã¯å€‹äººãƒ¦ãƒ¼ã‚¶ãƒ¼å‘ã‘ã®ãƒšãƒ¼ã‚¸ã‚’é¸æŠžã—ã¦ã„ã¾ã™ã€‚ 30æ–‡å—ä»¥ä¸Šã‚’è¡¨ç¤ºã™ã‚‹ã‚µãƒ¼ãƒãƒœãƒƒã‚¯ã‚¹
ToshinoriYamanaka 2010/09/08
ui

search
ãƒªãƒ³ã‚¯
ã‚¤ãƒ³ãƒ•ãƒ©ã‚¸ã‚¹ãƒ†ã‚£ãƒƒã‚¯ã‚¹ Quince UX ãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ ã‚¨ã‚¯ã‚¹ãƒ—ãƒãƒ¼ãƒ©ãƒ¼
Quince ã¯ãƒªãƒƒãƒãª UX ãƒ‘ã‚¿ãƒ¼ãƒ³ (UI ãƒ‘ã‚¿ãƒ¼ãƒ³) ã‚’ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã§ãã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ ã‚¨ã‚¯ã‚¹ãƒ—ãƒãƒ¼ãƒ©ãƒ¼ã§ã™Quince ã‚’æ£ã—ãå®Ÿè¡Œã™ã‚‹ã«ã¯ã€Silverlight 3 ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚
ToshinoriYamanaka 2010/06/01
UX
ãƒªãƒ³ã‚¯
1