[B! wireframe] bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bitgleams id:bitgleams

wireframeã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (74)

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

ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ é€šã‚Šã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã—ã¾ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã¸
ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ é€šã‚Šã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã—ã¾ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã¸ç§ãŒã¾ã ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦åƒãå§‹ã‚ã¦é–“ã‚‚ãªã„é ƒã€ã‚ˆãè¨€ã‚ã‚ŒãŸè¨€è‘‰ã®ä¸ã«ã€Œã‚‚ã£ã¨è‡ªç”±ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ãã‚Œã¦ã„ã„ã‚“ã ã‚ˆï¼ã€ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã—ãŸã€‚ã—ã°ã‚‰ãã¯ãã®æ„å‘³ãŒã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã™ãŒã€å¾Œã«ãªã£ã¦æ¸¡ã•ã‚ŒãŸãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã¨è‡ªåˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¦‹æ¯”ã¹ã‚‹ã¨ã€ä½•ã‚‚å¤‰ã‚ã£ã¦ã„ãªã„ãªâ€¦ã¨æ°—ã¥ãã“ã¨ãŒå¤šã€…ã‚ã‚Šã¾ã—ãŸã€‚ä»Šå›žã¯ãã‚“ãªã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ å†’é ã§ã‚‚è¿°ã¹ãŸã‚ˆã†ã«ã€Web ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ã®çµŒé¨“ãŒã‚ã¾ã‚Šãªã„ã†ã¡ã¯ã€ã©ã†ã—ã¦ã‚‚æ¸¡ã•ã‚ŒãŸãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã«å¼•ã£å¼µã‚‰ã‚Œã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã—ã¾ã†ã“ã¨ã‚‚ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ é€šã‚Šã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒæ±‚ã‚ã‚‰ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ã—ã‹ã—ã€ ã‚ãªãŸã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã™ ã€‚ æŒ‡ç¤ºã•ã‚ŒãŸé€šã‚Šã«å‹•ããƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã§ã¯ã‚ã‚Šã¾ã›ã‚“ ã€‚ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½œã‚‹ã®ã¯ã€å¤šãã®å ´åˆãƒ—ãƒã‚¸ã‚§
bitgleams 2018/03/01
webdesign

design

wireframe

web

tips

åŸºæœ¬

***
ãƒªãƒ³ã‚¯
InVison(ã‚¤ãƒ³ãƒ“ã‚¸ãƒ§ãƒ³)ã®ä½¿ã„æ–¹ã¾ã¨ã‚ï¼ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¬ãƒ“ãƒ¥ãƒ¼ãŒæã‚ã—ã„ã»ã©æ—ã‚Šã¾ã™ï¼ | æ ªå¼ä¼šç¤¾WEBä¼ç”»
WEBä¼ç”»ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¬ãƒ“ãƒ¥ãƒ¼ã®éš›ã«ã€ŒInVisionã€ã¨ã„ã†Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚åŠå¹´ã»ã©å‰ã‹ã‚‰è©¦é¨“çš„ã«ä½¿ã„å§‹ã‚ãŸã€ŒinVisionã€ã§ã™ãŒã€ä½¿ã£ã¦ã¿ã‚‹ã¨ã‹ãªã‚Šä½¿ã„å‹æ‰‹ãŒã‚ˆããƒ‡ã‚¶ã‚¤ãƒ³ãƒã‚§ãƒƒã‚¯ãŒçŸã„æ™‚é–“ã§çš„ç¢ºã«ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ä»Šã§ã¯æ‰‹æ”¾ã›ãªã„ãƒ„ãƒ¼ãƒ«ã®ä¸€ã¤ã¨ãªã£ãŸã€ŒinVisionã€ã€‚ä»Šå›žã¯ã“ã®inVisionã®ä¾¿åˆ©ãªç‚¹ã¨å…·ä½“çš„ãªä½¿ã„æ–¹ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ inVisionã¨ã¯ ã¾ãšã¯ç°¡å˜ã«inVisionã«ã¤ã„ã¦ã«ã”èª¬æ˜Žã€‚InVisionã¯ã‚¢ãƒ—ãƒªã‚„ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã‚’è¤‡æ•°äººã§åŠ¹çŽ‡çš„ã«ä½œæˆã™ã‚‹ã“ã¨ãŒã§ãã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ Evernoteã‚„Airbnbã¨ã„ã£ãŸæœ‰åä¼æ¥ã‚‚ã‚¢ãƒ—ãƒªé–‹ç™ºã®éš›ã«ã“ã®inVisionã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ã‚“ã ãã†ã§ã™ã€‚ãªã‚“ã ã‹ã™ã”ãã†ã§ã™ãã€‚ inVisionã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ã‚¢ãƒƒãƒ—ã™ã‚‹ã“ã¨ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾ã—ã¦ã®ã‚³ãƒ¡ãƒ³
bitgleams 2015/12/15
app

