[B! é»„é‡‘æ¯”][Webåˆ¶ä½œ] daizu6110ã®ãƒ

daizu6110 id:daizu6110

é»„é‡‘æ¯”ã¨Webåˆ¶ä½œã«é–¢ã™ã‚‹daizu6110ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

é»„é‡‘å¾‹ã‚’ä½¿ã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã®é«˜ã„ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ–¹æ³•
by arnoKath ç¾Žã—ã„ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã“ã¨ã¯å˜ç´”ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ°—åˆ†ã‚’ã‚ˆãã™ã‚‹ã ã‘ã§ã¯ãªãã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’ä¸Šã’ã‚‹ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã‚’ä¸Šã’ã‚‹ã«ã¯ä½¿ç”¨ã™ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚‚å¤§åˆ‡ã§ã™ãŒã€ãƒ•ã‚©ãƒ³ãƒˆã®å¤§ãã•ã‚‚é‡è¦ãªè¦ç´ ã€‚ãã“ã§ã€é»„é‡‘å¾‹ã‚’ä½¿ã£ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’æ±ºã‚ã‚‹ã“ã¨ã®é‡è¦ã•ã‚„æ–¹æ³•ã‚’Additive Analyticsã®CEOã§ã‚ã‚‹Laura Diane Hamiltonã•ã‚“ãŒã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ The Golden Ratio and Typography - Laura Diane Hamilton http://www.lauradhamilton.com/the-golden-ratio-and-typography ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«æƒ…å ±ã‚’è¨˜è¼‰ã™ã‚‹ä¸Šã§ã€ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã«éšŽå±¤ã‚’è¨ã‘ã‚‹ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’æƒ…å ±ã¸æ£ã—ãå°Žãã“ã¨ãŒå¯èƒ½ã§ã‚ã‚‹ãŸã‚ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆä¸Šã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã¯è¤‡æ•°ã®ã‚‚
daizu6110 2014/05/26
ãƒ•ã‚©ãƒ³ãƒˆ

é»„é‡‘æ¯”

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

webåˆ¶ä½œ

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

css

design

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

å†™çœŸ

photoshop

é»„é‡‘æ¯”

ãƒ„ãƒ¼ãƒ«

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

webåˆ¶ä½œ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã«é»„é‡‘æ¯”ã‚„ç™½éŠ€æ¯”ã‚’å–ã‚Šå…¥ã‚Œã‚‹æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ç™½æµœã§ã™ã€‚ äººãŒè¦‹ã¦ç¾Žã—ã„ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã•ã‚Œã‚‹é»„é‡‘æ¯”ã‚„ç™½éŠ€æ¯”ã€‚ãªã‚“ã¨ãªãçŸ¥ã£ã¦ã„ã‚‹ã‚‚ã®ã®ã€ä½œã‚Šæ–¹ã‚„ä½¿ã„æ–¹ãŒã‚ˆãã‚ã‹ã‚‰ãªã„ã¨ã„ã†äººã‚‚ã„ã¾ã™ã‚ˆãã€‚ ä»Šå›žã¯é»„é‡‘æ¯”ã‚„ç™½éŠ€æ¯”ã®è€ƒãˆæ–¹ã«ã¤ã„ã¦ã‚ã‹ã‚Šã‚„ã™ãè§£èª¬ã™ã‚‹ã¨ã¨ã‚‚ã«ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ç”»åƒåˆ¶ä½œã«é»„é‡‘æ¯”ã‚„ç™½éŠ€æ¯”ã‚’å–ã‚Šå…¥ã‚Œã‚‹æ–¹æ³•ãƒ»ãŠå½¹ç«‹ã¡ãƒ„ãƒ¼ãƒ«ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ è‰¯ã‹ã£ãŸã‚‰å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ï¼ˆç·¨é›†éƒ¨æ³¨ï¼š2013å¹´12æœˆ16æ—¥ã«å…¬é–‹ã•ã‚ŒãŸè¨˜äº‹ã‚’å†ç·¨é›†ã—ãŸã‚‚ã®ã§ã™ã€‚ï¼‰ é»„é‡‘æ¯”ãƒ»ç™½éŠ€æ¯”ã£ã¦ï¼Ÿ é»„é‡‘æ¯”ãƒ»ç™½éŠ€æ¯”ã¯ã€å¤ãã‹ã‚‰ã‚ã‚‹äººãŒè¦‹ã¦ç¾Žã—ã„ã¨è¨€ã‚ã‚Œã‚‹èª¿å’Œçš„ãªæ¯”çŽ‡ã®ã“ã¨ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã«é»„é‡‘æ¯”ã‚„ç™½éŠ€æ¯”ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã§ã€è¨€è‘‰ã§è¨€ã„è¡¨ã›ãªã„èŠ¸è¡“çš„ãªç¾Žã—ã•ã‚’åŠ ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãšã¯é»„é‡‘æ¯”ãƒ»ç™½éŠ€æ¯”ãŒã©ã†ã„ã†ã‚‚ã®ãªã®ã‹ã€åŸºæœ¬ã®è€ƒãˆæ–¹ã«ã¤ã„ã¦ã¿ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ é»„é‡‘æ¯”ã®æ¯”çŽ‡ã¨ä½œã‚Šæ–¹ ã‚³ãƒˆãƒãƒ³ã‚¯ã«ã‚ˆã‚‹ã¨ã€é»„é‡‘æ¯”(Golden ratio)
daizu6110 2013/12/16
é»„é‡‘æ¯”

