[B! WEBãƒ‡ã‚¶ã‚¤ãƒ³][UI] kaz49ã®ãƒ

kaz49 id:kaz49

WEBãƒ‡ã‚¶ã‚¤ãƒ³ã¨UIã«é–¢ã™ã‚‹kaz49ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

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

ã‚ã¨ã§èªã‚€

é–‹ç™º

æœ¬

å¦ç¿’

UX

æ›¸ç±

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
UIãƒ‡ã‚¶ã‚¤ãƒ³ã«è¡Œãè©°ã£ãŸã¨ãã«è¦‹ã‚‹ã¨ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¾—ã‚‰ã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹
Dribbble - What are you ... / Gallery of UI Elements -... / 365psd | Download a free...ä»–...å…¨6ä»¶
kaz49 2012/05/04
ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³

ã‚µãƒ¼ãƒ“ã‚¹

UI

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

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

ã¾ã¨ã‚

design

webåˆ¶ä½œ

å‚è€ƒ

ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
kaz49 2012/02/02
twitter

å‹‰å¼·

idea

html

HTML5

web

webåˆ¶ä½œ

design

UI

WEBãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚»ãƒ³ã‚¹ã‚’ç£¨ã“ã†ã€ç´ æ•µãªUIãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¾ã¨ã‚
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚»ãƒ³ã‚¹ã‚’ç£¨ãæ–¹æ³•ã®ä¸€ã¤ã«ã€ä»–äººã®ä½œã£ãŸã‚‚ã®ã‚’æ•°å¤šãè¦‹ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ 2011å¹´ãŒçµ‚ã‚ã‚‹å‰ã«ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’dribbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
kaz49 2011/11/22
UI

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

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

ã¾ã¨ã‚

design

ã‚»ãƒ³ã‚¹

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

web

webdesign

web design
ãƒªãƒ³ã‚¯
iPhoneã‚„Androidå‘ã‘ã®UIãƒ‘ã‚¿ãƒ¼ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒ»Mobile Design Pattern Gallery - ã‹ã¡ã³ã¨.net
ã‚«ãƒ†ã‚´ãƒªãŒã—ã£ã‹ã‚Šåˆ†ã‘ã‚‰ã‚Œã¦ã„ã¦ å‡„ãè¦‹ã‚„ã™ã‹ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚iPhone ã‚„Androidå‘ã‘ã®UIãƒ‘ã‚¿ãƒ¼ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ ã§ã™ã€‚ã‚¢ãƒ—ãƒªãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã•ã‚“ã‚„ ã‚¢ãƒ—ãƒªãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã® ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã„ã‹ãŒã§ã—ã‚‡ã†ã€‚ ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¯ã‚‚ã†ã™ã§ã«ã„ãã¤ã‚‚ã‚ã‚Šã¾ã™ã‘ã©ã€ã“ã“ã¯ç‰¹ã«ã¡ã‚ƒã‚“ã¨åˆ†ã‘ã¦ãã‚Œã¦ã„ã‚‹ã®ã§è¦‹ã‚„ã™ã„å°è±¡ã§ã—ãŸã€‚ å·¦ã‚µã‚¤ãƒ‰ã«å¤§ã¾ã‹ãªã‚«ãƒ†ã‚´ãƒªãƒ¼ãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œãžã‚Œã«ã¯æ›´ã«ç´°ã‹ã„ãƒ‘ã‚¿ãƒ¼ãƒ³ã«åˆ†ã‘ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ãŸã¨ãˆã°ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãªã‚‰ãƒªã‚¹ãƒˆã‚¿ã‚¤ãƒ—ã€ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«çœŸç´€ãªã©ã€‚ ã“ã¡ã‚‰ã¯æ¤œç´¢ã®ã‚«ãƒ†ã‚´ãƒªã€‚æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚„ã€ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆã€ã‚½ãƒ¼ãƒˆæ©Ÿèƒ½ä»˜ããªã©ãªã©ã€‚ ã‚¤ãƒ³ãƒ“ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ»ãƒ»ã‚µã‚¤ãƒˆãƒ„ã‚¢ãƒ¼ã¿ãŸã„ãªã‚„ã¤ã§ã™ã€‚ã“ã†ã„ã†ã®ã‚ã‚“ã¾ã‚Šç´¹ä»‹ã•ã‚Œã¦ã¾ã›ã‚“ã‚ˆãã€‚ ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ãã®å ´ã§Lightboxé¢¨ã«è¡¨ç¤ºã™ã‚‹ã®ã§ãƒšãƒ¼ã‚¸æŽ¨ç§»ã‚‚å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ ã¿ãŸã„ãªæ„Ÿã˜ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã™ã€‚
kaz49 2011/11/21
design

mobile

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

UI

android

iphone

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãšã£ã¨ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚ã™ã£ãã‚Šç¾Žã—ãè¦‹ã›ã‚‹ã€Žä½™ç™½ã€ã¨ã€Žæ–‡å—ã€ã®ä½¿ã„æ–¹ã€‚
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®é•·è°·å·ã§ã™ã€‚ ä»Šå›žã¯åƒ•ãŒæ™®æ®µæ°—ã‚’ã¤ã‘ã¦ã„ã‚‹ã€ã¡ã‚‡ã£ã¨æ„è˜ã™ã‚‹ã ã‘ã§ã‚¹ãƒƒã‚ãƒªã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚³ãƒ„ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã˜ã‚ƒãªã„æ–¹ã‚‚ã€ä¼ç”»æ›¸ã‚„ç°¡å˜ãª UI ã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã€Web ã‚„é›‘èªŒã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã«å¿œç”¨ã§ãã‚‹ã¨æ€ã„ã¾ã™ã®ã§ã€ãœã²å‚è€ƒã«ã—ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ 1. ä¸Šä¸‹å·¦å³ã®ãƒžãƒ¼ã‚¸ãƒ³ã‚’å‡ä¸€ã« Web ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ UI ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¦ç´ å…¨ã¦ã«å¯¾ã—ã¦éš£ã‚Šåˆã†è¦ç´ ã¨ã®é–“éš”ã‚„ãƒãƒŠãƒ¼ã€ãƒœã‚¿ãƒ³ãªã©ã®å¤–å´ã¨å†…å´ã®è¦ç´ ã®ä¸Šä¸‹å·¦å³ãƒžãƒ¼ã‚¸ãƒ³ã‚’ã§ãã‚‹ã ã‘å‡ä¸€ã«ã™ã‚‹ã“ã¨ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚¹ãƒƒã‚ãƒªè¦‹ãˆã¾ã™ã€‚ 2. å†…å´ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯å¤–å´ã®ãƒžãƒ¼ã‚¸ãƒ³ã‚ˆã‚Šç‹ã ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ä¸€ç•ªå¤–å´ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é–“éš”ã‚ˆã‚Šæ–‡ç« ã®ã‹ãŸã¾ã‚Šã‚„ç”»åƒåŒå£«ã®é–“éš”ã‚’å°ã•ãã—ã¾ã™ã€‚åŸºæœ¬çš„ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã¾ã¨ã¾ã‚Šã‚’ä½œã‚‹ãŸã‚ã§ã™ã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã£ã¦ã¯åºƒãå–ã£ã¦åŒºåˆ†ã‘ã‚‹å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ 3. æ®µè½ã®ä¸‹ã¯é–“éš”ã‚’åºƒãé–‹ã‘
kaz49 2011/08/21
Webãƒ‡ã‚¶ã‚¤ãƒ³

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

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

Tips

UI

Webåˆ¶ä½œ

design

webdesign

CSS

web
ãƒªãƒ³ã‚¯
1