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

HappyValley id:HappyValley

Webåˆ¶ä½œã¨UIã«é–¢ã™ã‚‹HappyValleyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

æˆåŠŸæ³•å‰‡ãŒè©°ã¾ã£ãŸBtoBã‚µã‚¤ãƒˆã®æ¨™æº–ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ç„¡æ–™é…å¸ƒã—ã¾ã™ | knowledge / baigie
ç´„1å¹´å‰ã€BtoBä¼æ¥ã«ãŠã‘ã‚‹é¡§å®¢ç²å¾—åž‹ã‚µã‚¤ãƒˆã®å‹ã¡ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ã¾ã¨ã‚ãŸã€ŽBtoBã‚µã‚¤ãƒˆãƒ»ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã‚’ã€ãƒ™ã‚¤ã‚¸ã€æ‰æµã•ã‚“ã€WACULã•ã‚“ã®3ç¤¾é€£åã§ç™ºè¡¨ã—ã€å¤§ããªåéŸ¿ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ ã“ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã¯ãƒ–ãƒã‚°ã§å…¬é–‹ã—ãŸã ã‘ã§ã¯ãªãã€ç§ãŸã¡ã®ã‚¦ã‚§ãƒ–åˆ¶ä½œã®ç¾å ´ã§ã‚‚ãƒ•ãƒ«æ´»ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®1å¹´é–“ã«æ‰‹æŽ›ã‘ãŸå¤šãã®BtoBã‚µã‚¤ãƒˆãŒã€ã“ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã‚’æº€ãŸã™ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã€å¤šãã®BtoBã‚µã‚¤ãƒˆã§ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³æ•°/çŽ‡ã‚„ãƒ•ã‚©ãƒ¼ãƒ èª˜å°Žæ•°/çŽ‡ã®å‘ä¸Šãªã©ã€ãƒã‚¸ãƒ†ã‚£ãƒ–ãªå¤‰åŒ–ãŒç”Ÿã¾ã‚Œã¾ã—ãŸã€‚ ã“ã®ã‚ˆã†ãªæ´»å‹•ã®ä¸ã‹ã‚‰ã€ã€ŽBtoBã‚µã‚¤ãƒˆãƒ»ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã®å†…å®¹ã‚’æº€ãŸã—ãŸã€ŽBtoBã‚µã‚¤ãƒˆãƒ»ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã€ãªã‚‹ã‚‚ã®ãŒèª•ç”Ÿã—ã¾ã—ãŸã€‚ã“ã‚Œã‚’ä»Šå›žã€çš†ã•ã‚“ã«ã”æä¾›ã—ã¾ã™ã€‚ãƒªãƒ¼ãƒ‰æƒ…å ±ãªã©ã‚‚ä¸€åˆ‡å–ã‚‰ãšã€ãã®ã¾ã¾ä¸¸ã”ã¨ãŠæ¸¡ã—ã—ã¾ã™ã€‚ BtoBã‚µã‚¤ãƒˆæ¨™æº–ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ XDç‰ˆï¼ˆ770KBï¼‰ BtoBã‚µã‚¤ãƒˆæ¨™æº–ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ
HappyValley 2020/12/17
ã‚³ãƒ³ãƒ†ãƒ³ãƒ„

ui

webåˆ¶ä½œ

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

è¨è¨ˆ

ç„¡æ–™

ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
Googleã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ä½¿ãˆã‚‹è‰²ãŒä¸¦ã³ã€ã‚¯ãƒªãƒƒã‚¯ä¸€ç™ºã§ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã®ã‚³ãƒ”ãƒ¼ã‚‚å¯èƒ½ãªã€ŒMaterial UI Colorsã€
GoogleãŒæä¾›ã—ã¦ã„ã‚‹ãƒ¢ãƒã‚¤ãƒ«OSã€ŒAndroidã€ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€ŒAndroid - 5.0 Lollipopã€ã«ã‚‚æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹ã€æ–°ã—ã„UXä½“ç³»ãŒã€Œãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã§ã™ã€‚ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç™ºè¡¨å¾Œã€Googleã¯è‡ªç¤¾ã‚µãƒ¼ãƒ“ã‚¹ã«ç¶šã€…ã¨ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŽ¡ç”¨ã—ã¦ãŠã‚Šã€ã‚µãƒ¼ãƒ‰ãƒ‘ãƒ¼ãƒ†ã‚£è£½ã®ã‚¢ãƒ—ãƒªãªã©ã§ã‚‚ã“ã‚Œã‚’æŽ¡ç”¨ã—ãŸã‚‚ã®ãŒæ¬¡ã€…ã¨ç™»å ´ã—ã¦ã„ã¾ã™ã€‚ãã‚“ãªãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ä½¿ç”¨å¯èƒ½ãªè‰²ãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã®ã§ã™ãŒã€ã“ã‚Œã§ä½¿ãˆã‚‹ã‚«ãƒ©ãƒ¼ã‚’ä¸¦ã¹ãŸã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‚’è¡¨ç¤ºã—ã¦ãã‚Œã€ä½¿ç”¨ã—ãŸã„ã‚«ãƒ©ãƒ¼ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚Œã°ãã®ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ãŒä¸€ç™ºã§ã‚³ãƒ”ãƒ¼ã§ãã¦ã—ã¾ã†ã¨ã„ã†ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒã€ŒMaterial UI Colorsã€ã§ã™ã€‚ Material UI | Material Design | Material UI Colors http://www.materialui.co/ ã€ŒMaterial UI C
HappyValley 2015/01/26
Webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

