[B! 2010] pink_darkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

pink_dark id:pink_dark

2010ã«é–¢ã™ã‚‹pink_darkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ã©ã‚„ï¼ï¼Ÿ2010å¹´ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ 13 | ãƒ‡ã‚¶ã‚¤ãƒ³ã©ã‚„ï¼ï¼Ÿ
1stwebdesignerã«ã€2010å¹´ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ãŒç´¹ä»‹ã•ã‚Œã¦ã„ãŸã®ã§è¨³ã—ã¦æŽ²è¼‰ã—ã¾ã™ã€‚è‡ªå‹•ç¿»è¨³ãªã®ã§æ–‡ç« ãŒå°‘ã—ãŠã‹ã—ã„ã‹ã‚‚ï¼ˆç¬‘ 2010å¹´ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ 1.å·¨å¤§ãªè¦‹å‡ºã—ã¨ç”»åƒ ã‚ãªãŸã¯ã€ä»Šæ—¥ã®å¤šãã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒè†¨å¤§ãªè¦‹å‡ºã—ã€ãã—ã¦/ã¾ãŸã¯ã€ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã¨ãŸã¶ã‚“ã‚ã‹ã‚Šã¾ã—ãŸã€‚ ãã†ã™ã‚Œã°ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ã€ãƒ¦ãƒ¼ã‚¶æ³¨æ„ã‚’ã¤ã‹ã‚“ã§ã€å½¼ã‚‰ã‚’æ‹›ãå…¥ã‚Œã‚‹ãŸã‚ã«å¤§ãã„è¦‹å‡ºã—ã¨ã‚¤ãƒ¡ãƒ¼ã‚¸ã®ç„¦ç‚¹ã‚’åˆã‚ã›ã¦ã„ã¾ã™ã€‚ ãã‚Œã¯ã‚ãªãŸã®è¨ªå•è€…ãŒã‚ãªãŸã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’è¦šãˆã‚‹ã®ã‚’åŠ©ã‘ã‚‹ã‹ãªã‚Šã®è¦–è¦šå½±éŸ¿ã‚’ä½œæˆã—ã¾ã™ã€‚ ãã®ä¸Šã€ã‚µã‚¤ãƒˆã®ãƒˆãƒ¼ãƒ³ã‚’ä¼ãˆã‚‹ã‹ã€ã¾ãŸã¯ä½œæˆã™ã‚‹ã®ã«ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã“ã‚Œã‚‰ã‚’ä½¿ç”¨ã§ãã‚‹ã€çµŒé¨“ã‚’è¨ªå•è€…ã«æµ¸ã—ã¦ãã ã•ã„ã€‚ 2.ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹æ´»ç‰ˆå°åˆ·ã«ã¯ã€ä»Šæ—¥ã€é€€å±ˆãªæ¨™æº–ã®å—ä½“ã‹ã‚‰ç¾Žã—ã„ã‚«ã‚¹ã‚¿ãƒ è¨è¨ˆã•ã‚ŒãŸå—ä½“ã¾ã§åºƒã’ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ Typekit
pink_dark 2010/11/16
20101116

design-art

2010
ãƒªãƒ³ã‚¯
2010å¹´ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’è€ƒãˆã‚‹ | Nutspress
å…ˆæ—¥ã€ŽMost Used and Abused Web Design Trends of All Timeã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ä½¿ã‚ãªã„æ–¹ãŒã„ã„æ™‚ä»£é…ã‚Œã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ã¨ã„ã†ã®ã‚’ç´¹ä»‹ã•ã‚Œã¦ã„ãŸæ–¹ãŒã€ä»Šåº¦ã¯2010å¹´ã«å…ˆé§†ã‘ã¦ä»Šå¹´ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ã®ä¸ã‹ã‚‰ç´ æ™´ã‚‰ã—ã„ã‚‚ã®ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã€ä»Šå¾Œã‚‚ç™ºå±•ã™ã‚‹ã§ã‚ã‚ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ Web Design Trends for 2010 ä¾‹ã«ã‚ˆã£ã¦ã‚³ãƒªã‚¹ã•ã‚“ã«ã¦æ„è¨³ã•ã‚ŒãŸã‚‚ã®ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€è©³ã—ãã¯ã€Ž2010å¹´ã«å‚™ãˆã¦ã€çŸ¥ã£ã¦ãŠããŸã„ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã€ã‚’ã”è¦§ã„ãŸã ãã¨ã—ã¦ã€è‡ªåˆ†ãªã‚Šã«ã“ã‚Œã¯å–ã‚Šå…¥ã‚ŒãŸã„ã‚‚ã®ã€ã¡ã‚‡ã£ã¨é›£ã—ã„ã‹ãªï½žã¨æ€ã†ã‚‚ã®ã€ãã‚Œãžã‚Œè€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ 1. Oversized Logos/ Headers ãƒ–ãƒã‚°ã‚„ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã®ã‚µã‚¤ãƒˆã§ä»Šå¾Œå¢—ãˆã¦ããã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‚ã€‚ã¨ã„ã†ã‹ã€Matt Mullenwegã•ã‚“ã®ãƒ‡ã‚¶
pink_dark 2010/11/16
20101116