tools

tips

design

webdesign

***

web

wireframe

service
ãƒªãƒ³ã‚¯
http://www.dtelepathy.com/blog/design/learning-to-wireframe-10-best-practices
bitgleams 2015/04/24
work

wireframe

design

tips

åŸºæœ¬

web

contents

webdesign

***
ãƒªãƒ³ã‚¯
ã‚¨ã‚¦ãƒ¬ã‚«&ã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«èžããƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®ä½œã‚Šã‹ãŸï¼ | Goodpatch Blog
å…ˆæ—¥ã€ã‚¨ã‚¦ãƒ¬ã‚«ã•ã‚“ã¨ã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ç¬¬ä¸€å›žåˆåŒå‹‰å¼·ä¼šã‚’é–‹å‚¬ã—ã¾ã—ãŸã€‚ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã§ã™ã€‚ã“ã®å‹‰å¼·ä¼šã¯ã€ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ã‚’é€šã—ã¦ãƒŠãƒ¬ãƒƒã‚¸ã®å…±æœ‰ã‚’ã—åˆã„ã€å€‹ã€…ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚¹ã‚ãƒ«ã‚’ä¸Šã’ã‚‹ç›®çš„ãŒã‚ã‚Šã¾ã™ã€‚ã‚¨ã‚¦ãƒ¬ã‚«ã•ã‚“ã®ãƒ¬ãƒãƒ¼ãƒˆã¯ã“ã¡ã‚‰ã§ã™ã€‚åˆã‚ã›ã¦ã”è¦§ãã ã•ã„ï¼ ï¼‘.ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½œã‚‹æ„å‘³ã¨ã¯ ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½œã‚‹æ„å‘³ã«ã¤ã„ã¦ãŠè©±ã‚’ã—ã¦ãã‚ŒãŸã®ã¯ã€ã‚¨ã‚¦ãƒ¬ã‚«åŽŸã•ã‚“ã§ã™ã€‚æ¡ˆä»¶ã‚’é€²ã‚ã‚‹ã¨ãã«ã¾ãšã™ã‚‹ã“ã¨ã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã¯ãªãœå¿…è¦ã‹ã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ åˆ¶ä½œã§æ„è˜ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’æ›¸ãå‰ã« æ¡ˆä»¶ã‚’é€²ã‚ã‚‹ã¨ãã€ã¾ãšã™ã¹ãã“ã¨ã¯ãƒ—ãƒãƒ€ã‚¯ãƒˆã®ç›®çš„ã¨ã‚´ãƒ¼ãƒ«ã®å†ç¢ºèªã§ã™ã€‚ æœ€çµ‚çš„ã«ä½œã£ã¦ã„ã‚‹ã‚‚ã®ã®æ–¹å‘æ€§ã‚’è¦‹å¤±ã‚ãªã„ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã«ã€ ä½•ãŒç›®çš„ã§ãã‚Œã‚’å®Ÿè£…ã™ã‚‹ã®ã‹ï¼Ÿ ãªã‚“ã§å¿…è¦ãªã®ã‹ï¼Ÿ ãã‚Œã‚’ä½œã‚‹ã“ã¨ã«ã‚ˆã£ã¦ä½•ã‚’è§£æ±ºã™ã‚‹ã®ã‹? ã‚’è€ƒãˆã‚‹å¿…è¦ãŒã‚
bitgleams 2015/03/17
report

å‹‰å¼·ä¼š

wireframe

design

ui

webdesign

mobile

***
ãƒªãƒ³ã‚¯
Turning Design Ideas into Reality: Brainstorming, Wireframing, Prototyping
bitgleams 2014/12/15
web

