[B! process] U-8ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

U-8 id:U-8

processã«é–¢ã™ã‚‹U-8ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

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

process
ãƒªãƒ³ã‚¯
Fireworksã‚’ä½¿ã£ãŸWEBãƒ‡ã‚¶ã‚¤ãƒ³(1) - ã‚„ã•ã—ã„ãƒ‡ã‚¹ãƒžãƒ¼ãƒ
ã‚ã‚‹ç¨‹åº¦ã®HTMLã‚„CSSã‚’æ‰±ãˆã‚‹ãƒ—ãƒã‚°ãƒ©ãƒžãŒç”»é¢è¨è¨ˆã‚’è¡Œã†å ´åˆã€HTMLï¼ˆã‚³ãƒ¼ãƒ‰ï¼‰ã‹ã‚‰æ›¸ã„ã¦CSSã§èª¿æ•´ã—ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ã“ã‚Œã¯æ¥å‹™ã‚¢ãƒ—ãƒªã®ç®¡ç†ç”»é¢ãªã©ã§ã¯å……åˆ†ãªå ´åˆã‚‚å¤šã„ã§ã—ã‚‡ã†ã€‚ ä¸€æ–¹ã€ãƒ‡ã‚¶ã‚¤ãƒŠãŒWEBã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹å ´åˆã¯Illustratorã‚„Fireworksã‚’ä½¿ã£ã¦ã‚«ãƒ³ãƒ—ï¼ˆè¦‹æœ¬ï¼‰ã‚’ä½œæˆã—ã¾ã™ã€‚*1ãã®ã‚«ãƒ³ãƒ—ã‚’ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¨ç›¸è«‡ã—ãªãŒã‚‰å›ºã‚ã¦ã„ãã®ãŒãƒ‡ã‚¶ã‚¤ãƒŠã®ä»•äº‹ã«ãŠã‘ã‚‹è¨è¨ˆã¨è¨€ãˆã¾ã™ã€‚ ä»Šå›žã¯Fireworksã‚’ä½¿ã£ã¦ç®¡ç†ç”»é¢ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ãƒ¢ãƒ€ãƒ³ãªWEBã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ã«ã¯çŸ¥è˜ãƒ»çµŒé¨“ãƒ»ã‚»ãƒ³ã‚¹ã©ã‚Œã‚‚è¶³ã‚Šã¾ã›ã‚“ãŒã€ã¡ã‚‡ã£ã¨ã—ãŸã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ç›´ãã«ç¿’å¾—ã§ãã¾ã™ã€‚å°šã€è‡ªåˆ†è‡ªèº«ãŒWEBãƒ‡ã‚¶ã‚¤ãƒ³ã®å®Ÿå‹™çµŒé¨“ãŒã‚ã‚‹ã‚ã‘ã§ã¯ãªãã€ãƒ„ãƒ¼ãƒ«ã‚„å‚è€ƒæ›¸ãªã©ã‚’æ‰‹ãŒã‹ã‚Šã«ã—ã¦ã„ã¾ã™ã®ã§å‹˜é•ã„ãŒå¤šã„ã¨è¦†ã„ã¾ã™ã€‚ãªã®ã§ã€æœ¬è·ã®ãƒ‡ã‚¶ã‚¤ãƒŠã•ã‚“ã®ãƒ„ãƒƒã‚³ãƒŸã‚’ã¯å¤§æ“è¿Žã§ã™ã€‚ STEP
U-8 2009/06/27
webdesign

fireworks

process
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2009/05/design-process.html
U-8 2009/05/24
process

inspiration

webdesign
ãƒªãƒ³ã‚¯
Logo Design Process and Walkthrough for Vivid Ways
This post was originally published in 2009 The tips and techniques explained may be outdated. I recently finished up a project with Scott McIntyre of Vivid Ways and Jon Phillip of Spyre Studios. My part in the project was to work on a new logo design for the Vivid Ways website and brand. Hereâ€™s my design process and a walkthrough of how the final logo is created in Adobe Illustrator. Vivid Ways is
U-8 2009/04/06
logo

process
ãƒªãƒ³ã‚¯
B3 Annex: Appleã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒèªžã‚‹ã€AppleãŒãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ã§è¡Œã£ã¦ã„ã‚‹4ã¤ã®ã‚³ãƒˆ
æ¯Žå¹´æ’ä¾‹ã®SXSWã¯çµå±€ã€å¥³æ€§é›‘èªŒè¨˜è€…ã«ã‚ˆã‚‹è‹¥ãFaceBook CEO Mark Zuckerbergã¨ã®ã‚¹ãƒ†ãƒ¼ã‚¸ãƒˆãƒ¼ã‚¯ãŒä¸æº€è¶³ãªã‚‚ã®ã§çµ‚ã‚ã£ãŸã¨ã„ã†è©±é¡Œã ã‘ãŒç›®ç«‹ã¡ã€ãªã‚“ã ã‹ãªã€ã¨æ€ã£ã¦ã„ãŸã‚‰ã€ã¡ã‚‡ã£ã¨é¢ç™½ã„è¨˜äº‹ãŒå‡ºã¦ããŸã€‚ ã“ã‚Œã¯ã€Appleã®ã‚·ãƒ‹ã‚¢ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ãƒžãƒã‚¸ãƒ£ãƒ¼ã®Michael Loppæ°ãŒSXSWã®ãƒ‘ãƒãƒ«"Blood, Sweat, and Fear: Great Design Hurts"ã§èªžã£ãŸã‚‚ã®ã‚’BusinessWeekãŒã¾ã¨ã‚ãŸã‚‚ã®ã€‚ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã‚’ã©ã®ã‚ˆã†ã«ãƒžãƒã‚¸ãƒ¡ãƒ³ãƒˆã—ã¦ã„ã‚‹ã‹ãŒåž£é–“è¦‹ã‚Œã‚‹ã€‚ ä»¥ä¸‹ã¯ã€ä¾‹ã«ã‚ˆã£ã¦B3 AnnexæŠ„è¨³ã€‚ Apple's design process by Business Week å®Œç’§ãªãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’ä½œã‚‹ï¼ˆPixel Perfect Mockupsï¼‰æ‰‹é–“ã¨æ™‚é–“ã¯ã‹ã‹ã‚‹ãŒã€æ—©ã„æ®µéšŽã§ã€ã€Œå®Œç’§ãªãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã€ã‚’ä½œã‚‹ã“ã¨ã§ã€ã™ã¹
U-8 2008/09/15
apple

design

process
ãƒªãƒ³ã‚¯
1