UI

color

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

webåˆ¶ä½œ

UI
ãƒªãƒ³ã‚¯
æ§˜ã€…ãªã‚¤ã‚±ã¦ã‚‹UIã‚’å‚è€ƒã«ã§ãã‚‹ã‚µã‚¤ãƒˆ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
è¶³æŽ›ã‘2å¹´ã€å…¨ã¦ã®é–¢é€£ä½œå“ã‚’è¦‹ã¦ã‹ã‚‰ã‚¢ãƒ™ãƒ³ã‚¸ãƒ£ãƒ¼ã‚ºã‚’è¦‹ã¦æœ€é«˜ã«ç››ã‚Šä¸ŠãŒã£ãŸminamiã§ã™ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸ã§ã‚‚ã‚µã‚¤ãƒˆã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã¯è¿‘å¹´é‡è¦æ€§ã‚’å¢—ã—ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã®ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å—ã‘ã‚‰ã‚Œã‚‹ã‚µã‚¤ãƒˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ UI Patterns UI Patterns User Interface Patter Libraryã¨ã„ã†ã‚µã‚¤ãƒˆåé€šã‚Šã€UIãŒä½“ç³»çš„ã«ã¾ã¨ã‚ã‚‰ã‚Œè§£èª¬ã•ã‚Œã¦ã„ã¾ã™ã€‚ã€ŒDesign patternsã€ã§ã¯ãã‚Œãžã‚Œã®UIã«å¯¾ã—ã¦ã€ã©ã†ã„ã†å•é¡Œã‚’è§£æ±ºã—ã¦ãã‚Œã‚‹ã‚‚ã®ãªã®ã‹ã®è©³ç´°ãªè§£èª¬ãŒã‚ã‚‹ã®ã§ã€æ™®æ®µãªã‚“ã¨ãªãä½¿ã£ã¦ã„ã‚‹UIã‚’åŸºç¤Žã‹ã‚‰å‹‰å¼·ã—ç›´ã›ã¾ã™ã€‚ ui parade. ui parade. UIã‚’ç¨®é¡žåˆ¥ã«é›†ã‚ãŸã‚µã‚¤ãƒˆã€‚ãªã‹ãªã‹æ´—ç·´ã•ã‚ŒãŸã‚‚ã®ãŒé›†ã¾ã£ã¦ã¾ã™ãã€‚ PATTERN TAP PATTERN TAP è‰¯ã•æ°—ãªUIã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆãŒé›†ã¾ã‚‹ã‚µã‚¤ãƒˆ
HappyValley 2012/09/11
webãƒ‡ã‚¶ã‚¤ãƒ³

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

UI

design

ã¾ã¨ã‚

WEBåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚»ãƒ³ã‚¹ã‚’å¦ã¼ã†ã€2012å¹´ä¸ŠåŠæœŸæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¾ã¨ã‚
2012å¹´ä¸ŠåŠæœŸã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’dribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ ã»ã¨ã‚“ã©ã®ã‚‚ã®ãŒPSDãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã§ã€å‹‰å¼·ã«ãªã‚Šã¾ã™ã‚ˆã€‚
HappyValley 2012/07/05
webdesign

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

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

webåˆ¶ä½œ

UI

2012å¹´ä¸ŠæœŸ
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆ¶ä½œã®æ™‚é–“ã‚’å¤§å¹…ã«çŸç¸®ã™ã‚‹ã€ä»Šæ™‚ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ -Chico UI
HTML5+CSS3+JavaScriptã§åˆ¶ä½œã•ã‚ŒãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Chico UI [ad#ad-2] Chico UIã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ IE6ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ãŒã€ååˆ†ã§ã—ã‚‡ã†ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«ä½¿ç”¨ã™ã‚‹ã•ã¾ã–ã¾ãªUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¨ã€ãã®å‰ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã‚°ãƒªãƒƒãƒ‰ã‹ã‚‰ã€‚
HappyValley 2012/03/02
webåˆ¶ä½œ

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

html

UI

css

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
1