[B! design] ulysses_powersã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ulysses_powers id:ulysses_powers

designã«é–¢ã™ã‚‹ulysses_powersã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

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

é…è‰²ã¯ã‚»ãƒ³ã‚¹ã˜ã‚ƒãªã„ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã§è‰²ã‚’ã‹ã‚“ãŸã‚“ã«ã‚ãƒ¡ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ï½œTaiki IKEDAï½œnote
ä»Šæ—¥ã¯å…ˆæ—¥å‹æ‰‹ã«ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸPolipoliã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¡Œã†æ™‚ã«åƒ•ãŒæ™®æ®µã©ã®ã‚ˆã†ã«è‰²ã‚’é¸æŠžã—ã¦ã„ã‚‹ã®ã‹ã‚’ã¨ã¦ã‚‚æ£ç›´ã«æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚åƒ•ãŒã“ã‚Œã‹ã‚‰è¨˜ã™æ–¹æ³•ã«å‰‡ã£ã¦è‰²ã‚’é¸ã¹ã°ã€èª°ã§ã‚‚ãƒŠã‚¦ã§ãƒ¤ãƒ³ã‚°ãªã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¯ã˜ã‚ã‚‹ã‚ˆ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã—ã¦ã¯ã‚¤ãƒ‹ã‚·ã‚¨ã‚ˆã‚Šã”å…ˆç¥–æ§˜ãŒãŠç¯‰ãã«ãªã‚‰ã‚ŒãŸãƒ«ãƒ¼ãƒ«ã«å‰‡ã£ã¦ä¸¦ã¹ã‚Œã°ã‚ªãƒ¯ã€ã‚ªãƒ¯ãƒªã§ã™ã€‚ã•ã£ããã“ã®Polipoliãƒ™ãƒƒãƒãƒ¥ãƒ¼ã€ã‚¿ã‚¿ã‚ã‚±ãƒ³ã‚µã‚ã‚¨ãƒ‡ã‚£ã‚·ãƒ§ãƒ³ã«è‰²ã‚’ã¤ã‘ã¦ã„ãã¾ã™ã€‚ 1. ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ã‚’é¸ã¼ã†ã¾ãšã¯ã˜ã‚ã«ãƒ¡ã‚¤ãƒ³ã¨ãªã‚‹ã‚«ãƒ©ãƒ¼ã‚’æ±ºã‚ã¾ã™ã€‚Polipoliã®ãƒ†ãƒ¼ãƒžã‚«ãƒ©ãƒ¼ã¯ãƒ”ãƒ³ã‚¯ãªã®ã§ãƒ–ãƒ©ã‚¦ã‚¶ã®æ¤œç´¢æ¬„ã«ã€Œpink flat ui designã€ã¨æ‰“ã¡è¾¼ã¿ã¾ã™ã€‚ã‚¤ãƒ¡ãƒ¼ã‚¸ã«è¿‘ã„è‰²ãŒå‡ºã¦ããŸã‚‰ã‚¹ãƒã‚¤ãƒˆã§å¸ã„å–ã‚Šã¾ã—ã‚‡ã†ã€‚è‘—ä½œæ¨©ã«ã¯ãã‚Œãã‚Œã‚‚æ³¨æ„ã—ã¦ãã ã•ã„è²¬ä»»ã¯è² ã„ã¾ã›ã‚“ã€‚ Polipoliã«é–¢ã—ã¦ã¯æœ€åˆã‹ã‚‰ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼
ulysses_powers 2019/03/15
ã‚«ãƒ©ãƒ¼

design

