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

beth321 id:beth321

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

ç¬¬2å›žã€€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã¨è¨è¨ˆãƒ„ãƒ¼ãƒ« | gihyo.jp
å‰å›žã€ã€Œâ IA One Sheetersã€ã‚’ã”ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ã‚‚ã¡ã‚ã‚“ãã‚Œã‚‰ã‚’æŒ‡ã—ã¦ã™ã¹ã¦ãŒã€ŒIAã‚¿ã‚¹ã‚¯ã§ã‚ã‚‹ã€ã¨ã¯è¨€ã„åˆ‡ã‚Œã¾ã›ã‚“ã€‚ãŸã å°‘ãªã‹ã‚‰ãšIAã¨ã„ã†ãƒãƒ¼ãƒ«ï¼ˆå½¹å‰²ï¼‰ã«ãŠã„ã¦é–¢ä¿‚ã—ã¦ãã‚‹ã‚¿ã‚¹ã‚¯ã§ã‚ã‚‹ã“ã¨ã¯é–“é•ã„ãªã„ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€ãã®ã‚µãƒ³ãƒ—ãƒ«ã«ã‚‚ã‚ã£ãŸã€Œãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã€ã«ã¤ã„ã¦ã®ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãã‚‚ãã‚‚ç”»é¢ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŠã‚ˆã³åŽŸç¨¿ã®æ•´ç†ã¨ã„ã†æ„å‘³ã§ã¯ã€ã„ã‚ã„ã‚ãªãƒ„ãƒ¼ãƒ«ãŒé–¢ä¿‚ã—ã¦ãã¾ã™ã€‚Webåˆ¶ä½œã®ç¾å ´ã«ãŠã„ã¦ã¯Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„Webãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã¨ã„ã†ãƒãƒ¼ãƒ«ãŒé–¢ã‚ã‚Šã€ã‚¿ã‚¹ã‚¯ãƒ™ãƒ¼ã‚¹ã«ã™ã‚‹ã¨ã©ã®ãƒãƒ¼ãƒ«ãŒãã®ã‚¿ã‚¹ã‚¯ã‚’é‚è¡Œã™ã‚‹ã®ã‹ãŒæ··ä¹±ã—ãŒã¡ã§ã™ã€‚ã“ã®é€£è¼‰ã§ã¯Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’å¯¾è±¡ã¨ã—ã¦ã€ãƒ„ãƒ¼ãƒ«ã®ä½¿ã„æ–¹ã‚„ã¶ã¤ã‹ã‚‹èª²é¡Œã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’ã‚ã¦ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã«ã¤ã„ã¦ ãƒ¯ã‚¤ãƒ¤ãƒ¼ï¼ˆç·šå½¢çŠ¶ï¼‰ã§ãƒ•ãƒ¬ãƒ¼ãƒ ï¼ˆæž ï¼‰ã«ã—ã¦ã„ãã“ã¨ã‹ã‚‰åå‰ãŒã¤ã„ãŸã¨æ€ã‚ã‚Œã¾ã™ãŒã€ã‚‚ã¨ã‚‚ã¨ã¯CGï¼ˆ
beth321 2014/11/16
ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ

ia

webdesign

design

Wireframe

webåˆ¶ä½œ

Web

UI

ã‚ã¨ã§èªã‚€

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

Webæ‹…å½“è€…Forum

wireframe

webåˆ¶ä½œ

ã‚µã‚¤ãƒˆä½œæˆ

ãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³

ä»•äº‹

ç™ºæƒ³æ³•

workflow

web
ãƒªãƒ³ã‚¯
iPlotz: wireframing, mockups and prototyping for websites and applications
Wireframing, prototyping and mockups Create clickable, navigable mockups and wireframes for prototyping websites and software applications. Desktop and mobile viewers Let anyone view and navigate through your mockups online or offline, using desktop or mobile viewers.
beth321 2013/02/14
webã‚µãƒ¼ãƒ“ã‚¹

wireframe

webåˆ¶ä½œ

ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ

