[B! flat][web] homare-sanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

homare-san id:homare-san

flatã¨webã«é–¢ã™ã‚‹homare-sanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œæ™‚ã«å½¹ç«‹ã¤PSDå½¢å¼ã®ãƒœã‚¿ãƒ³ç´ æ 15 - NxWorld
å€‹äººçš„ã«è‰¯ã„ãªã¨æ€ã£ãŸãƒœã‚¿ãƒ³ç´ æã®ã¾ã¨ã‚ã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚„ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®æµè¡Œã€CSS3ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ãŒå¤šããªã£ã¦ã„ã‚‹ãªã©ã€æœ€è¿‘ã§ã¯ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ãã‚‰ã„ã§ã‚ã‚Œã°ç”»åƒã¯ä½¿ç”¨ã›ãšã«å®Ÿè£…ã—ã¦ã„ã‚‹ã“ã¨ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ãŒã€ç”»åƒã§å®Ÿè£…ã™ã‚‹å ´åˆã«ä¾¿åˆ©ã ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€ç”»åƒã¨ã—ã¦ä½¿ã‚ãªãã¦ã‚‚ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚·ãƒ£ãƒ‰ã‚¦ã®ä½¿ã„æ–¹ãªã©ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã‚‚ãªã‚Šã¾ã™ã€‚ ç´¹ä»‹ã—ã¦ã„ã‚‹ç´ æã‚’ä½¿ç”¨ã™ã‚‹éš›ã¯ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ç‰ã¯å„è‡ªã§å†åº¦ç¢ºèªã—ã¦ãã ã•ã„ã€‚ Free Cool Buttons Psd å…¨15ã‚«ãƒ©ãƒ¼ã®ã‚·ãƒ³ãƒ—ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãªãƒœã‚¿ãƒ³ã§ã€ãã‚Œãžã‚ŒNormalãƒ»Hoverãƒ»Activeã®è¦‹æ „ãˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ Tangy Multi-Color Button Set åŒã˜ãNormalãƒ»Hoverãƒ»Activeã®è¦‹æ „ãˆãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹å…¨10ã‚«ãƒ©ãƒ¼ã®ã‚·ãƒ³ãƒ—ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãªãƒœã‚¿ãƒ³ã§ã€ã“ã¡ã‚‰ã¯PSDã ã‘ã§ãªãCSSã§å®Ÿè£…ã•ã‚ŒãŸ
homare-san 2015/01/28
hover

photoshop

button

flat

ç´ æ

PSD

web

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

ãƒœã‚¿ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç†è§£ã™ã‚‹ä¸Šã§çŸ¥ã£ã¦ãŠããŸã„5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ -Principles of Flat Design
ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€æ±ºã—ã¦å˜ç´”ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¨åŒã˜æ„å‘³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚‚ã¡ã‚ã‚“ã‚·ãƒ³ãƒ—ãƒ«ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ç”ãˆãŒã§ã‚‹ã®ã§ã‚ã‚Œã°ã€ãã‚Œã«ã“ã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã®UIç´ æã‚’æ•°å¤šããƒªãƒªãƒ¼ã‚¹ã—ã¦ã„ã‚‹designmodoã‹ã‚‰ã€ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ä½•ã‹ã‚’ç†è§£ã™ã‚‹ä¸Šã§é‡è¦ã¨ãªã‚‹5ã¤ã®ç‰¹å¾´ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ•ãƒ©ãƒƒãƒˆã«ã‚ã¾ã‚Šå¿ƒã‚’å‹•ã‹ã•ã‚Œãªã‹ã£ãŸã®ã§ã™ãŒã€ãã‚‰ã£ã¨ãã¾ã—ãŸã€‚ Into the Arctic ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯ãã®åã®é€šã‚Šã€äºŒæ¬¡å…ƒã®ãƒ•ãƒ©ãƒƒãƒˆãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ã“ã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã¯æ—¢å˜ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã—ã§æ©Ÿèƒ½ã—ã¾ã™ã€‚ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã€ãƒ™ãƒ™ãƒ«ã€ã‚¨ãƒ³ãƒœã‚¹ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©å¥¥è¡Œãã‚’ä¸Žãˆã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ä½¿ã‚ãªã„ã‚ˆã†ã«ã—ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸å†…ã®ãƒ†ã‚ã‚¹ãƒˆã€ãƒœãƒƒã‚¯ã‚¹ã€ç”»åƒã€ãƒ•ã‚©ãƒ¼ãƒ ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã®å…¨ã¦ã®è¦ç´ ã¯ã‚¨ãƒƒã‚¸ã®ãã„ãŸã‚¹ã‚¿ã‚¤ãƒ«ã§ã€ã‚·ãƒ£ãƒ‰ã‚¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚Appleã«ã‚ˆãè¦‹ã‚‹Skeuomorphi
homare-san 2013/06/06
flat

webdesign

design

3D

ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ

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

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

ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³

ui

Web
ãƒªãƒ³ã‚¯
40 Fresh Examples of Flat Web Design
Flat design is the latest and most widely used trend nowadays which depicts the era of development and modernity perfectly. This design is extremely modern and attractive with no extra or unnecessary effects such as drop shadows, gradients, bevels, Â subtle textures or animation etc; instead it makes use of some bold and solid typography and colors etc. This design helps you present you content in
homare-san 2013/05/31
flat

design

web

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

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚ªãƒ¼ãƒ€ãƒ¼ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã€ŒFlat Design Inspirationã€
ä»Šå¹´ã¯ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒWEBã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨ã—ã¦ã€å¤šãã®ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãƒ–ãƒã‚°ã§ä¼ãˆã‚‰ã‚Œã¦ã„ã¾ã™ã€‚windows8ã‚’å§‹ã‚ã¨ã—ã¦ã€OSå´ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹å´ã«ã‚‚å–ã‚Šå…¥ã‚Œã‚‰ã‚Œã€ä»Šå¾Œã¾ã™ã¾ã™ã€ç›®ã«ã™ã‚‹æ©Ÿä¼šã‚‚å¤šããªã£ã¦ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚ªãƒ¼ãƒ€ãƒ¼ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚ªãƒ¼ãƒ€ãƒ¼ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã€ŒFlat Design Inspirationã€ã§ã™ã€‚ ä»Šå›žã¯WEBå´ã¨ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³UIã‚’ãã‚Œãžã‚Œå–ã‚Šä¸Šã’ã¦ã„ã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ ã‚¢ãƒ—ãƒªãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ WEBãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ ä¸Šè¨˜ã®ä»–ã«ã‚‚åŽŸæ–‡ã§ã¯æ•°å¤šãã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒå–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚æ°—ã«ãªã‚‹æ–¹ã¯æ˜¯éžåŽŸæ–‡ã‚‚ã”è¦§ãã ã•ã„ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³UIã®åŽŸæ–‡ã¯ã€ŒFlat Desi
homare-san 2013/05/28
inspiration

ã¾ã¨ã‚

å‚è€ƒ

flat

design

ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³

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

web

flatui

ui
ãƒªãƒ³ã‚¯
Almost Flat UI
Provides extra visual weight and identifies the primary action in a set of buttons
homare-san 2013/05/22
flat

design

CSS-Framework

bootstrap

css

framework

UI

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

web

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1