color

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Photoshopã‹ã‚‰XDã€ã•ã‚‰ã«Sketchã¸â€¦Atomic Designã‚’å®Ÿç¾ã•ã›ã‚‹ã¾ã§ã«ã¶ã¡å½“ãŸã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¼ãƒ ã®è‹¦æ‚© | ã‚¹ãƒšãƒ¼ã‚¹ãƒžãƒ¼ã‚±ãƒƒãƒˆãƒ–ãƒã‚°
Photoshopã‹ã‚‰XDã€ã•ã‚‰ã«Sketchã¸â€¦Atomic Designã‚’å®Ÿç¾ã•ã›ã‚‹ã¾ã§ã«ã¶ã¡å½“ãŸã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¼ãƒ ã®è‹¦æ‚© ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ¨ªäº•ã§ã™ã€‚ã“ã‚“ã«ã¡ã¯ï¼ çŒ«é£¼ã„ãªã®ã§ã™ãŒçŒ«ã«é¡”ã‚’ã†ãšã‚ã‚‹ã®ãŒé›£ã—ã„å£ç¯€ã«ãªã£ã¦ã¾ã„ã‚Šã¾ã—ãŸï¼ˆæ¯›ã¾ã¿ã‚Œï¼‰ ä¹…ã—ã¶ã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³è¨˜äº‹ã¨ãªã‚Šã¾ã—ãŸãŒã€ä»Šæ—¥ã¯å¼Šç¤¾ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¼ãƒ ãŒè¡Œã£ãŸAtomic Designã®ã‚·ã‚¹ãƒ†ãƒ åŒ–ã®ç´¹ä»‹ã¨å¤±æ•—ä½“é¨“ã€ãã—ã¦ãã®é“ã®ã‚Šã‚’ã€èµ¤è£¸ã€…ã«ã”ç´¹ä»‹ã—ã¡ã‚ƒã„ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æ—¢ã«å®Œæˆã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã«æ‚©ã‚“ã§ã„ã‚‹æ–¹ã€…ã®å‚è€ƒã«ã€å°‘ã—ã§ã‚‚ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ åˆæœŸã®ã‚¹ãƒšãƒ¼ã‚¹ãƒžãƒ¼ã‚±ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ ã‚´ãƒªã‚´ãƒªã®Photoshopãƒ‡ã‚¶ã‚¤ãƒ³ã ã£ãŸæ™‚ä»£ å¼Šç¤¾ã®ãƒ¡ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã§ã‚ã‚‹ã€ã‚¹ãƒšãƒ¼ã‚¹ãƒžãƒ¼ã‚±ãƒƒãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ç´„3å¹´å‰ã«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ å½“æ™‚ã¯å…¨ã¦Photoshopã§ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã€ï¼‘ãƒšãƒ¼ã‚¸ã«ã¤ãï¼‘ãƒ•ã‚¡ã‚¤ãƒ«ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚‚PCã‚‚åˆ¥ãƒ•
ulysses_powers 2018/07/12
design

atomic design

photoshop
ãƒªãƒ³ã‚¯
ãƒ•ãƒ©ãƒƒãƒˆãªUIãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã«ä½œæˆã•ã‚ŒãŸã€ä¸–ç•Œå„å›½ã®æœ‰åãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒä½¿ç”¨ã—ã¦ã„ã‚‹ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã®ã¾ã¨ã‚
Flat UI ColorsãŒãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ã€ä¸–ç•Œå„å›½ã®æœ‰åãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨å”åŠ›ã—ã¦ä½œæˆã•ã‚ŒãŸãƒ•ãƒ©ãƒƒãƒˆãªUIãƒ‡ã‚¶ã‚¤ãƒ³ã«åˆã†ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Flat UI Colors 2 ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã¯Flat UI Coloræœ¬å®¶ã®ã‚’å«ã‚ã¦ã€å…¨éƒ¨ã§14ç¨®é¡žã€ãƒˆãƒ¼ã‚¿ãƒ«ã§280è‰²ã®ã‚«ãƒ©ãƒ¼ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ã‚«ãƒ©ãƒ¼ã¯ã‚³ãƒ”ãƒšã§ç°¡å˜ã«å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã€ã™ãã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã€ãƒ—ãƒ¬ã‚¼ãƒ³ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ ã¾ãšã¯ã€æœ¬å®¶ã®ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‹ã‚‰ã€‚
ulysses_powers 2018/01/25
web

design

ui

ã‚«ãƒ©ãƒ¼