design

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

ui

tools

tool

Webservice
ãƒªãƒ³ã‚¯
Mockingbird has Shut Down
Mockingbird is no longer in operation. Weâ€™re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
beth321 2013/01/08
ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ

design

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

webservice

webåˆ¶ä½œ

web

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

tool

wireframe

mockup
ãƒªãƒ³ã‚¯
in the looop | Looops communications
ãƒ«ãƒ¼ãƒ—ã‚¹ãƒ»ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºã¯ã€ ä¼æ¥ã®SNSæ´»ç”¨æˆ¦ç•¥ã®ç«‹æ¡ˆãƒ»é‹ç”¨æ”¹å–„ã€å•“ç™ºæ•™è‚²ãªã©ã®ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“ã‚¹ã‚„ã€ãƒªãƒ¼ãƒ€ãƒ¼ã‚·ãƒƒãƒ—ã‚„ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ†ãƒ¼ãƒžã¨ã—ãŸä¼æ¥ç ”ä¿®ã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚
beth321 2012/09/05
ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ

webåˆ¶ä½œ

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

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

design

*ãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³

ã‚ã¨ã§èªã‚€

Wireframe

è¨è¨ˆ
ãƒªãƒ³ã‚¯
ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ åˆ¶ä½œã®ãŸã‚ã®ç´ æã‚»ãƒƒãƒˆã€ŒThe Ultimate Wireframe UI Kitã€
TOPÂ Â >Â Â DesignÂ ,Â PhotoshopÂ Â >Â Â ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ åˆ¶ä½œã®ãŸã‚ã®ç´ æã‚»ãƒƒãƒˆã€ŒThe Ultimate Wireframe UI Kitã€ ã‚µã‚¤ãƒˆåˆ¶ä½œã®å‰ã«åˆ¶ä½œã™ã‚‹ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã€‚ã‚µã‚¤ãƒˆã®æ§‹æˆã‚„æ§‹é€ ã‚’ã‚ã‹ã‚Šã‚„ã™ãäº‹å‰ã«è¦‹ã›ã‚‹ãŸã‚ã«ã¯éžå¸¸ã«æœ‰åŠ¹ãªæ‰‹æ®µã§ã™ãŒã€ä½œã‚‹ç²¾åº¦ã«ã‚ˆã£ã¦ã¯ã‹ãªã‚Šã®æ™‚é–“ã‚’è²»ã‚„ã—ã¦ã—ã¾ã†ã“ã¨ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯ãã‚“ãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’åˆ¶ä½œã™ã‚‹æ™‚é–“ã‚’çŸç¸®ã—ã¦ãã‚Œã‚‹ã€ç´ æã‚»ãƒƒãƒˆã€ŒThe Ultimate Wireframe UI Kitã€ã§ã™ã€‚ ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ãƒœã‚¿ãƒ³ã€ã‚°ãƒãƒ¼ãƒãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ãªã©ã€ã‚µã‚¤ãƒˆã«ã²ã¤ã‚ˆã†ãªãƒ‘ãƒ¼ãƒ„ãŒã€æ•°å¤šãåŽéŒ²ã•ã‚Œã¦ãŠã‚Šã€ãã‚Œã‚‰ã‚’çµ„ã¿åˆã‚ã›ãˆã¦ã‚Šã‚ˆã†ã™ã‚‹ã“ã¨ã§åˆ‡ã‚Šè²¼ã‚Šã§ã‚µã‚¤ãƒˆã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ ã‹ãªã‚Šã®ç¨®é¡žã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®ãƒ‘ãƒ¼ãƒ„ãŒåŽéŒ²ã•ã‚Œã¦ãŠã‚Šã€ãã®æ•°ã¯60ã«ã‚‚ã®ã¼ã‚Šã¾ã™ã€‚ãƒ‡ãƒ¼ã‚¿
beth321 2012/08/06
ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ

ui

webåˆ¶ä½œ

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

ç´ æ

wireframe

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

web

psd

design
ãƒªãƒ³ã‚¯
1