[B! tool][sketch] udyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

udy id:udy

toolã¨sketchã«é–¢ã™ã‚‹udyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

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

Sketch 3ã‚’ä½¿ã†3ã¤ã®ç†ç”±ã¨10ã®é…åŠ›
æµ·å¤–ã®UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®é–“ã§çˆ†ç™ºçš„ã«åºƒã¾ã£ã¦ã„ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã€ŒSketch 3ã€ã€‚æœ¬é€£è¼‰ã§ã¯ã€å›½å†…ãã£ã¦ã®UIãƒ‡ã‚¶ã‚¤ãƒ³é›†å›£ã§ã‚ã‚‹ã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼é™£ãŒã€Sketch 3ã«ã‚ˆã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ã®æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚ï¼ˆç·¨é›†éƒ¨ï¼‰ Sketch 3ã¯ã€ã‚ªãƒ©ãƒ³ãƒ€ã®ãƒœãƒ˜ãƒŸã‚¢ãƒ³ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒé–‹ç™ºãƒ»è²©å£²ã—ã¦ã„ã‚‹Mac OSå°‚ç”¨ã®ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ‰ãƒãƒ¼ã‚¤ãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚æ—¥æœ¬ã§ã¯Illustratorã‚„Photoshopã«æŠ¼ã•ã‚Œã¦ã¾ã ãƒžã‚¤ãƒŠãƒ¼ãªå˜åœ¨ã§ã™ãŒã€æµ·å¤–ã§ã¯ã™ã§ã«å¤šãã®UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒã§ã‚‚ã»ã¨ã‚“ã©ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã¯Sketch 3ã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€Sketch 3ã¯ã©ã‚“ãªãƒ„ãƒ¼ãƒ«ãªã®ã‹ã€ä½¿ã†3ã¤ã®ç†ç”±ã¨10ã®é…åŠ›ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ 1.å®‰ã„ Sketch 3ã¯99ãƒ‰ãƒ«ï¼ˆ1ãƒ‰ãƒ«120å††ã¨ã™ã‚‹ã¨1ä¸‡1800å††ï¼‰ã®è²·ã„åˆ‡ã‚Šã‚½ãƒ•ãƒˆã§ã™ã€‚ã—ã‹ã‚‚1ã‚«æœˆé–“ã®ãƒ•ãƒªãƒ¼ãƒˆãƒ©ã‚¤ã‚¢ãƒ«ãŒã‚ã‚‹ã®ã§ã€ä½¿ã„å‹æ‰‹
udy 2015/07/09
sketch

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

tool
ãƒªãƒ³ã‚¯
ãƒ—ãƒå¾¡ç”¨é”ï¼WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¤ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«13é¸
æ›´æ–°æ—¥: 2017å¹´09æœˆ26æ—¥å…¬é–‹æ—¥: 2015å¹´06æœˆ10æ—¥ãƒ—ãƒå¾¡ç”¨é”ï¼WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¤ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«13é¸ å¿™ã—ã„ web ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã€web ãƒ‡ã‚¶ã‚¤ãƒ³å‹‰å¼·ä¸ã®æ–¹ã€CSS ã‚„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‹ã‚‰ãƒãƒ§ãƒƒãƒˆç›®ã‚’é›¢ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’è¦‹ç›´ã—ã¦ã¿ã¾ã›ã‚“ã‹ï¼Ÿ ä»Šã¾ã§ã‚„ã£ã¦ã„ãŸä½œæ¥ã€å¯è¦–åŒ–ã«æ™‚é–“ã®ã‹ã‹ã£ã¦ã„ãŸä½œæ¥ã‚’åŠ‡çš„ã«å¤‰ãˆã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ãŒãŸãã•ã‚“å˜åœ¨ã—ã¾ã™ã€‚ãƒãƒ§ãƒƒãƒˆä½œæ¥ã®æ‰‹ã‚’æ¢ã‚ã¦ã€ä»¥ä¸‹ã®ãƒ„ãƒ¼ãƒ«ã‚’è¦—ã„ã¦ã¿ã¦ãã ã•ã„ã€‚ãã£ã¨ã“ã‚Œã‹ã‚‰ã®ã‚ãªãŸã® web ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¿«é©ã«ã—ã¦ãã‚Œã¾ã™ã‚ˆï¼ WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¤ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ« 13é¸ãƒ—ãƒé¡”è² ã‘ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã€Œwebflowã€ webflow å¯¾å¿œ / Macã€Windows ä¾¡æ ¼ / ç„¡æ–™ ï½ž $84 /æœˆ è¡¨ç¤ºè¨€èªž / English Free ãƒˆãƒ©ã‚¤ã‚¢ãƒ« / æœ‰ ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¯è‡ªä¿¡ãŒã‚ã‚‹ã‘ã‚Œã©ã€å®Ÿã¯ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯ãƒãƒ§ãƒƒãƒˆè‹¦æ‰‹ã€ã¨ã„ã†æ–¹ã«
udy 2015/06/12
Webãƒ‡ã‚¶ã‚¤ãƒ³

