[B! UI][Webåˆ¶ä½œ] funekazã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

funekaz id:funekaz

UIã¨Webåˆ¶ä½œã«é–¢ã™ã‚‹funekazã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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ãƒ»IAã‚„ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®ã€Œå°‚é–€çŸ¥è˜ã€ãŒå¢—ãˆã‚‹ã¾ã¨ã‚ - ã‚³ãƒ ãƒ†ãƒ–ãƒã‚°
TL;DR ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚„ã‚·ã‚¹ãƒ†ãƒ ã¯åˆ†ã‹ã‚‹ã‘ã©ã€æœ€çµ‚çš„ã«ä½¿ã„ã‚„ã™ã„è¨è¨ˆã‚„ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã•ã‚“ãŒç´å¾—ã™ã‚‹ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã‚‰ãªã„ã€‚ç´å“å¾Œã«ä½¿ã„ã«ãã„ç®‡æ‰€ãŒã‚ã‚‹ã¨è¨€ã‚ã‚Œã‚‹ã€‚ãã†ãªã‚‹å‰ã«ã€Œä½•ã¨ãªãé€²ã‚ãªã„ã€ã‚ˆã†ã«ã‚µã‚¤ãƒˆåˆ¶ä½œã‚„ã‚µãƒ¼ãƒ“ã‚¹ãƒ»ã‚¢ãƒ—ãƒªã‚’ä½œæˆã™ã‚‹å‰ã®æ®µéšŽã§çŸ¥ã£ã¦ãŠããŸã„çŸ¥è˜ã€‚UXãƒ»UIãƒ»IA ã®é•ã„ãŒæ¼ ç„¶ã¨ã—ã¦ã„ã‚‹ã¨ãã«ã€‚ IAï¼ˆæƒ…å ±ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ï¼‰ ï¼‘ï¼ŽåŸºç¤ŽçŸ¥è˜ æƒ…å ±ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨ã¯ Web ã‚µã‚¤ãƒˆå…¨ä½“ã®è¨è¨ˆå›³ã€æƒ…å ±ã‚’åˆ†ã‹ã‚Šã‚„ã™ãä¼ãˆã‚‹ã“ã¨ã€‚ä¸»ã«ï¼©ï¼¡ï¼ˆã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒˆï¼‰ãŒæ‹…å½“ã—ã¾ã™ã€‚å›½å†…ã§ã¯ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãŒæ‹…å½“ã™ã‚‹ä¼šç¤¾ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚æƒ…å ±ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¯ã‚µã‚¤ãƒˆã‚’è¦‹ãŸç›®ã®å°è±¡ã ã‘ã§ãªãã€ç›®ã«è¦‹ãˆãªã„ã‚µã‚¤ãƒˆæ§‹é€ ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ã§ã€ã‚ã‹ã‚Šã‚„ã™ã„ã‚µã‚¤ãƒˆã«ã™ã‚‹æŠ€è¡“ã€‚ [ã‚¹ãƒ©ã‚¤ãƒ‰] ç¤¾å†…ã® IAï¼ˆæƒ…å ±ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ï¼‰ç ”ä¿®ã®è¬›å¸«ã‚’ã—ã¦ã¿ãŸã€‚ï¼šãã®ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ— | future-proof
funekaz 2015/05/26
UI

UX

Webåˆ¶ä½œ

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

webåˆ¶ä½œ

Design

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

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Login Forms Design Gallery | Smiley Cat
Login form design is a critical component of web application usability. Successful login pages make it easy for registered users to gain access. They minimize the barrier to entry and provide options for users who are having difficulty logging in.
funekaz 2014/04/23
memo

UI

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
The 60+ Best Ecommerce Websites - Top Ecommerce Website Designs
Home Â» Articles Â» 25+ Best Ecommerce Website Designs for Inspiration (2024) 25+ Best Ecommerce Website Designs for Inspiration (2024) The list of top 50 ecommerce website designs in 2024 If you subscribe to a service from a link on this page, Reeves and Sons Limited may earn a commission. See our ethics statement. For any business that wants to sell online, having a well-designed website is vitall
funekaz 2014/04/23
ã‚ã‚‚

design