design-art

2010

check
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
pink_dark 2010/11/16
20101116

design-art

2010
ãƒªãƒ³ã‚¯
2010å¹´ã®WEBãƒ‡ã‚¶ã‚¤ãƒ³ã§å¤–ã›ãªã„ãƒˆãƒ¬ãƒ³ãƒ‰5ã¤ï¼šBlog --- WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒªãƒ³ã‚¯é›† : ikesai.com
WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¤ã€ã„ã‘ã¦ã‚‹ã‚µã‚¤ãƒˆã€ã‹ã£ã“ã„ã„ã‚µã‚¤ãƒˆã€ãŠã—ã‚ƒã‚Œãªã‚µã‚¤ãƒˆã€ã‚¯ãƒ¼ãƒ«ãªã‚µã‚¤ãƒˆãªã©ã‚’é›†ã‚ãŸWEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®WEBãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ³ã‚¯é›†ã€‚WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã©ã†ãž ã©ã‚‚ã€åŸºæœ¬çš„ã«Appleã®çŠ¬ã§ã‚‚ã‚ã‚‹å¿ çŠ¬hashikouã§ã™ã€‚ å…ˆæ—¥ã‚‚iPhone4ã®ç™ºè¡¨ãŒã•ã‚ŒãŸã°ã‹ã‚Šã§ã™ãŒã€ æ¯Žå¹´ã®ã‚ˆã†ã«å‡ºã‚‹æ–°è£½å“ã«ã‚ˆã ã‚ŒãŒæ¢ã¿ã¾ã›ã‚“â€¦ã‚ã‚“ã‚ã‚“ã‚ã‚“ ã—ã‹ã—ã€æ°—ãŒã¤ã„ãŸã‚‰2010å¹´ã‚‚ã‚‚ã†åŠåˆ†éŽãŽã¾ã—ãŸã€‚æ—©ã™ãŽã§ã™ã€‚ ãã‚“ãªæ°—åˆ†ã‚’ä»£è¡¨ã™ã‚‹ã‹ã®ã”ã¨ãã€SmashingMagazineãŒ ã„ããŠã„ã‚ˆã2010å¹´ä¸ŠåŠæœŸã®WEBãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ 1.æ¥½ã—ã¾ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ JTãŒæ˜”CMã§delightã£ã¦ã„ã£ã¦ãŸã€ã‚ã‚Œã§ã™ã€‚ å°‘ã—ãƒ‹ãƒ¤ã£ã¨ã§ãã‚‹ã‚ˆã†ãªè¦ç´ ã‚’å…¥ã‚Œã¦ã‚ã’ã‚‹ã€‚æ„å¤–æ€§ã€ã§ã‚‚ã„ã„ã‹ã‚‚ã€‚ 2.ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚’ä½¿ã£ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ ã“ã‚Œã¯æ£ç›´ã‚ã¾ã‚Šè¦‹ãªã‹ã£ãŸã®ã§ã™ãŒâ€¦çŸ¥ã‚‰ãª
pink_dark 2010/11/16
20101116

design-art