sketch

tool
ãƒªãƒ³ã‚¯
UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ç§ãŒPhotoshopã‹ã‚‰Sketchã¸ä¹—ã‚Šæ›ãˆãŸ9ã¤ã®ç†ç”± | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
åˆã‚ã¾ã—ã¦ã€‚ã‚¢ãƒ¡ãƒªã‚«ã‹ã‚‰ã‚„ã£ã¦ããŸUIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®Coreyï¼ˆã‚³ãƒ¼ãƒªãƒ¼ï¼‰ã§ã™ã€‚ LIGã®è»¢è·ã‚µãƒ¼ãƒ“ã‚¹ã€ŒPooleã€ã§UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã„ã¾ã™ã€‚ Photoshopã‚„Illustratorã‚’ãƒ¡ã‚¤ãƒ³ã¨ã—ã¦ä½¿ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯å¤šãã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ç§ã¯Photoshopã‚’ã»ã¨ã‚“ã©ä½¿ã„ã¾ã›ã‚“ã€‚1å¹´å‰ã«Sketchã¸ä¹—ã‚Šæ›ãˆãŸã‹ã‚‰ã§ã™ã€‚ ç¾åœ¨ã€æ—¥æœ¬ã®ãƒ‡ã‚¶ã‚¤ãƒ³ç•Œã§ã¯Sketchã¯ãã‚Œã»ã©ä½¿ã‚ã‚Œã¦ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€æµ·å¤–ã§ã¯SketchãŒå¤§ãƒ–ãƒ¼ãƒ ã«ãªã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ç§ãŒæœ€å¼·ãªPhotoshopã‹ã‚‰Sketchã¸ä¹—ã‚Šæ›ãˆãŸç†ç”±ã‚’ãŠä¼ãˆã—ã¾ã™ã€‚ Sketchã¸ä¹—ã‚Šæ›ãˆãŸç†ç”±ï¼ˆWhy I Use Sketchï¼‰ http://bohemiancoding.com/sketch/ 1. UI Designä¸å¿ƒ Sketchã¯å®Œå…¨ã«Webã¨ãƒ¢ãƒã‚¤ãƒ«UIãƒ‡ã‚¶ã‚¤ãƒ³ã®å°‚ç”¨ãƒ„ãƒ¼ãƒ«ãªã®ã§ã€ãã‚Œä»¥å¤–ã®ä½™è¨ˆãªæ©Ÿèƒ½ãŒå…¥ã£ã¦ã„ã¾
udy 2015/06/11
sketch

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

tool
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (2)

toolã¨sketchã«é–¢ã™ã‚‹udyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (2)

toolã¨sketchã«é–¢ã™ã‚‹udyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

Sketch 3ã‚’ä½¿ã†3ã¤ã®ç†ç”±ã¨10ã®é­…åŠ›

ãƒ—ãƒ­å¾¡ç”¨é”ï¼WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¤ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«13é¸

UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ç§ãŒPhotoshopã‹ã‚‰Sketchã¸ä¹—ã‚Šæ›ãˆãŸ9ã¤ã®ç†ç”± | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (2)

toolã¨sketchã«é–¢ã™ã‚‹udyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

Sketch 3ã‚’ä½¿ã†3ã¤ã®ç†ç”±ã¨10ã®é…åŠ›

ãƒ—ãƒå¾¡ç”¨é”ï¼WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¤ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«13é¸

UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ç§ãŒPhotoshopã‹ã‚‰Sketchã¸ä¹—ã‚Šæ›ãˆãŸ9ã¤ã®ç†ç”± | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