ãƒ„ãƒ¼ãƒ«

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

webåˆ¶ä½œ

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

photoshop
ãƒªãƒ³ã‚¯
ï¼»ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ãƒ¬ãƒ“ãƒ¥ãƒ¼ï¼½ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å¾¡ç”¨é”ã®è¨ˆç®—ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§è¡Œãˆã‚‹ã€Œwebè¨ˆã€‚ã€
å†…å®¹ï¼šã€Œwebè¨ˆã€‚ã€ã¯ã€ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã‚ˆãä½¿ã†è¨ˆç®—å¼ã‚’ã‚³ãƒ³ãƒ‘ã‚¯ãƒˆã«ã¾ã¨ã‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§æ‰‹è»½ã«åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ã—ãŸã‚µãƒ¼ãƒ“ã‚¹ã ã€‚ã€Œæ¨ªå¹…ã«å¯¾ã™ã‚‹ç”»åƒæ•°ã€ã€Œç”»åƒã®æ¯”çŽ‡ã€ãªã©ã‚’ç´™ã¨ãƒšãƒ³ã§ã„ã¡ã„ã¡è¨ˆç®—ã™ã‚‹ã“ã¨ãªãã€ãƒ•ã‚©ãƒ¼ãƒ ã«å€¤ã‚’å…¥åŠ›ã™ã‚‹ã ã‘ã§ç®—å‡ºã§ãã‚‹ã€‚ ã€Œwebè¨ˆã€‚ã€ã¯ã€ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã‚ˆãä½¿ã†è¨ˆç®—å¼ã‚’ã‚³ãƒ³ãƒ‘ã‚¯ãƒˆã«ã¾ã¨ã‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§æ‰‹è»½ã«åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ã—ãŸã‚µãƒ¼ãƒ“ã‚¹ã ã€‚é›»å“ã‚’å©ã„ãŸã‚Šã€ç´™ã¨ãƒšãƒ³ã‚’ä½¿ã£ã¦ã„ã¡ã„ã¡è¨ˆç®—ã™ã‚‹ã“ã¨ãªãã€ãƒ•ã‚©ãƒ¼ãƒ ã«å€¤ã‚’å…¥åŠ›ã™ã‚‹ã ã‘ã§æ£ã—ã„å€¤ã‚’å°Žãå‡ºã™ã“ã¨ãŒã§ãã‚‹ã€‚ æœ¬ã‚µãƒ¼ãƒ“ã‚¹ã¯4ã¤ã®æ©Ÿèƒ½ã‚’å‚™ãˆã¦ãŠã‚Šã€ãã‚Œãžã‚Œã‚’ã‚¿ãƒ–ã§åˆ‡ã‚Šæ›¿ãˆã¦åˆ©ç”¨ã§ãã‚‹ã€‚ã²ã¨ã¤ã‚ã¯ã€Œæ¨ªå¹…ã«å¯¾ã™ã‚‹ç”»åƒæ•°ã€ã§ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®æ¨ªå¹…ã‚’åŸºæº–ã«ã€æŒ‡å®šã‚µã‚¤ã‚ºã®ç”»åƒãŒä½•å€‹å…¥ã‚‹ã‹ã€ã¾ãŸãƒžãƒ¼ã‚¸ãƒ³ãŒã„ãã‚‰ã«ãªã‚‹ã‹ã‚’ç°¡å˜ã«ç®—å‡ºã§ãã‚‹ã€‚ä¾‹ãˆã°ã€Œæ¨ªå¹…1000pxã§ç”»åƒ3å€‹ã§ãƒžãƒ¼ã‚¸ãƒ³11pxã®å ´åˆã€ç”»åƒæž ã®å¹…ãŒ326pxã€ã€Œæ¨ªå¹…10
daizu6110 2013/06/03
ç”»åƒ

