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

bitgleams id:bitgleams

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

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

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

publish

ç·¨é›†

sketch

design

writing

***

book

tools

work
ãƒªãƒ³ã‚¯
App Storeã‹ã‚‰æ’¤é€€ã—ãŸã€Sketch 3ã€‘Mac App Storeç‰ˆã‹ã‚‰ãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆç‰ˆã¸ã®åˆ‡ã‚Šæ›¿ãˆã‚’ã—ã¦ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å–å¾—ã™ã‚‹
App Storeã‹ã‚‰æ’¤é€€ã—ãŸã€Sketch 3ã€‘Mac App Storeç‰ˆã‹ã‚‰ãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆç‰ˆã¸ã®åˆ‡ã‚Šæ›¿ãˆã‚’ã—ã¦ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å–å¾—ã™ã‚‹ postedï¼š 2015-12-02ã€€ã€€categoryï¼šweb ã‚ªãƒ©ãƒ³ãƒ€ã®Bohemian CodingãŒè²©å£²ã—ã¦ã„ã‚‹Sketch 3ãŒMac App Storeã‹ã‚‰æ’¤é€€ã™ã‚‹ã“ã¨ãŒè¡¨æ˜Žã•ã‚Œã¾ã—ãŸã€‚ æ—¢ã«App Storeã‹ã‚‰ã¯å–ã‚Šæ‰±ã„ã‚’çµ‚äº†ã—ã¦ã„ã‚‹çŠ¶æ…‹ã§ã€ä»Šå¾Œã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã‚„æ–°ã—ã„Macã¸ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯Sketch 3ãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆç‰ˆã‹ã‚‰ã®æä¾›ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ãã“ã§æ—¢å˜ã®App Storeç‰ˆSketch 3ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆç‰ˆãƒ©ã‚¤ã‚»ãƒ³ã‚¹å–å¾—ï¼ˆç„¡æ–™ï¼‰ã™ã‚‹å¿…è¦ã§ã™ã€‚ ä»Šå›žã¯App Storeç‰ˆSketch 3ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹çŠ¶æ…‹ã®Macã‹ã‚‰ã€ãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆç‰ˆã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—bohemiancoding.comã‹ã‚‰ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚ãƒ¼ã‚’å–å¾—ã™ã‚‹æ‰‹é †ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
bitgleams 2017/03/21
sketch

mac

software

tips

archives

apple

***

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

webdesign

design

wireframe

prototype

ui

idea

sketch

***

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

ç›®æ¬¡

prototype

design

sketch

ui

app

mobile

webdesign

ux

***
ãƒªãƒ³ã‚¯
CSSã€€20 stunning examples of CSS 3D transforms
Why not try a subscription?Every issue is packed with art and design inspirationDelivered to your IOS or Android deviceNever miss an issue
bitgleams 2013/09/06
interview

person

web

webdesign

tools

sketch

pixelmator