ãƒ‘ãƒ¬ãƒƒãƒˆ
ãƒªãƒ³ã‚¯
ã€sketchã€‘Twitterã®UIãƒˆãƒ¬ãƒ¼ã‚¹ã‚’ã—ã¦æ°—ãŒã¤ã„ãŸäº‹ï½œMasaki
åˆã‚ã¾ã—ã¦ã€‚UIãƒ‡ã‚¶ã‚¤ãƒ³å‹‰å¼·ä¸ã®ãƒžã‚µã‚(@Masaki_4_5)ã§ã™ã€‚ UIãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã‚Šã‚ã‘iOS appã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚ãƒ«ã‚’å¾—ã‚‹ä¸€ç•ªã®è¿‘é“ã‚’æŽ¢ã—ãŸçµæžœã€è‰¯ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰å¸åŽã™ã‚‹ã®ãŒã¾ãšå¤§äº‹ã¨ã„ã†äº‹ã‚’èžãã¾ã—ãŸã€‚ ã“ã®ã‚ˆã†ã«ã€sketchã§å„ªã‚ŒãŸã‚¢ãƒ—ãƒªã®UIãƒˆãƒ¬ãƒ¼ã‚¹ã‚’ã—ã€ãã®å·¥ç¨‹ã§ãƒšãƒ¼ã‚¸ã®é·ç§»ã‚„ãã®UIã«ãªã£ãŸè¨³ã‚’è€ƒå¯Ÿã—ã¦è¡Œãã“ã¨ãŒã‚¹ã‚ãƒ«ç²å¾—ã«ã¯ã‚‚ã£ã¦ã“ã„ã‚‰ã—ã„ã§ã™ã€‚sketchã•ãˆã‚ã‚Œã°ãŠæ‰‹è»½ã§ã™ã—ãã€‚ æ—©é€ŸTwitterã®ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ç”»é¢ã¨ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã®ï¼’ç”»é¢ã‚’ã€Sketchã‚’ç”¨ã„ã¦ãƒˆãƒ¬ãƒ¼ã‚¹ã—ã¦ã¿ã¾ã—ãŸã€‚Sketchã‚’ç”¨ã„ãŸãƒˆãƒ¬ãƒ¼ã‚¹ã«ã¤ã„ã¦ã¯ãƒãƒƒãƒˆã§æ—¢ã«å¤šãèª¬æ˜Žã•ã‚Œã¦ã„ãŸã®ã§ã¤ã¾ãšãäº‹ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ Twitterã‚’ãƒˆãƒ¬ãƒ¼ã‚¹ã—ã¦æ°—ãŒã¤ã„ãŸäº‹ å·¦ï¼šå…ƒç”»åƒã€€å³ï¼šãƒˆãƒ¬ãƒ¼ã‚¹ 1.ãƒ•ã‚©ãƒ³ãƒˆã«ã¤ã„ã¦Twitterã«ã¯instagramãªã©ã¨åŒæ§˜ã«ã€å’Œæ–‡ã«ã¯"Hiragino sans"ã€è‹±æ–‡
ulysses_powers 2017/12/27
design