é»„é‡‘æ¯”

è¨ˆç®—å¼

ã‚µãƒ¼ãƒ“ã‚¹

ãƒ–ãƒ©ã‚¦ã‚¶

Webåˆ¶ä½œ

Webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹æ™‚ã«æ„è˜ã—ãŸã“ã¨5ã¤ - Design Color
ã‚‚ãã˜ ã‚°ãƒãƒ¼ãƒãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’åŸ‹ã‚Œã•ã›ãªã„ è‰²ã‚’ä½¿ã„ã™ãŽãªã„ ä½™ç™½ã‚’ç©ºã‘ã™ãŽãªã„ å›²ã¿ç·šã‚’å¤šç”¨ãƒ»å¼·èª¿ã—ã™ãŽãªã„ ã‚µãƒ ãƒã‚¤ãƒ«ã«é»„é‡‘æ¯”ã‚„ç™½éŠ€æ¯”ã‚’ä½¿ã£ã¦ã¿ã‚‹ 1.ã‚°ãƒãƒ¼ãƒãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’åŸ‹ã‚Œã•ã›ãªã„ ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã¯æƒ…å ±é‡ãŒã¨ã¦ã‚‚å¤šã„ã§ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’è¿·ã‚ã›ãªã„ãŸã‚ã«ã¯ã€ç”»é¢ãŒé·ç§»ã—ã¦ã‚‚å¤‰ã‚ã‚‰ãšãã“ã«ã„ã¦ãã‚Œã‚‹ã€Œã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ã¯é ¼ã‚Šã«ãªã‚‹å˜åœ¨ã§ã™ã€‚ãã‚ŒãŒä»–ã®æƒ…å ±ã«åŸ‹ã‚Œã¦ã—ã¾ã£ã¦ã¯ã‚‚ã£ãŸã„ãªã„ã§ã™ã‚ˆãã€‚ãªã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³æ™‚ã«ã¯ã¾ãšã“ã®åã«æ³¨ç›®ã—ã¦ã¿ã¾ã—ãŸã€‚ ç™½æŠœãã®ãƒ¡ãƒªãƒƒãƒˆ è‰²ã€…ãªã‚µã‚¤ãƒˆã‚’è¦³å¯Ÿã—ã¦ã„ã‚‹ã¨ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ã«ç™½æŠœãã‚’ä½¿ã£ã¦ã„ã‚‹ã‚µã‚¤ãƒˆãŒå¤šãè¦‹ã‚‰ã‚Œã¾ã—ãŸã€‚ èª¿ã¹ã¦ã¿ãŸã¨ã“ã‚ã€ç™½æŠœãã¯å°ã•ãªæ–‡å—ã§ã‚‚ã‚„ã‚„å¤§ããè¦‹ãˆã‚‹ã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã¨ã‹ã€‚ãªãœãªã‚‰ã€ç™½ã¯ã€Œè†¨å¼µè‰²ã€ã ã‹ã‚‰ã§ã™ã€‚ è†¨å¼µè‰²ã¨ã¯æ˜Žåº¦ãŒé«˜ã„ã“ã¨ã‹ã‚‰ã€ä»–ã®è‰²ã«æ¯”ã¹ã¦è†¨ã‚‰ã‚“ã ã‚ŠåºƒãŒã£ãŸã‚ŠéŒ¯è¦šã™ã‚‹è‰²ã®ã“ã¨ã§ã™ã€‚ç™½ã‚„æ˜Žåº¦ã®é«˜ã„æš–è‰²ç³»ãŒè†¨
daizu6110 2012/07/31
ãƒ‡ã‚¶ã‚¤ãƒ³