UI

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Photoshopã§ã®ä½œæ¥ãŒã¯ã‹ã©ã‚‹ï¼ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆç‰¹ã«ã‚¹ãƒžãƒ•ã‚©ï¼‰ç”¨ã®åŠ¹æžœçš„ãªç’°å¢ƒè¨å®šã®ã¾ã¨ã‚
Photoshopã§ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚„ã‚¹ãƒžãƒ•ã‚©ãƒšãƒ¼ã‚¸ã®ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ™‚ã«ã€æœ€ã‚‚è‰¯ã„çµæžœãŒã§ã‚‹æœ€é©ãªç’°å¢ƒè¨å®šã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æœ€å¾Œã®ã€Œä½œæ¥ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’å‘ä¸Šã•ã›ã‚‹è¨å®šã€ã¯ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«é™ã‚‰ãšã€Photoshopã®å‹•ä½œãŒã‚‚ã£ã•ã‚Šã—ã¦ã„ã‚‹äººã¯è¦‹ç›´ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ How To Set Up Photoshop For UI Design ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã€ç”»åƒã¯å½“æ–¹ã®Photoshopæ—¥æœ¬èªžç‰ˆã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«è¨±å¯ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚æµ·å¤–ã®å¤šãã®ãƒ–ãƒã‚¬ãƒ¼ã‹ã‚‰ã‚ã®ãƒ–ãƒã‚°ã§ã®ç„¡æ–ç¿»è¨³ãƒ»è»¢è¼‰ã®å£°ã‚’èžãã®ã§ã”æ³¨æ„ãã ã•ã„ã€‚ ç’°å¢ƒè¨å®šã¯iPhoneç”¨ã‚’ä¾‹ã«ã—ã¦ã„ã¾ã™ãŒã€åŸºæœ¬çš„ãªãƒã‚¤ãƒ³ãƒˆã¯å…¨ã¦ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæ¥ã«é©ç”¨ã§ãã¾ã™ã€‚ æ–°è¦ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®è¨å®š ã‚¹ãƒŠãƒƒãƒ—ã®è¨å®š ãƒ†ã‚ã‚¹ãƒˆã®è¨å®š å…‰æºã®è¨å®š ã‚°ãƒªãƒƒãƒ‰ã®è¨å®š ç”»åƒã‚’æ›¸ãå‡ºã™æ™‚ã®è¨å®š R
funekaz 2014/04/22
ã‚ã‚‚

Photoshop

webåˆ¶ä½œ

UI
ãƒªãƒ³ã‚¯
ãƒ˜ãƒƒãƒ€ãƒ¼ã‚„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ç‰ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ‘ãƒ¼ãƒ„åˆ¥ã«åŽé›†ã—ã¦ã„ã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ã„ãã¤ã‹çŸ¥ã£ã¦ãŠã„ãŸæ–¹ãŒã€å¿…è¦ãªæ™‚ã« æŽ¢ã—ã‚„ã™ã„ã¨æ€ã£ã¦ãƒ¡ãƒ¢ã—ã¾ã™ã€‚Webã‚µã‚¤ãƒˆ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ˜ãƒƒãƒ€ãƒ¼ã‚„ãƒ•ãƒƒã‚¿ãƒ¼ãªã©ã€ ãƒ‘ãƒ¼ãƒ„åˆ¥ã«åŽé›†ã—ã¦ã„ã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆãŒ ã„ãã¤ã‹ã‚ã‚‹ã®ã§ã¾ã¨ã‚ã¾ã™ã€‚ ãã‚“ãªå¤§é‡ã«æœ‰ã‚‹ã‚ã‘ã§ã¯ãªã„ã§ã™ã‘ã©ã€‚ãƒ‘ãƒ¼ãƒ„ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã„ã¤ã‚‚è¿·ã†ã®ã§ã“ã®æ‰‹ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¯ã„ãã¤ã‚ã£ã¦ã‚‚çµæ§‹é‡å®ã—ã¾ã™ã‚ˆãã€‚ ãƒ–ãƒ–ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ãƒ¼ã‚«ã‚¤ãƒ– å›½å†…ã§ãŠãã‚‰ãå”¯ä¸€ã®ãƒ‘ãƒ¼ãƒ„åˆ¥ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã™ã€‚ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ•ãƒƒã‚¿ãƒ¼ãªã©ã§æŽ¢ã›ã¦ã€åŽé›†ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚‚å›½å†…ãƒ¡ã‚¤ãƒ³ãªã®ã§å‚è€ƒã«ãªã‚‹ã®ã§ã¯ã€‚ ãƒ–ãƒ–ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ãƒ¼ã‚«ã‚¤ãƒ– MephoBox ãƒ˜ãƒƒãƒ€ãƒ¼ã‚„ãƒ•ãƒƒã‚¿ãƒ¼ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§ãªãã€404ã‚„ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ãªã©å…¨ã¦ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚«ãƒ†ã‚´ãƒªã«ã—ã¦ãƒ‘ãƒ¼ãƒ„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åŽé›†ã—ã¦ã„ã¾ã™ã€‚ãŠã™ã™ã‚ã€‚ MephoBox Pattern Tap ã“ã¡ã‚‰ã‚‚ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒœã‚¿ãƒ³ã€ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã«åˆ†ã‘ã¦ãƒ‡
funekaz 2011/01/26
ãƒ‡ã‚¶ã‚¤ãƒ³

webdesign

webåˆ¶ä½œ

ã¾ã¨ã‚

UI
ãƒªãƒ³ã‚¯
1