webdesign

design

wireframe

prototype

ui

idea

sketch

***

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

design

ia

yhassy

webdesign

åŸºæœ¬

***

workflow

wireframe

contents
ãƒªãƒ³ã‚¯
Using Balsamiq Wireframes with Pattern Libraries and Frameworks - Balsamiq Company News | Balsamiq
Using Balsamiq Wireframes with Pattern Libraries and Frameworks Design Systems, Pattern Libraries, and Frameworks simplify development and relieve pressure on developers to style user interface components. While wireframes (low fidelity, non-interactive) may seem like an odd pairing with design systems (high fidelity, backed by working code), they can actually work quite well together! In an artic
bitgleams 2014/08/11
tips

web

webdesign

design

wireframe

ui

mockup
ãƒªãƒ³ã‚¯
Handmock use case
bitgleams 2014/03/29
blog

mockup

wireframe

ia

tumblr

web

design

prototype

***
ãƒªãƒ³ã‚¯
åƒ•ã¯ç”Ÿæ¶¯Small IAã§ã„ã„ - ãƒã‚³ãƒ¡ã‚·CEOãƒ–ãƒã‚°
ã¿ãªã•ã‚“ã€Big IA/Small IAã®è°è«–ã£ã¦çŸ¥ã£ã¦ã¾ã™ã‹ï¼Ÿ å€‹äººçš„ã«ã¯ã€ã“ã‚ŒãŒãã‚Œã»ã©æ¥å‹™ã«æ”¯éšœãŒå‡ºã‚‹ã»ã©ã«è«–äº‰ã«ãªã£ã¦ã„ã‚‹äº‹è±¡ã‚’è¦‹å—ã‘ãŸã“ã¨ã¯ãªã„ã®ã§ã™ãŒã€IAç•Œéšˆã§ã¯ï¼ˆãŠãã‚‰ããƒã‚¸ã‚·ãƒ§ãƒ³ãƒˆãƒ¼ã‚¯çš„ã«ï¼‰æ°¸é ã®ãƒ›ãƒƒãƒˆãªè©±é¡Œãªã®ã ãã†ã§ã™ã€‚ ã“ã‚Œã¯è¦ã™ã‚‹ã«ã€Big IAã¯ã€Œã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒˆã§ã‚ã‚Šã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆï¼ˆãªã„ã—ã€å€‹åˆ¥ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã¨ã©ã¾ã‚‰ãšã€ãã‚Œã‚‰ã‚’æŸããŸä¸Šä½ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ãŠã‘ã‚‹å¤‰é©ã‚’å¸ã‚‹å¤§ããªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆæ¦‚å¿µï¼‰ã®ç›£ç£è€…ã‚„æŒ‡æ®è€…ï¼ˆæŒ‡å°Žè€…ï¼‰ãŸã‚‹å½¹å‰²ã‚’æ‹…ã†è€…ã€ã§ã‚ã‚Šã€Small IAã¯ã€Œä¸€ç”Ÿãƒ¯ã‚¤ãƒ¤ãƒ¼ã‚’æ›¸ã„ã¦ã‚‹äººã€ãªã®ã ãã†ã§ã™ã€‚ã“ã®åŒºåˆ†ã‚‚ã©ã†ã‹ã¨æ€ã†ã‘ã‚Œã©ã‚‚ï¼ˆåŒºåˆ†ã‚’è¡¨ç¾ã™ã‚‹èªžå½™ãŒè¶³ã‚ŠãªéŽãŽã¦ã‚ˆãã‚ã‹ã‚‰ãªã„ã¨ã„ã†ã‹ã€ä¸äºŒç—…æ„ŸãŒã±ãªã„ï¼‰ã€ã¾ã‚ã€ã“ã‚Œã¯ã„ã„ã§ã—ã‚‡ã†ã€‚ã¾ã‚ã€è¨€ã£ã¦ã‚‹å´ã«ã¨ã£ã¦çš„ç¢ºãªè§£é‡ˆãªã®ã‹ã¯ã‚ã‹ã‚‰ãªã„ã‘ã‚Œã©ã‚‚ã€ãŠãŠã‚€ãã€ãªã‚“ã‹è¨€ã£ã¦ã‚‹ã“ã¨ã¯ã‚ã‹ã‚Šã¾ã™ã€‚ ã§ã€ã¾ã‚ãã†ã—ãŸæ„å‘³åˆã„ã‚‚ã‚
bitgleams 2014/03/14
ia