***
ãƒªãƒ³ã‚¯
å¹´æœ«å¹´å§‹ã«Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¦ã³ç›´ã™ãŸã‚ã®3ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—
ã“ã®è¨˜äº‹ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ–¹ã‚’å¯¾è±¡ã«ã—ã¦ã„ã¾ã™ã€‚ ç¾åœ¨Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä»•äº‹ã«ã—ã¦ã„ã¦ã€ã•ã‚‰ã«ãƒ‡ã‚¶ã‚¤ãƒ³åŠ›ã‚’ã¤ã‘ãŸã„æ–¹ ä»Šã¯ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã€ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã€ã‚³ãƒ¼ãƒ€ãƒ¼ãªã©ãƒ‡ã‚¶ã‚¤ãƒ³ä»¥å¤–ã®ä»•äº‹ã‚’ã—ã¦ã„ã¦ã€æ¥å¹´ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚æ‰‹ãŒã‘ãŸã„æ–¹ â€»ã“ã®è¨˜äº‹ã¯ã€2010å¹´æœ«ã«å…¬é–‹ã—ãŸã‚‚ã®ã‚’ã€æ–‡ç« ã¨å‚è€ƒã‚µã‚¤ãƒˆãªã©ã®ãƒªãƒ³ã‚¯å…ˆã‚’ä¿®æ£ã—ã€2019å¹´æœ«ã«å†å…¬é–‹ã—ãŸã‚‚ã®ã§ã™ã€‚ ç§ã¯å…ƒã€…Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã®ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ä»¥å¤–ã®ä»•äº‹ãŒé€£ç¶šã—ãŸã¨ããªã©ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚ãƒ«ã®ä½Žä¸‹ãŒå¿ƒé…ã«ãªã£ã¦ãã‚‹ã®ã§ã€å¹´æœ«å¹´å§‹ãªã©æ™‚é–“ãŒã‚ã‚‹ã¨ãã¯è‡ªå·±æµã®Webãƒ‡ã‚¶ã‚¤ãƒ³ å‹‰å¼·æ³•ã‚’ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ã—ã‹ã—ãŸã‚‰ä»–ã®æ–¹ã«ã‚‚å½¹ç«‹ã¤ã‹ãªã¨æ€ã„ã€å…¬é–‹ã—ã¾ã—ãŸã€‚ ä»Šå›žã¯ã€ä¸»ã«Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸ã§ã‚‚ã€Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ã€ŒçŸ¥ã‚‹ã€ã“ã¨ ç§ãŒWebãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦åŸºç¤Žã‹ã‚‰ãã£ã¡ã‚Šå‹‰å¼·ã—ãŸã„ã¨æ€ã„ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚¯ãƒ¼ãƒ«ã«è¦‹å¦ã«è¡Œã£ãŸã‚Šã€ŒWebãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨åã®ä»˜ã
bitgleams 2013/07/29
2010å¹´12æœˆ29æ—¥è¨˜äº‹

webdesign

web

***

ã¾ã¨ã‚

åŸºæœ¬

learning

design

tips

work

sketch
ãƒªãƒ³ã‚¯
How To Sketch For Better Mobile Experiences â€” Smashing Magazine
One way to gauge mobile experience is to look at the tools at our disposal. Prototyping tools enable us to build wireframes and click-dummies. We seem to be in a better position than ever to design great experiences in virtually no time. However, these tools come with a hidden cost: they tempt us to skip the key step necessary to creating a well-designed product â€” which is to take the time to unde
bitgleams 2013/07/25
2013å¹´6æœˆ24æ—¥è¨˜äº‹

mobile

sketch

ux

design

webdesign

web

tools

***
ãƒªãƒ³ã‚¯
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

***
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ã‚’åˆ¶ä½œã™ã‚‹æ™‚ã®æ‰‹æ›¸ãã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®ã¾ã¨ã‚
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãŒå®Ÿéš›ã«ã€ã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ãƒ»ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªãªã©ã®è¨è¨ˆã‚’ã©ã®ã‚ˆã†ã«è¡Œã£ã¦ã„ã‚‹ã‹ãŒåž£é–“è¦‹ã‚‹ã“ã¨ãŒã§ãã‚‹æ‰‹æ›¸ãã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’Designbeepã‹ã‚‰ã¨ãƒ—ãƒ©ã‚¹Î±ã§ç´¹ä»‹ã—ã¾ã™ã€‚ 30 Great Examples of Web Design Sketches ã¡ãªã¿ã«åƒ•ã¯å‹è² ç”¨ã«A3ã€æºå¸¯ç”¨ã«B5ã‚µã‚¤ã‚ºã§ã—ã‚ƒã“ã—ã‚ƒã“ã—ã¦ã¾ã—ãŸã€‚
bitgleams 2013/05/14
sketch

wireframe

ã¾ã¨ã‚

webdesign

ã‚³ãƒªã‚¹

web

idea