2010
ãƒªãƒ³ã‚¯
ã€ãƒ¬ãƒ“ãƒ¥ãƒ¼ã€‘2010å¹´ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã§æŠ¼ã•ãˆã¦ãŠããŸã„ãƒˆãƒ¬ãƒ³ãƒ‰7ç‚¹ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
2010å¹´ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã§æŠ¼ã•ãˆã‚‹ã¹ããƒˆãƒ¬ãƒ³ãƒ‰7ç‚¹ WebDesignerWallã¨ã„ã†ã‚µã‚¤ãƒˆã«ãŠã„ã¦ã€2010å¹´ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰äºˆæ¸¬ã‚’ã¾ã¨ã‚ãŸè¨˜äº‹ - Design Trends (Predictions) in 2010ãŒå…¬é–‹ã•ã‚ŒãŸã€‚2010å¹´ã«æµè¡Œã™ã‚‹ã§ã‚ã‚ã†Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ãŒåˆè¨ˆ7ç‚¹ã€è±Šå¯Œãªã‚µãƒ³ãƒ—ãƒ«ç”»åƒã¨ä¸€ç·’ã«ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã€‚ ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ãŠã‚‚ãªãƒˆãƒ¬ãƒ³ãƒ‰ã¯æ¬¡ã®ã¨ãŠã‚Šã€‚ ã‚»ãƒªãƒ•ä½“ã®ãƒ•ã‚©ãƒ³ãƒˆ(Serif Fonts) ç›´è¿‘10å¹´ã®é–“ã§ã¯Webã‚µã‚¤ãƒˆã®å¤§éƒ¨åˆ†ã§Verdanaã‹Arialã®ã‚µãƒ³ã‚»ãƒªãƒ•ãƒ•ã‚©ãƒ³ãƒˆãŒä½¿ç”¨ã•ã‚Œã¦ã„ãŸã€‚ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®æŠ€è¡“é©æ–°ã¨IE7ä»¥é™ã§ClearTypeãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã«ãªã£ãŸã“ã¨ã‹ã‚‰ã€ä»Šå¾Œ10å¹´é–“ã§ã“ã®æµã‚ŒãŒå¤‰ç§»ã—ã¦ã„ãå¯èƒ½æ€§ãŒã‚ã‚‹ã€‚ å¤§ãã„è¦‹å‡ºã—(Big Headings) ãƒ˜ãƒƒãƒ€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸€éƒ¨ã¨ã—ã¦ã€ã‚µã‚¤ã‚ºã®å¤§ãã„è¦‹å‡ºã—ã‚’ä½¿ã†å…†ã—ãŒã‚ã‚‹ã¨ã®ã“ã¨
pink_dark 2010/11/16
20101116

design-art

2010
ãƒªãƒ³ã‚¯
MdN Designï½œç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
ç¬¬9å›žã€Œ2010å¹´ä¸ŠåŠæœŸWebãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¾ã¨ã‚ã€ 2010å¹´05æœˆ25æ—¥ Webãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€é©šãã¹ãé€Ÿåº¦ã§é€²åŒ–ã—ã¦ããŸã€‚ç‰¹ã«æœ€è¿‘ã¯CSS3ã‚„HTML5ã€ãƒ•ã‚©ãƒ³ãƒˆåŸ‹ã‚è¾¼ã¿æŠ€è¡“ã®å°é ãªã©ä¹…ã€…ã®é»„é‡‘æœŸã¨è¨€ã£ã¦ã‚‚ã‚ˆã„ã ã‚ã†ã€‚ã“ã®ã‚ˆã†ãªä¸ã€ç§ãŸã¡ã¯å¤šãã®é…åŠ›çš„ãªWebã‚µã‚¤ãƒˆã‚’è¦‹ã¦ããŸã€‚ãã“ã§2010å¹´ã‚‚åŠã°ã‚’è¿Žãˆã¤ã¤ã‚ã‚‹ç¾åœ¨ã€æ”¹ã‚ã¦Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’è€ƒãˆã¦ã¿ã‚‹ã“ã¨ã«ã™ã‚‹ã€‚æžœãŸã—ã¦ã©ã®ã‚ˆã†ãªæ–°æŠ€è¡“ã‚„ã‚³ãƒ³ã‚»ãƒ—ãƒˆã€ã‚¢ã‚¤ãƒ‡ã‚¢ãŒé‡è¦–ã•ã‚Œã¦ã„ã‚‹ã®ã ã‚ã†ã‹ï¼Ÿã•ã‚‰ã«ã¯æ•°ã‚«æœˆå¾Œã€æ•°å¹´å¾Œã«Webãƒ‡ã‚¶ã‚¤ãƒ³ãŒã©ã®ã‚ˆã†ã«é€²åŒ–ã—ã¦ã„ãã‹ã‚‚æ¤œè¨Žã—ã¦ã„ããŸã„ã€‚ã¾ãŸã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ç¾åœ¨ãã—ã¦å°†æ¥ã«å‘ã‘ã¦æº–å‚™ã—ã¦ãŠããŸã„äº‹æŸ„ã«ã¤ã„ã¦ã‚‚è§¦ã‚Œã¦ã„ãã€‚ ã€æ³¨æ„ã€‘æœ¬è¨˜äº‹ã¯ã‚·ãƒªãƒ¼ã‚ºè¨˜äº‹ã®ç¬¬1å¼¾ã®å†…å®¹ã¨ãªã‚‹ã€‚ç¬¬2å¼¾ã‚’è¦‹é€ƒã•ãªã„ã‚ˆã†ã€RSSãƒ•ã‚£ãƒ¼ãƒ‰ã®ç™»éŒ²ã‚„Twitterãƒ•ã‚©ãƒãƒ¼ãªã©ã‚’ã™ã‚‹ã¨ã‚ˆã„ã ã‚ã†ã€‚ ã€MdN Design
pink_dark 2010/11/16
20101116

design-art

2010
ãƒªãƒ³ã‚¯
1