work

è°è«–

opinion

wireframe

architecture

ux

***
ãƒªãƒ³ã‚¯
small IA manifesto | blog / bookslope
Small IA å®£è¨€â€•â€•å€‹äººçš„ã«ã¯ã€ã“ã†ã„ã†ã‚¢ãƒ—ãƒãƒ¼ãƒã‚’æ˜Žç¤ºã™ã‚‹ã“ã¨ãŒä¸€ç•ªã‚ã‹ã‚Šã‚„ã™ã„ã¨æ€ã„ã¾ã™ã€‚ 4æœˆé ã«ã€Webåºƒå‘Šç ”ç©¶ä¼šã§IAã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’å®Ÿæ–½ã™ã‚‹ã®ã§ã™ãŒã€ãã®ã™ã‚Šåˆã‚ã›ã®ä¼šã§ã€ãƒ„ãƒ«ã‚«ãƒ¡ã®æ£®ç”°ã•ã‚“ãƒ»GREEã®æ‘è¶Šã•ã‚“ãƒ»ã‚¤ãƒ³ãƒ†ãƒªã‚¸ã‚§ãƒ³ãƒˆãƒãƒƒãƒˆã®å’Œç”°ã•ã‚“ãƒ»å°‚ä¿®å¤§ã®ä¸Šå¹³ã•ã‚“ãƒ»æ—¥æœ¬ã‚¢ãƒ‰ãƒã‚¿ã‚¤ã‚¶ãƒ¼ã‚ºå”ä¼šã®æž—ã•ã‚“ã¨ã§ãã†ã—ãŸè°è«–ãŒã‚ã£ãŸã®ã§ãƒœã‚¯ã®æ„è¦‹ã‚’åŠ ãˆã¦ãƒ–ãƒã‚°ã«æ›¸ã„ã¦ã¿ã¾ã™ã€‚ æœ€è¿‘ã€Œã‚µãƒ¼ãƒ“ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚„ã€ŒUXã€ã§èªžã‚‰ã‚Œã‚‹å†…å®¹ã‚’èžã„ã¦ã„ã¦ã‚‚å€‹äººçš„ã«ã¯ã€Œ?ã€ãªã“ã¨ãŒå¤šã„ã®ã§ã€ãã†ã—ãŸè€ƒãˆã‚’ã‚ªãƒ¼ãƒ—ãƒ³ã«ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ãƒœã‚¯ã®æ‰‹å…ƒã§ã¯ã€ã„ã‚ã‚†ã‚‹ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’è¨è¨ˆã—ã¦ã„ã‚‹ä¸ã§è¡çªã™ã‚‹å•é¡Œã¨å¯¾å³™ã—ã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚ãã®ãŸã‚ã€ãã®å•é¡Œè§£æ±ºæ–¹æ³•ã¨ã—ã¦ã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®è¨è¨ˆã¯ã€Œè¶…ã€ãŒä»˜ããã‚‰ã„é‡è¦ã§ã™ã€‚ ãã‚“ãªä¸ã§ã€ã‚µãƒ¼ãƒ“ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„UXã®è©±ã‚’èžãã¨æ£ç›´ã‚€ãšç—’ãã¦ä»•æ–¹ã‚ã‚Šã¾ã›ã‚“ã€‚å¤šåˆ†ã€Œã‚µãƒ¼ãƒ“
bitgleams 2014/03/14
ia

work

è°è«–

opinion

wireframe

architecture

ux

***
ãƒªãƒ³ã‚¯
Online Mockup, Wireframe & UI Prototyping Tool
Wireframe, Diagram & Whiteboard Online A simple and powerful visual collaboration solution for your whole team. Sign up for free No credit card required
bitgleams 2014/02/28
wireframe

tools

webservice

mockup

ui

webdesign

design

***