ã‚µã‚¤ãƒˆ

é»„é‡‘æ¯”

ã‚µãƒ ãƒã‚¤ãƒ«

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

webåˆ¶ä½œ

web

design
ãƒªãƒ³ã‚¯
é»„é‡‘æ¯”ã‚„ç™½éŠ€æ¯”ãªã©æœ€é©ãªæ¯”çŽ‡ã‚’è¨ˆç®—ã—ã¦ãã‚Œã‚‹ã€ŒMetallic Ratioã€ - GIGAZINE
By GeometerArtist å›³å½¢ãŒæœ€ã‚‚ç¾Žã—ãè¦‹ãˆã‚‹ã¨ã—ã¦1ï¼š1.618ã¨ã„ã†æ¯”çŽ‡ã¯é»„é‡‘æ¯”ã¨å‘¼ã°ã‚Œã€ãã®ä»–ã«ã‚‚å›³å½¢ãŒç¾Žã—ãè¦‹ãˆã‚‹ç™½éŠ€æ¯”ï¼ˆ1ï¼š1.414ï¼‰ã‚„é’éŠ…æ¯”ï¼ˆ1ï¼š1.303ï¼‰ã¨ã„ã£ãŸæ¯”çŽ‡ãŒå˜åœ¨ã—ã¾ã™ãŒã€ã€ŒMetallic Ratioã€ã§ã¯ç¸¦ã‚„æ¨ªã®å¹…ã‚’è¨˜å…¥ã™ã‚‹ã¨è‡ªå‹•çš„ã«ãã‚Œã‚‰ã®æ¯”çŽ‡ã«å¾“ã£ã¦é•·æ–¹å½¢ã‚’ä½œã£ã¦ãã‚Œã‚‹ã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä»•äº‹ã‚’ã—ã¦ã„ãŸã‚Šã€ãƒã‚¹ã‚¿ãƒ¼ãªã©ã‚’æãéš›ã«å½¹ç«‹ã¤ã¯ãšã§ã™ã€‚ Metallic Ratio http://ratio.b-shiki.com/ æ¯”çŽ‡ã«ã¯ç¸¦æ¨ªæ¯”ã‚¿ã‚¤ãƒ—ã¨åˆ†å‰²æ¯”ã®ã‚¿ã‚¤ãƒ—ãŒã‚ã‚Šã€ç¸¦æ¨ªæ¯”ã‚¿ã‚¤ãƒ—ã«ã¯ã€1ï¼š1ã€1ï¼š1.333ã€ç™½éŠ€æ¯”ã§ã‚ã‚‹1ï¼š1.414ã€é»„é‡‘æ¯”ã®1ï¼š1.618ã€1ï¼š2ã€1ï¼š2.414ï¼ˆç™½éŠ€æ¯”ï¼‰ã€1ï¼š2.618ã€1ï¼š3.303ï¼ˆé’éŠ…æ¯”ï¼‰ã®8ç¨®é¡žã®æ¯”çŽ‡ãŒã‚ã‚Šã¾ã™ã€‚ ä½¿ã„æ–¹ã¯ã€ç¸¦æ¨ªæ¯”ã®ã‚¿ã‚¤ãƒ—ã‚’é¸æŠžã—ãŸå ´åˆã€8ç¨®é¡žã®æ¯”çŽ‡ã‹ã‚‰ä½¿ã„ãŸã„ã‚‚ã®ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã€è¡¨ç¤º
daizu6110 2012/07/06
é»„é‡‘æ¯”

ãƒã‚´

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

webåˆ¶ä½œ

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

webã‚µãƒ¼ãƒ“ã‚¹

css

design
ãƒªãƒ³ã‚¯
1