ui
ãƒªãƒ³ã‚¯
èª°ã‚‚æ•™ãˆã¦ãã‚Œãªã„ã€Œåˆ†ã‹ã‚Šã‚„ã™ãç¾Žã—ã„å›³ã®ä½œã‚Šæ–¹ã€è¶…å…·ä½“çš„ãª20ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ã€è¿½è¨˜ã€‘ã“ã®è¨˜äº‹ã‚’ãã£ã‹ã‘ã«ã€åè‘—ã€ŒãƒŽãƒ³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚ºãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒƒã‚¯ã€ã®20å‘¨å¹´è¨˜å¿µç‰¹å…¸eBookã®åˆ¶ä½œã«å”åŠ›ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚è©³ã—ãã¯ã“ã¡ã‚‰ã‚’å¾¡è¦§ãã ã•ã„ã€‚ ãƒŽãƒ³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚ºãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒƒã‚¯20å‘¨å¹´è¨˜å¿µã®ç‰¹å…¸ã«å¯„ç¨¿ã—ã¾ã—ãŸ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚ã‚‹ãƒ»ãªã—ã«é–¢ã‚ã‚‰ãšã€ä»•äº‹ã®ä¸ã§ä¼ãˆãŸã„ã“ã¨ã‚’ã€Œå›³ã€ã§èª¬æ˜Žã™ã‚‹æ©Ÿä¼šã¯å¤šã€…ã‚ã‚Šã¾ã™ã€‚ææ¡ˆæ›¸ã§äº‹æ¥å†…å®¹ã‚’èª¬æ˜Žã™ã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã§ã—ã‚‡ã†ã—ã€å…·ä½“çš„ãªæ•°å€¤ã‚’ã‚°ãƒ©ãƒ•ã§èª¬æ˜Žã™ã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ãã‚“ãªä¸ã§ã“ã‚“ãªæŒ‡æ‘˜ã‚’å—ã‘ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ãƒ»æœ€çµ‚çš„ã«ä½•ã‚’è¨€ã„ãŸã„ã®ã‹çµè«–ãŒè¦‹ãˆãªã„ã‚ˆã€‚ ãƒ»é–¢ä¿‚æ€§ãŒè¤‡é›‘ã™ãŽã¦ç†è§£ã—ãšã‚‰ã„ã‚“ã ã‘ã©ã€‚ ãƒ»è¦ç´ ãŒå¤šã™ãŽã¦å…¨ã¦ã‚’æŠŠæ¡ã™ã‚‹ã®ãŒå¤§å¤‰ã€‚ ãƒ»ä½•ã‚’ã©ã“ã‹ã‚‰è¦‹ã‚Œã°è‰¯ã„ã®ï¼Ÿ ãƒ»çµå±€ä¸€ç•ªè¨€ã„ãŸã„ã“ã¨ã¯ãªã‚“ãªã®ï¼Ÿ ãƒ»æ–‡å—ã‚µã‚¤ã‚ºãŒãŸãã•ã‚“ã‚ã‚Šã™ãŽã¦ã¾ã¨ã¾ã‚ŠãŒãªã„ãã€‚ ãƒ»å®‰ã£ã½ã„ãƒãƒ©ã‚·ã¿ãŸã„ã§ãƒ€ã‚µã‚¤ãªãã€‚ ãƒ»å…¨ä½“çš„ã«ãƒãƒ©ãƒ³ã‚¹ãŒåã£ã¦ã¦ä¸å®‰å®šã€‚ ãƒ»
ulysses_powers 2017/12/27
design

tips

è³‡æ–™ä½œæˆ
ãƒªãƒ³ã‚¯
CSSã®å¼•ãå‡ºã—ã‚’å¢—ã‚„ã—ã¦ãŠã“ã†ï¼æœ€è¿‘è¦‹ã‹ã‘ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚¢ã‚¤ãƒ‡ã‚¢ãƒ»ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚
æœ€è¿‘ã®Webã‚µã‚¤ãƒˆã‚„ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã§è¦‹ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¯ã˜ã‚ã€Webåˆ¶ä½œè€…ã¨ã—ã¦ã‚ˆã„åˆºæ¿€ã«ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å·§ã¿ã«ä½¿ã£ãŸã•ã¾ã–ã¾ãªã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¤ãƒ©ã‚¹ãƒˆ: Girls Design Materials CSSã®ã¿ã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã‚‚ã®ã‚‚ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€JavaScriptã‚„SVGãªã©ã‚’å¿…è¦ã«å¿œã˜ã¦ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚
ulysses_powers 2017/06/20
css

web

design
ãƒªãƒ³ã‚¯
Background Image Maker
ulysses_powers 2006/06/13
ã‚«ãƒ³ã‚¿ãƒ³ã«èƒŒæ™¯ç”»åƒã‚’ä½œã‚Œã‚‹ã„ã„ãƒ„ãƒ¼ãƒ«ã€‚ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã«æ…£ã‚Œã‚‹ã¾ã§ã¯ãƒ•ã‚©ãƒˆã‚·ãƒ§ã®ã»ã†ãŒã„ã„ã‹ã‚‚ã ã‘ã©ãƒ»ãƒ»ãƒ»ï¼ˆãƒ»ï¼ãƒ»;

design

webåˆ¶ä½œ

ç”»åƒ
ãƒªãƒ³ã‚¯
Dynamic Drive online tools: Button Maker
Button Maker Online Use this online tool to easily and visually create those popular "XHTML valid" micro buttons (80x15). You can also opt for the larger 88x31 button instead. Enjoy!
ulysses_powers 2006/05/17
ãƒ–ãƒã‚°ã§ã‚ˆãè¦‹ã‚‹ã‚ã®ãƒœã‚¿ãƒ³ã‚’ä½œã‚‹ãƒ„ãƒ¼ãƒ«

webãƒ„ãƒ¼ãƒ«

design
ãƒªãƒ³ã‚¯
1