web
ãƒªãƒ³ã‚¯
Cacooï¼ˆã‚«ã‚¯ãƒ¼ï¼‰ï½œã‹ã‚“ãŸã‚“ã«ã‚ãƒ¬ã‚¤ã«å›³ãŒæã‘ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ä½œå›³ãƒ„ãƒ¼ãƒ«
Cacooï¼ˆã‚«ã‚¯ãƒ¼ï¼‰ã¯ã€ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ™ãƒ¼ã‚¹ã®ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚³ãƒ©ãƒœãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ãƒ¼ãƒ«ã€‚ãƒãƒ¼ãƒ ã‚„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆé–¢ä¿‚è€…ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚„ä½œæ¥é€²æ—ã‚’ã€å…¨ã¦ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ç°¡å˜ã«å…±æœ‰ã€ç°¡å˜ã«ä¸€å…ƒç®¡ç†ãŒå¯èƒ½ã€‚ Cacooãªã‚‰ã€ã‚·ãƒ³ãƒ—ãƒ«ãªæ“ä½œæ€§ã§ç›´æ„Ÿçš„ã«ä½¿ãˆã‚‹ã€‚ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã€AWSæ§‹æˆå›³ã€çµ„ç¹”å›³ãªã©è±Šå¯Œãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚„æ©Ÿèƒ½ã‚’ä½¿ã£ã¦ã€èª°ã§ã‚‚ç°¡å˜ã«åˆ†ã‹ã‚Šã‚„ã™ã„ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã€‚
bitgleams 2014/02/22
webservice

wireframe

tools

webdesign

web

design

***

cacoo
ãƒªãƒ³ã‚¯
Prottã¯ã‚µãƒ¼ãƒ“ã‚¹ã‚’çµ‚äº†ã„ãŸã—ã¾ã—ãŸ | Prott has been discontinued
Prottã¯ã€2024å¹´8æœˆ31æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹ã‚’çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§ã®ã”æ„›é¡§ã«æ·±ãå¾¡ç¤¼ã‚’ç”³ã—ã‚ã’ã¾ã™ã€‚ ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã«é–¢ã™ã‚‹è©³ç´°ã¯ã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã‚’ã”å‚ç…§ãã ã•ã„ã€‚ Prott ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã«é–¢ã™ã‚‹ä»Šå¾Œã«ã¤ã„ã¦ã®ã”æ¡ˆå†…ã¨ãŠå•åˆã›å…ˆ æ”¹ã‚ã¾ã—ã¦ã€ã“ã‚Œã¾ã§Prottã‚’ã”åˆ©ç”¨ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ We regret to inform you that our service,Â Prott, has been discontinuedÂ as of August 31, 2024. We deeply appreciate your loyaltyÂ and support over the years. For more informationÂ on the service termination,Â please refer to the following page
bitgleams 2013/12/09
webservice

wireframe

tools

prototype

design

mobile

app

***
ãƒªãƒ³ã‚¯
â€œView modeâ€ approach to responsive web design
One of my favorite quotes/phrases about responsive web design is this one by Luke Wroblewski: â€œLosing 80% of the screen space forces you to focus on the most important set of features for your customersâ€ To me it really sums up what responsive web design is all about, and why the mobile first approach has forced us to focus on the really important feature of any webapp â€” its content! Another great
bitgleams 2013/12/04
responsive

webdesign

mobile

screen

ux

wireframe

ui