inspiration
ãƒªãƒ³ã‚¯
iPhoneã‚¢ãƒ—ãƒªã®ç”»é¢é·ç§»ã‚’ã‚¤ãƒ¡ãƒ¼ã‚¸ã—ã‚„ã™ãã™ã‚‹ãƒšãƒ¼ãƒ‘ãƒ¼ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ç”¨ã‚¢ãƒ—ãƒªã€ŒPOPã€ | sense of medium
Some rights reserved by Rosenfeld Media ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªã‚’è¨è¨ˆã™ã‚‹éš›ã«å¤šãã®æ–¹ã¯ç´™ã¨ãƒšãƒ³ã‚’ä½¿ã„ã€ã‚¹ã‚±ãƒƒãƒã‚’ã—ãªãŒã‚‰ç”»é¢ç¹Šç¶ãªã©ã‚’è€ƒãˆã‚‹ã¨ã„ã„ã¾ã™ã€‚ã“ã‚Œã¯ã€Œãƒšãƒ¼ãƒ‘ãƒ¼ãƒ»ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã€ã¨ã‚ˆã°ã‚Œã‚‹é–‹ç™ºæ‰‹æ³•ã€‚ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œã‚‹ã“ã¨ã§ã€ã©ã®ã‚ˆã†ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä½¿ã£ã¦ã‚‚ã‚‰ã†ã®ã‹ã‚’ã‚¤ãƒ¡ãƒ¼ã‚¸ã—ãªãŒã‚‰é–‹ç™ºãŒè¡Œãªã£ã¦ã„ãã“ã¨ãŒã§ãã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ åƒ•ãŒã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã¨ã—ã¦é–¢ã‚ã£ã¦ã„ã‚‹Startup Datingã§ã¯ã€ä»¥å‰ã“ã‚“ãªãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ã‚‚é–‹å‚¬ã—ã¦ã„ã¾ã™ã€‚èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯ä»¥ä¸‹ã®ãƒ¬ãƒãƒ¼ãƒˆã‚’ã”è¦§ãã ã•ã„ã€‚ ãƒ¦ãƒ¼ã‚¶ãŒä½¿ã„ã‚„ã™ã„ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’ãƒšãƒ¼ãƒ‘ãƒ¼ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã‚’é€šã—ã¦è€ƒãˆã‚‹ã€Œç”»é¢é·ç§»ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ã€ãƒ¬ãƒãƒ¼ãƒˆ | Startup Dating [ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ãƒ»ãƒ‡ã‚¤ãƒ†ã‚£ãƒ³ã‚°] ã“ã®ãƒšãƒ¼ãƒ‘ãƒ¼ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã®æ‰‹æ³•ã‚’ã•ã‚‰ã«ç°¡å˜ãªã‚‚ã®ã€ã‚¤ãƒ¡ãƒ¼ã‚¸ã—ã‚„ã™ã„ã‚‚ã®ã«ã™ã‚‹ãŸã‚ã®ã‚¢ãƒ—ãƒªãŒã€Œ
bitgleams 2013/02/28
tools

app

design

mobile

prototype

sketch

***

iphone
ãƒªãƒ³ã‚¯
Planning Your Web Design with Sketches | Codrops
bitgleams 2013/01/31
sketch

webdesign

design

wireframe

äº‹ä¾‹

idea
ãƒªãƒ³ã‚¯
Inspiring Wireframe Sketches
9 Comments Cool examples, but I find it so hard to sit and sketch when I can do this work in half the time(and in more detail) using my desktop. However some pitches I do try include hand rendered ideas if I think it can win a deal. Yes, I agree, cool stuff and so, but to much time lost, I can do this on my desktop with premade elements, so I can save a lot of time and paper ðŸ™‚ Actually, you lose
bitgleams 2013/01/31
wireframe

gallery

inspiration

sketch

app

mobile

design

webdesign

***
ãƒªãƒ³ã‚¯
usablog.jp
Weâ€™re getting things ready Loading your experienceâ€¦ This wonâ€™t take long.
bitgleams 2013/01/21
slides

prototype

sketch

ui

ia

ux

ucd

design

webdesign