***
ãƒªãƒ³ã‚¯
IAã§ãã‚‹ã‹ãª ç¬¬6è©±ï¼šãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã¨ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã®é•ã„ã€â€¦â€¦ã‹ã‚‰å§‹ã¾ã‚‹ã‚¨ãƒˆã‚»ãƒˆãƒ©ï¼ˆå‰ç·¨ï¼‰ - MGAã‚¹ã‚¿ãƒƒãƒ•ãƒ–ãƒã‚°
ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒˆã®å®®å†…ã§ã™ã€‚ æ¯”è¼ƒçš„å½“ãŸã‚Šéšœã‚Šã®ç„¡ã„æ„Ÿã˜ã®è¨˜äº‹ã§ã€2ãƒ¶æœˆè¿‘ãå…ˆå»¶ã°ã—ã«ã—ã¦ã„ãŸã€ŒIAã§ãã‚‹ã‹ãªã€ç¬¬6è©±ç›®ã§ã™ã€‚ ã¡ãªã¿ã«ã“ã“2ãƒ¶æœˆã®å½“ãŸã‚Šéšœã‚Šã®ãªã„è¨˜äº‹ãƒªã‚¹ãƒˆã¯ã“ã¡ã‚‰ã§ã™ã€‚ æ¨ªé“ã«é€¸ã‚Œãªã„ï¼ãŸã ä¹—ã‚Šã•ã›ãªã„ï¼ãƒŸãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚’ã€Œãã“ãã“è‰¯ã„æ„Ÿã˜ã€ã«é€²ã‚ã‚‹æ–¹æ³• ã“ã“æœ€è¿‘èªæ›¸ä¼šã§å–ã‚Šä¸Šã’ãŸæœ¬ã‚’ã¾ã¨ã‚ã¦ãƒ¬ãƒ“ãƒ¥ãƒ¼ã—ã¾ã™ï¼ˆ2013å¹´3ã€œ6æœˆç·¨ï¼‰ ä¸»è¦ ãŠç¬‘ã„è³žãƒ¬ãƒ¼ã‚¹ã«è¦‹ã‚‹ã€Œè‡ªåˆ†é”ã®å¼·ã¿ã€ã«æ°—ä»˜ãã“ã¨ã®é›£ã—ã•ã¨é‡è¦ã•ï¼ˆâ€»ã‚„ã‚„å¼·å¼•ï¼‰ ä»•äº‹ã®æ„šç—´ã‚‚ã€ç©ã‚‚ã‚Šç©ã‚‚ã‚Œã°ä½•ã‹ã«ç¹‹ãŒã‚‹â€¦â€¦ï¼Ÿ ã“ã®è¾ºã‚Šã®è¨˜äº‹ã‚‚ãŠæ‰‹ã™ãã®éš›ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ã‚‚ã‚‰ã„ã¤ã¤ã€ ä»Šå›žã‚‚ã€Œè‡ªåˆ†ãªã‚Šã®ã€IAå‘¨è¾ºã‚’ã„ã‚ã„ã‚ã¨è€ƒãˆã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã€Œæ‰‹æ›¸ãã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã€ã ã‘ã©ã€Œãƒšãƒ¼ãƒ‘ãƒ¼ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã€ã§ã¯ãªã„ï¼Ÿ ä»Šå›žã®è¨˜äº‹ã‚’æ›¸ãã«ã‚ãŸã£ã¦ã€å‰å›žã®è¨˜äº‹ã‚’èªã¿è¿”ã—ã¦ã„ãŸã‚“ã§ã™ãŒã€1ã¤æ°—ãŒã¤ã„ãŸã“ã¨ãŒã‚ã‚Šã¾ã—ãŸã€‚ è¨˜äº‹ã®æœ€å¾Œ
bitgleams 2013/08/03
è€ƒå¯Ÿ

wireframe

prototype

ia

responsive

webdesign

***

web

design
ãƒªãƒ³ã‚¯
15 amazing wireframe & mockup sketches
The first step to a successful project is a plan. Research indicates that even behind the 4,500-year old Great Pyramid of Giza, there must have been the presence of a grand blueprint. Today, wireframes and mockups have become the primary planning tool for web development projects of all sizes. Web designers develop websites on their clientâ€™s behalf and have to make certain that the expectations an
bitgleams 2013/07/23
ã¾ã¨ã‚

inspiration

wireframe

mockup

sketch

***
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚„ã‚‰ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚„ã‚‰ãƒ•ãƒ©ãƒƒãƒˆã‚„ã‚‰ï¼2013å¹´ã®æ°—ã«ãªã‚‹æŠ€è¡“ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è©¦ã—ã¦ã¿ãŸãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«æ‰‹é †ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
bitgleams 2013/07/17
ã¾ã¨ã‚

resources

web

dev

webdesign

responsive

wireframe

tools
ãƒªãƒ³ã‚¯
9 Great UI Design Tools â€“ Bashooka
UI Parade Live Tools are a collection of free online design apps that allow you to easily create your own ui elements with very little coding knowledge. As well as being able to create custom elements, you can also download your creations for use in your websites and online applications. Webflow Webflow enables you to create responsive layouts and pixel-perfect designs directly in your browser, wi
bitgleams 2013/07/03
çµŒç”±è¨˜äº‹(mBlog): http://mantiddesign.com/archives/13986