***
ãƒªãƒ³ã‚¯
æœ¬æ ¼çš„ãªä½œæ¥ã«å…¥ã‚‹å‰ã«! ã‚µã‚¤ãƒˆã®å…¨ä½“ã‚„æ§‹æˆãŒä¸€ç›®ã§åˆ†ã‹ã‚‹æ‰‹æ›¸ããƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ä¾‹ - Webãƒ‡ã‚¶ã‚¤ãƒ³åˆå¿ƒè€…å‘ã‘ã®ã‚ã‚Œã“ã‚Œ
ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ï¼Ÿ ä¼ç”»ã‚„ã‚µã‚¤ãƒˆã®æ–¹å‘ãŒæ±ºã¾ã£ãŸã‚‰ã€ã©ã“ã«ã©ã†ã„ã†å†…å®¹ã‚’å…¥ã‚Œã‚‹ã‹ã§çµæ§‹æ‚©ã¿ã¾ã™ã‚ˆãã€‚ Photoshopã‚„Fireworksã§ã‚„ã£ã¦ã„ã‚‹æ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã¨æ€ã„ã¾ã™ãŒã€ å€‹äººçš„ã«ã¯ã‚½ãƒ•ãƒˆã‚’ä½¿ç”¨ã™ã‚‹å‰ã«ã€æ‰‹æ›¸ãã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½œã‚‹ã®ã‚’ã‚ªã‚¹ã‚¹ãƒ¡ã—ã¾ã™ã€‚ ãƒ¡ãƒªãƒƒãƒˆ ãƒ»ä¿®æ£ãŒæ—©ã„ã€ä½œæ¥æ™‚é–“ãŒæ—©ã„ ãƒ»ç´°ã‹ã„è¦ç´ ãªã©ã‚‚æã‘ã‚‹ãŸã‚ã€ã‚ˆã‚Šã‚µã‚¤ãƒˆã®å…¨ä½“åƒãŒåˆ†ã‹ã‚‹ ãƒ»ãƒãƒ¼ãƒ ãƒ¡ãƒ³ãƒãƒ¼ã‚„ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ã‚ˆã‚Šç›´æ„Ÿçš„ã«ä¼ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ ãƒ»å…·ä½“çš„ãªæ•°å€¤ã‚„ã‚µã‚¤ã‚ºãŒãªã„ãŸã‚ã€ã¾ãŸã‚½ãƒ•ãƒˆã§ä½œæ¥ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã€ ãƒ»çµµãŒä¸‹æ‰‹ã ã¨é€†åŠ¹æžœ(æ¶™ç›®) å˜ç´”ãªãƒœãƒƒã‚¯ã‚¹ã‚„é…ç½®ã®ä»•æ–¹ã‚ˆã‚Šã‚‚ ã‚¹ã‚±ãƒƒãƒã§ç´°ã‹ã„ã¨ã“ã‚ã¾ã§è¡¨ç¾ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã‚ˆã‚Šç†è§£ãŒæ·±ã¾ã‚‹ã¨æ€ã„ã¾ã™ã€‚ æ‰‹æ›¸ããƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®ä¾‹ iPad app sketch çµæ§‹ç´°ã‹ã„ã¨ã“ã‚ã¾ã§æã„ã¦ã„ã¾ã™ã€‚ ãƒžã‚¬ã‚¸ãƒ³ã‚„ã‚«ã‚¿ãƒã‚°ã®ã‚µã‚¤ãƒˆã®æ™‚ã¯æ’®å½±ã®æ™‚ç‚¹ã‹ã‚‰ä½¿ãˆ
bitgleams 2012/12/02
2012å¹´11æœˆ6æ—¥è¨˜äº‹

wireframe

sketch

webdesign

design

ã¾ã¨ã‚

åŸºæœ¬

sample

tools