ã¾ã¨ã‚

ui

wireframe

webservice

graphic

tools
ãƒªãƒ³ã‚¯
40+ Free Web UI Kits & Templates â€“ Speckyboy
Web UI kits are pre-designed collections of user interface components that can help you save time and streamline your design process. These kits typically include common design elements such as buttons, menus, forms, and icons. Rather than starting from scratch, you can use a UI kit as a foundation for a design and customize it to fit your specific project requirements. This can be especially usef
bitgleams 2013/07/02
sketch.app

template

free

ç´ æ

web

wireframe

design

ui

***

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
IAã§ãã‚‹ã‹ãª ç¬¬5è©±ï¼šã€Œã¨ã‚Šã‚ãˆãšãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã€ã‚’è€ƒãˆã‚‹ - MGAã‚¹ã‚¿ãƒƒãƒ•ãƒ–ãƒã‚°
NUboardã¨ã„ã†ã‚¹ã‚±ãƒƒãƒãƒ–ãƒƒã‚¯çŠ¶ã®ãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒ¼ãƒ‰ã§ã€ã€Œã“ã‚“ãªæ„Ÿã˜ã§ã™ã‹ãï¼Ÿã€ã¨æ›¸ã„ãŸãƒ¯ã‚¤ãƒ¤ãƒ¼çš„ãªã‚‚ã®ã€‚æ¶ˆã—ãŸã‚Šç›´ã—ãŸã‚Šã€ãƒ•ã‚£ãƒ«ãƒ é‡ãã¦ä½•ã‹è²¼ã£ãŸã‚Šã§ãã‚‹ã®ã§é‡å®ã—ã¦ã¾ã™ã€‚ ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒˆã®å®®å†…ã§ã™ã€‚ çµæ§‹å½“ãŸã‚Šå‰ã‹ã‚‚ã—ã‚Œãªã„è©±ã‚’å¼•ãå»¶ã°ã—ã«å¼•ãå»¶ã°ã—ã¦ãŠé€ã‚Šã—ã¦ã‚‹æ„Ÿã‚‚å¦ã‚ãªã„ã€ã€ŒIAã§ãã‚‹ã‹ãªã€ã€‚ æ°—ãŒä»˜ã‘ã°ç¬¬5è©±ç›®ã§ã™ã€‚ ä»Šå›žã¯ã€Œãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã€ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªã‚“ã¨ãªããƒ¯ã‚¤ãƒ¤ãƒ¼ãŒã§ãã¡ã‚ƒã†å•é¡Œ ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã¨ã¯ã€ã‚µã‚¤ãƒˆã®ä¸»è¦ãªç”»é¢ã®éª¨æ ¼ã‚’ç¤ºã™ã‚‚ã®ã€ã¨è¨€ãˆã°è‰¯ã„ã§ã—ã‚‡ã†ã‹ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã¨ã¯ç•°ãªã‚Šã€ç”»é¢ä¸Šã«é…ç½®ã™ã‚‹è¦ç´ ãƒ»æ©Ÿèƒ½ã¨ãã®ãƒ—ãƒ©ã‚¤ã‚ªãƒªãƒ†ã‚£ã«ã¤ã„ã¦æ¤œè¨Žã™ã‚‹ç›®çš„ã§ä½œæˆã—ã¦ã„ã¾ã™ã€‚ ã§ã€ã“ã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã€‚ ã‚ãã¾ã§å€‹äººçš„ãªå°è±¡ã§ã¯ã‚ã‚‹ã®ã§ã™ãŒã€ã€Œã¨ã‚Šã‚ãˆãšãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ çš„ãªã‚‚ã®ã‚’ç”¨æ„ã—ã¦ãã ã•ã„ã€ã¨ãŠé¡˜ã„ã•ã‚Œã‚‹ã“ã¨ãŒã”ãã”ãç¨€ã«ã‚ã‚Šã¾
bitgleams 2013/06/09
wireframe

è€ƒå¯Ÿ

æ€è€ƒ

design

webdesign

tips

website

ia

***
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