***
ãƒªãƒ³ã‚¯
[é€£è¼‰]Webãƒ‡ã‚¶ã‚¤ãƒ³å…¥é–€ï¼ˆ2:ã‚¹ã‚±ãƒƒãƒã—ã‚ˆã†ï¼‰ | Stocker.jp / diary
ç§ã¯ã€è·æ¥æŸ„ï¼ˆï¼Ÿï¼‰ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãƒ»SEã®æ–¹ãªã©ã«ã€Œã“ã‚Œã‹ã‚‰Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã‚„ã‚ŠãŸã„ã‘ã©ã€ã©ã†ã™ã‚Œã°ã„ã„ã‹ã€ã¨ç›¸è«‡ã•ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ãã†ã„ã†æ™‚ã€ç§ã¯ã¾ãšã€Œå„ªã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã€ãã‚Œã‚’ã‚¹ã‚±ãƒƒãƒã™ã‚‹ã€ã“ã¨ã‚’è–¦ã‚ã¦ã„ã¾ã™ã€‚ ãŸã£ãŸ1åº¦ã‚„ã£ã¦é ‚ãã ã‘ã§ã‚‚ã€æ˜Žã‚‰ã‹ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾ã™ã‚‹è¦‹ã‚‹ç›®ãŒå¤‰ã‚ã‚‹ã®ã§ãŠå‹§ã‚ã§ã™ã€‚ ãªãœã‚¹ã‚±ãƒƒãƒãŒå¿…è¦ã‹ï¼Ÿ å¤šãã®PCã‚¹ã‚¯ãƒ¼ãƒ«ã‚„Webã‚¹ã‚¯ãƒ¼ãƒ«ã§ã¯ã€Photoshop ãªã©ã®ã€Œã‚½ãƒ•ãƒˆã®ä½¿ã„æ–¹ã€ã‚’ä¸å¿ƒã«æ•™ãˆã¦ã„ã‚‹ã‚ˆã†ã§ã™ãŒã€ãã‚Œã ã‘ã ã¨Webã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã®ã¯é›£ã—ã„ã¨æ€ã„ã¾ã™ã€‚ ãªãœãªã‚‰ã€Photoshop ãªã©ã®ã‚½ãƒ•ãƒˆã¯ã€Œé ã®ä¸ã«ã‚ã‚‹ã‚‚ã®ã€ã‚’åˆ¶ä½œã™ã‚‹ã“ã¨ã¯ã§ãã¾ã™ãŒã€ã€Œé ã®ä¸ã«ãªã„ã‚‚ã®ã€ã‚’åˆ¶ä½œã™ã‚‹ã“ã¨ã¯é›£ã—ã„ã‹ã‚‰ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ã‚½ãƒ•ãƒˆãŒè‡ªå‹•çš„ã«ã‚„ã£ã¦ãã‚Œã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ è‡ªåˆ†ã®åŠ›ã§1ã‹ã‚‰ä½œã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã§ã™ã€‚ ãã®ãŸã‚ã«ã€ã€Œè‰¯ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã•ã‚Œã¦ã„
bitgleams 2012/11/10
2011å¹´9æœˆ28æ—¥è¨˜äº‹

web

webdesign

sketch

idea

design

tutorial

wireframe

***

åŸºæœ¬
ãƒªãƒ³ã‚¯
http://www.cmmntr.com/m/58
bitgleams 2012/11/01
web

webdesign

workflow

sketch

design

ã¾ã¨ã‚

business
ãƒªãƒ³ã‚¯
Responsive Sketchsheets | Playground from ZURB
Start working out your responsive layouts through sketches using our super awesome responsive sketchsheets! What's this for? We're embracing design for a multi-device world. So we need to start thinking about how our sites will look on smaller devices early on in the design process. Your code shouldn't dictate how your layouts will respond to different screen sizes. Work through those probl ems usi
bitgleams 2012/11/01
responsive

code

sketch

tools

ã‚ã¨ã§

design

webdesign
ãƒªãƒ³ã‚¯
Inspiring UI Wireframe Sketches
Inspiration Inspiring UI Wireframe Sketches Gisele MullerOctober 4, 201210 Comments010.2k Wireframes are the skeleton of an idea, and it is really interesting to observe how other people do their wireframes because we can get several ideas and insights for our own projects. There are many different approaches to wireframes, from detailing kinds of information you will display, to showing a range o
bitgleams 2012/10/08
2012å¹´10æœˆ4æ—¥è¨˜äº‹ã€‚ã“ã®æ‰‹ã®ç´™ã‚¹ã‚±ãƒƒãƒã«é–¢é€£ã—ãŸæµ·å¤–è¨˜äº‹ã€å°‘ã—å¢—ãˆã¦ãã¦ã‚‹ï¼Ÿ

sketch

wireframe

idea

ui

design

webdesign

inspiration

ã¾ã¨ã‚

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

tutorial

wireframe

webdesign

sketch

web

ui

sample

ã¾ã¨ã‚

tools

***
ãƒªãƒ³ã‚¯
40 Examples Of Web Design Sketches And Wireframes
Click here to buy secure, speedy, and reliable Web hosting, Cloud hosting, Agency hosting, VPS hosting, Website builder, Business em ail, Reach em ail marketing at 20% discount from our Gold Partner Hostinger Â You can also read 12 Top Reasons to Choose Hostingerâ€™s Best Web Hosting Sketching is not a new technique and now it has been widely used in the web designing process as well. By using the ske
bitgleams 2012/09/28
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚±ãƒƒãƒã‚„ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®ä½œä¾‹ã¾ã¨ã‚40é¸ã€‚

wireframe

web

sketch

process

webdesign

design

ã¾ã¨ã‚

inspiration

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