[B! design(w] kupoeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kupoe id:kupoe

design(wã«é–¢ã™ã‚‹kupoeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (203)

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

The Colors of the Web
The Colors Used by the Ten Most Popular Sites #fff#000#767676#2d2d2d#bebebergba(0,0,0,.2)#ccc#c0c0c0#36c#4c4c4c#dd4b39#dd8e27#900#eeeblack#f5f5f5rgba(0,0,0,.12)#666#fef9db#4d90fergba(255,255,255,0.5)rgba(0,0,0,.1)#3079ed#dcdcdc#444#4787ed#2f5bb7#357ae8rgba(0,0,0,0.3)#f1f1f1#f8f8f8#fbfbfb#ffffff#c6c6c6#222rgba(0,0,0,.8)rgba(0,0,0,0)#ebebebrgba(0,0,0,.3)#00c#11c#551a8b#999#e62117RedBlackGoldPurple#6
kupoe 2018/01/08
é’ã™ã”ã„

design(w
ãƒªãƒ³ã‚¯
DIST.12 ã€Œãƒ¢ãƒ€ãƒ³Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã€ã®ã¾ã¨ã‚
DIST @dist_jp æ²ˆé»™ã®æ¢…é›¨ã‚’è¶Šãˆã€æ¬¡å›žDISTãŒã‚„ã£ã¦ãã¾ã™ï¼ã€€ã¨ã„ã†ã‚ã‘ã§9/16ï¼ˆé‡‘ï¼‰DIST.12ã€Œãƒ¢ãƒ€ãƒ³Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã€ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒšãƒ¼ã‚¸ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ã”å‚åŠ ãŠå¾…ã¡ã—ã¦ã¾ã™ï¼ dist.connpass.com/event/37188/ #dist 2016-08-08 07:54:20
kupoe 2016/09/17
å‚è€ƒã«ãªã‚‹

design(w
ãƒªãƒ³ã‚¯
ãã®é›‘èªŒã¯ã€ã€ŒSNSã€ã¨ã—ã¦ç”Ÿã¾ã‚Œå¤‰ã‚ã£ãŸ
kupoe 2016/08/22
design(w

ux
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2015/11/25/20151122the-most-overlooked-aspect-of-ux-design-could-be-the-most-important/
kupoe 2016/07/21
design(w

ux

emptystate
ãƒªãƒ³ã‚¯
ã€Œã‹ã‚ã„ã„ã€ã‚’ã¤ãã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ ã«ã¤ã„ã¦
ã€Œã‹ã‚ã„ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯1ç¨®é¡žã§ã¯ãªãã€ã„ã‚ã‚“ãªã‚«ãƒ†ã‚´ãƒªãƒ¼ã«åˆ†ã‘ã‚‹ã“ã¨ãŒã§ãã€äººãã‚Œãžã‚Œã€Œã‹ã‚ã„ã„ã€ã¨æ€ã†ã‚‚ã®ã¯é•ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€20ä»£å¥³åã«åˆºã•ã‚Šãã†ãªã€Œã‹ã‚ã„ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¤ãã‚‹ãŸã‚ã®è¦ç´ ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ åŽŸå®¿çš„ã€Œã‹ã‚ã„ã„ã€åŽŸå®¿çš„ã€Œã‹ã‚ã„ã„ã€ã‚’ãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³ã§è¡¨ã™ã¨ï¼Ÿ å·¦ï¼šhttps://www.iqon.jp/sets/3342749/ å³ï¼šhttps://www.iqon.jp/sets/2867248/ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒãƒƒãƒ—ãªãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³ã€‚ãƒ“ãƒ“ãƒƒãƒ‰ã‚«ãƒ©ãƒ¼ã‚„ã‚³ãƒŸã‚«ãƒ«ãªæŸ„ãªã©ã‚’ãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³ã«å–ã‚Šå…¥ã‚Œã¦ã„ã‚‹ã€‚ åŽŸå®¿çš„ã€Œã‹ã‚ã„ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¦ç´
kupoe 2016/07/19
design(w

inspiration

wkrf

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Why cards are the future of the web
A cross icon used to close notifications Close Notification icon
kupoe 2016/01/31
design(w
ãƒªãƒ³ã‚¯
l-orem.com
This domain may be for sale!
kupoe 2015/10/13
æ—¥æœ¬ã¨SFã§ç’°å¢ƒã¯å¤§åˆ†é•ã†ã¨æ€ã†ã‘ã©ã€ã“ã‚Œã¯æ—¥æœ¬ã®äº‹å‹™æ‰€ã‚‚æ‚©ã‚“ã§ã‚‹é …ç›®ã‚„ãªã€œã€‚ç‰¹ã«1ç•ªç›®

design(w
ãƒªãƒ³ã‚¯
æ·±æ´¥ è²´ä¹‹ THE GUILD ä»£è¡¨ | æ—¥æœ¬ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¿ãƒ¼
å…ˆé€²ã®ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚„é‹ã„æ„Ÿæ€§ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¯èƒ½æ€§ã‚’åºƒã’ã‚‹äººãŸã¡ãŒã„ã¾ã™ã€‚ å¤šæ§˜ãªæ‰èƒ½ã¨å‡ºä¼šã„ã€ã“ã‚Œã‹ã‚‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¨ã‚‚ã«è€ƒãˆã‚‹å¯¾è©±ã®å ´ ã€ŒNDC LUNCH MEETINGã€ åˆå›žã¯ã€å„ªã‚ŒãŸUIã®iPhoneã‚¢ãƒ—ãƒªã‚’åˆ¶ä½œã•ã‚Œã¦ã„ã‚‹æ·±æ´¥è²´ä¹‹ã•ã‚“ã‚’ãŠè¿Žãˆã—ã¾ã—ãŸã€‚
kupoe 2015/07/04
interview

design(w
ãƒªãƒ³ã‚¯
The Dribbblisation of Design
Only one of these weather apps is attempting to solve the real probl em. There are divergent things happening in the product and interaction design community. On one hand, we have some amazing pieces of writing from the likes of Ryan Singer and Julie Zhuo, moving our craft forward. On the other hand, we have a growing number of people posting and discussing their work on Dribbble, the aggregated re
kupoe 2015/06/03
ãƒ‡ã‚¶ã‚¤ãƒ³ãƒã‚¨ãƒ ã‚ã‚ãŸ

design(w
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã¯ãƒ©ãƒ™ãƒ«ã®é…ç½®å ´æ‰€ã§ä½¿ã„ã‚„ã™ã•ãŒå…¨ç„¶å¤‰ã‚ã‚‹ï¼ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåˆ©ç”¨ã—ã‚„ã™ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’å¾¹åº•è€ƒå¯Ÿ | ã‚³ãƒªã‚¹
ã‚ãªãŸã®ãƒ•ã‚©ãƒ¼ãƒ ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç°¡å˜ã«åˆ©ç”¨ã§ãã¾ã™ã‹ï¼Ÿ ã‚‚ã—ç°¡å˜ã§ãªã„ãªã‚‰ã€ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ã‚’å®Œäº†ã™ã‚‹ã®ã‚‚äºˆæƒ³ä»¥ä¸Šã«é›£ã—ã„ã¨ã‚‚è¨€ãˆã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå…¥åŠ›ã—ã‚„ã™ãã€ãã—ã¦å…¥åŠ›å†…å®¹ã®ç¢ºèªã‚‚ç°¡å˜ãªãƒ•ã‚©ãƒ¼ãƒ ã«ã¤ã„ã¦ã®è€ƒå¯Ÿã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Why Infield Top Aligned Form Labels are Quickest to Scan by anthony ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«è¨±å¯ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã¯å…¥åŠ›å‰ã€å…¥åŠ›å¾Œã®åˆ†ã‹ã‚Šã‚„ã™ã•ãŒå¤§åˆ‡ æœ€è¿‘ã®ãƒ•ã‚©ãƒ¼ãƒ ã§è¦‹ã‹ã‘ã‚‹å•é¡Œ 1ã¤ç›®ï¼šãƒ©ãƒ™ãƒ«ã¨ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’ä¸Šã‹ã‚‰é †ç•ªã«é…ç½®ã—ãŸå ´åˆ 2ã¤ç›®ï¼šãƒ©ãƒ™ãƒ«ã‚’ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®å†…å´ã«é…ç½®ã—ãŸå ´åˆ 3ã¤ç›®ï¼šãƒ©ãƒ™ãƒ«ã‚’ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®å†…å´ã®ãƒˆãƒƒãƒ—ã«é…ç½®ã—ãŸå ´åˆ ãƒ©ãƒ™ãƒ«ã®é…ç½®ã‚’å†…å´ãƒˆãƒƒãƒ—ã«å¤‰ãˆã‚‹ã¨ã©ã†ãªã‚‹ã‹ ãƒ©ãƒ™ãƒ«ã‚’å†…å´ãƒˆãƒƒãƒ—ã«é…ç½®ã™ã‚‹ã®ãŒæ©Ÿèƒ½ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã¨ã¯ ã¾ã¨
kupoe 2015/05/14
ui

design(w
ãƒªãƒ³ã‚¯
ä½¿ã„ã‚„ã™ã•ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ä¸Šã§å¿ƒæŽ›ã‘ã¦ã„ã‚‹ã“ã¨ - Mackerel ãƒ–ãƒã‚° #mackerelio
ã“ã‚“ã«ã¡ã¯ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã® id:murata_s ã§ã™ã€‚Mackerelã®ãƒªãƒªãƒ¼ã‚¹å½“åˆã‹ã‚‰Mackerelã®ç”»é¢è¨è¨ˆã‚„UXã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãªã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ¥å‹™å…¨èˆ¬ã‚’æ‹…å½“ã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€ä¸»ã«ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã•ã‚“ã®ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã‚ã‚‹Mackerelã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã« id:murata_s ãŒæ°—ã‚’ã¤ã‘ã¦ã„ã‚‹ç‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦å¿…è¦ãªæƒ…å ±ã‚’åˆ†ã‹ã‚Šã‚„ã™ãä¼ãˆã€è¿·ã‚ãªã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ–½ã™ã«ã¯ã©ã†ã„ã£ãŸé…æ…®ãŒå¿…è¦ã‹ã€è£½å“ã®æŒ¯ã‚‹èˆžã„ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦Mackerelã®äº‹ä¾‹ã‚’äº¤ãˆãªãŒã‚‰è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Mackerelã¯è¨€ã‚ã°ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã‚ã‚Šç®¡ç†ç”»é¢ã§ã™ã‹ã‚‰ã€ä¸€èˆ¬ã«è¨€ã‚ã‚Œã‚‹ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã‚ˆã‚Šã‚‚ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦ã®å´é¢ãŒå¼·ã„ã‚µãƒ¼ãƒ“ã‚¹ã ã¨æ€ã„ã¾ã™ã€‚é›‘èªŒã®èªŒé¢ã§ã¯ãªãã€è»Šã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã‚’ã¤ãã£ã¦ã„ã‚‹ã‚ˆã†ãªã‚‚ã®ã§ã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³çš„ãªæƒ…å ±è¨è¨ˆã®è€ƒãˆæ–¹ãŒå‰æã¨ãªã‚Šã¤ã¤ã‚‚ã€ãã‚Œã«åŠ ãˆã¦ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤
kupoe 2015/05/11
design(w

ui
ãƒªãƒ³ã‚¯
ãƒ˜ãƒƒãƒ€ã€ãƒ•ãƒƒã‚¿ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€è¦‹å‡ºã—ãªã©ã€Webã‚µã‚¤ãƒˆã§ã‚ˆãä½¿ã†ãƒ‘ãƒ¼ãƒ„ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é›†ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚
ãƒ˜ãƒƒãƒ€ã€ãƒ•ãƒƒã‚¿ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€è¦‹å‡ºã—ãªã©ã€Webãƒšãƒ¼ã‚¸ã§ã‚ˆãä½¿ã†å„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã”ã¨ã«å›½å†…ãƒ»æµ·å¤–ã®ç´ æ™´ã‚‰ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é›†ã‚ã¦ã„ã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ çœºã‚ã¦ã„ã‚‹ã ã‘ã§ã€ã•ã¾ã–ã¾ãªã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚‚ã‚‰ã†ã“ã¨ãŒã§ãã¾ã™ï¼ ãƒ˜ãƒƒãƒ€ã®ãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ•ãƒƒã‚¿ã®ãƒ‡ã‚¶ã‚¤ãƒ³ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ è¦‹å‡ºã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ ã„ã‚ã„ã‚ãªãƒ‘ãƒ¼ãƒ„ã®ãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ˜ãƒƒãƒ€ã®ãƒ‡ã‚¶ã‚¤ãƒ³
kupoe 2015/04/14
inspiration

design(w

wkrf
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã®æ¨ªå¹…ã¾ã¨ã‚ - ULTRAZONE
ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—å‘ã‘ãƒšãƒ¼ã‚¸ã®æ¨ªå¹…ã‚’ã¾ã¨ã‚ãŸä¸€è¦§è¡¨ã§ã™ã€‚188ã®ä¼æ¥ã‚„çµ„ç¹”ã«ã¤ã„ã¦ã€æ¥ç¨®ã”ã¨ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒšãƒ¼ã‚¸(è¡¨ä¸ã®èµ¤å—)ã¯ã€ã€Œãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆã®æœ€å¤§å€¤ã€ã¨ã€Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®æ¨ªå¹…ã€ã®ã†ã¡ã€å¤§ãã„æ–¹ã‚’æŽ¡ã‚Šã¾ã—ãŸã€‚ 2015-07-18
kupoe 2015/03/30
wkrf

design(w
ãƒªãƒ³ã‚¯
ã€ç¿»è¨³ã€‘ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã¤ã¾ã‚‰ãªããªã£ã¦ã—ã¾ã£ãŸã®ã‹ï¼Ÿ - MOL
Originalï¼šHAS VISUAL DESIGN FALLEN FLAT? ï¼ˆ2015-01-20ï¼‰by Emmet Connolly 2013å¹´ã‹ã‚‰2014å¹´ã®åŠ‡çš„ãªUIãƒ•ãƒ©ãƒƒãƒˆåŒ–ã«ã‚ˆã‚Šç„¡æ•°ã®ãƒ”ã‚¯ã‚»ãƒ«ãŒæµã‚Œè½ã¡ã¦ã„ã£ãŸ ãã‚Œã¯ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦éžå¸¸ã«å¤§ããªå¤‰åŒ–ã ã£ãŸã€‚Microsoftã®æ€¥é€²çš„ã§ãƒ¢ãƒ€ãƒ³ãªMetro UIã¯ãã®å‰å…†ã ã£ãŸã€‚iOS7ã®ãƒªãƒªãƒ¼ã‚¹ã‚ˆã£ã¦å¤§è¡†åŒ–ã—ã€UIã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¯2æ¥µåŒ–ã—ãŸã€‚Google Material Designã«ã‚ˆã£ã¦ã€ãŠãŠã‹ãŸå®Œæˆã—ãŸã€‚ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆæœªå®Œæˆã§ã‚ã‚‹ã‘ã‚Œã©ä¾¿åˆ©ãªè¡¨ç¾ï¼‰ã¯ã‚¹ã‚ãƒ¥ãƒ¼ãƒ¢ãƒ¼ãƒ•ã‚£ã‚ºãƒ ï¼ˆåŒå‰ï¼‰ã‚’é§†é€ã™ã‚‹ã ã‘ã§ãªãã€ãã‚Œã®å¢“ã®ä¸Šã§è¸Šã‚Šã€ã™ã¹ã¦ã®ã¹ã¹ãƒ«ã€å½±ã€å¢“çŸ³ã®ãƒ†ã‚¯ã‚¹ãƒãƒ£ã•ãˆæ¶ˆã—åŽ»ã£ã¦ã—ã¾ã£ãŸã€‚ ä¸Šå›³ã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ã‚‹ã€‚ ç™ºå±•ã€å¤‰åŒ–ã€æµè¡Œã¯é¿ã‘ã‚‰ã‚Œãªã„ã‚‚ã®ã ã€‚ã“ã®ã‚ˆã†ãªæœ€æ–°ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚ã¾ãŸã€ã„ã¤ã®æ—¥ã‹å»ƒã‚Œã¦ã„ãã ã‚ã†ã€‚æœªæ¥
kupoe 2015/02/16
thin

design(w
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã¨é–‹ç™ºã®æœªæ¥
This document provides a summary of various web development topics and resources, including responsive design, Android fragmentation, Google services, Material Design, web components, and more. It discusses principles like universality and accessibility, and recommends actions like focusing on building interfaces in HTML/CSS directly instead of Photoshop. Links are provided to additional articles
kupoe 2015/01/22
slide

design(w

reading(w
ãƒªãƒ³ã‚¯
è„³ã«å„ªã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ï¼ã€ŒVertical Rhythmã€ã®åŸºæœ¬ã¨å®Ÿç¾æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®çŽ‹ã§ã™ã€‚ ã©ã†ã‚‚è¿‘é ƒã¯ã„ã¬è‚ŒãŒæ‹ã—ãã€ç„¡æ€§ã«ãƒ¯ãƒ³ã‚³ã¡ã‚ƒã‚“ã‚’ãªã§ãªã§ã™ã‚Šã™ã‚Šã—ãŸãã¦ã†ãšã†ãšã—ã‚‹ã®ã§ã™ãŒãƒ»ãƒ» ã“ã†ã„ã†å†™çœŸã‚’çœºã‚ã¦ã„ã‚‹ã ã‘ã§å¿ƒãŒã»ã‚ï½žã£ã¨ã—ã¦ãã¾ã™ã‚ˆã ä¹…ã—ã¶ã‚Šã«è¨˜äº‹ã‚’æ›¸ãã¾ã™ã€‚ã€ŒVertical Rhythmã€ã¨å‘¼ã°ã‚Œã¦ã„ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ï¼Ÿã•ã‚Šæ°—ãªãå–ã‚Šå…¥ã‚Œã‚‹ã“ã¨ã§ã€æ–‡ç« ãŒèªã¿ã‚„ã™ããªã£ãŸã‚Šã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒæ•´ã£ãŸã‚Šã™ã‚‹ã“ã¨ãŒæœŸå¾…ã§ãã‚‹ã¨ã„ã†ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã«é™ã£ãŸè©±ã§ã¯ãªã„ãŒã€å®Œç’§ãªæ£è§£ãªã©å˜åœ¨ã—ãªã„ã¨æ€ã†ã®ã§ã€ã‚ãã¾ã§ä¸€ã¤ã®è€ƒãˆæ–¹ã¨ã—ã¦æ‰ãˆã¦é ‚ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ å®Ÿä¾‹ã‚’æŒ™ã’ãªãŒã‚‰é€²ã‚ã¦è¡Œãã¾ã™ã®ã§ã€ã€ŒVertical Rhythmã€ã®è€ƒãˆæ–¹ã¨ãã®è‰¯ã•ã€ä¾¿åˆ©ã•ã‚’ãã£ã¨ç†è§£ã—ã¦ã‚‚ã‚‰ãˆã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ å‰æ›¸ã ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ã€Œèª¬å¾—åŠ›ã®ã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚’å±Šã‘ã‚ˆã†ï¼ LIGã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’ã‚„ã£ã¦ã¦ã€ã‚ˆããƒ™ãƒ†ãƒ©ãƒ³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«ã“ã†ã„ã†é¢¨ã«è¨€ã‚
kupoe 2015/01/22
sass

compass

design(w
ãƒªãƒ³ã‚¯
ç¸¦ã«é•·ã„ç”»åƒã‚’1æžšã§å°åˆ·ã™ã‚‹éš›ã«è‡ªå‹•åˆ†å‰²ã—ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ãƒ„ãƒ¼ãƒ«ã€ŒPrint1ã€ | WebNAUT by Beeworks
ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‡ãƒ¼ã‚¿ãªã©ã€ç¸¦é•·ã®ç”»åƒã‚’è‡ªå‹•åˆ†å‰²ã—ã¦å°åˆ·ç”¨ã«1æžšã«ã¾ã¨ã‚ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ ãƒ‡ãƒ¼ã‚¿ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ç‰ã‚‚ä¸è¦ã§ã™ã®ã§ã€æ©Ÿå¯†æ€§ã®é«˜ã„ãƒ‡ãƒ¼ã‚¿ã‚’å°åˆ·ã™ã‚‹å ´åˆã§ã‚‚å®‰å¿ƒã—ã¦ç„¡æ–™ã§ãŠä½¿ã„ã„ãŸã ã‘ã¾ã™ï¼ æ˜Žã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ã€‚æœ¬å¹´ã‚‚WebNAUTã‚’ã‚ˆã‚ã—ããŠé¡˜ã„è‡´ã—ã¾ã™ã€‚ç§ã®æ–°å¹´1æœ¬ç›®ã®è¨˜äº‹ã¯ç‰¹ã«æ£æœˆã‚‰ã—ã„å†…å®¹ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€Webåˆ¶ä½œã®å„å ´é¢ã§ä½¿ãˆã‚‹ã€Œç—’ã„æ‰€ã«æ‰‹ãŒå±Šãã€ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ç¢ºèªæ™‚ã®ã‚ˆãã‚ã‚‹ã‚„ã‚Šã¨ã‚Š ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ï¼š ã“ã“ã§ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã•ã‚“ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç¢ºèªã¨æŒ‡ç¤ºå‡ºã—ã‚’ã©ã®ã‚ˆã†ã«è¡Œã†ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ä¸Šã§ä¿®æ£æŒ‡ç¤ºã‚’æ›¸ãè¾¼ã‚€ã‚ˆã†ãªã‚¢ãƒ—ãƒªã‚‚å¹¾ã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ã‚„ã¯ã‚Šè¦‹ã‚„ã™ã•ã‚„æ›¸ãè¾¼ã¿ã®ã—ã‚„ã™ã•ã§ã¯ç´™ã«å°åˆ·ã—ã¦æ‰‹æ›¸ãã§æŒ‡ç¤ºã‚’æ›¸ãäº‹ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ ãã®éš›ã€ç¸¦ã«é•·ã„ç”»åƒã‚’å°åˆ·ã—ã‚ˆã†ã¨ã™ã‚‹ã¨ä¸€èˆ¬çš„ãªã‚¢ãƒ—ãƒªã§ã¯ã“ã®ã‚ˆã†ã«ãªã£ã¦ã—ã¾ã„ã¾ã™
kupoe 2015/01/08
ã“ã‚Œã¯ä¾¿åˆ©ãã†

design(w

tool

utility
ãƒªãƒ³ã‚¯
Give â€™nâ€™ Go
A curated gallery of Dribbble shots reworked as interactive CodePen pens. Know another good Dribbble + CodePen Give 'n' Go pair? Submit a Give 'n' Go pair
kupoe 2014/12/25
dribbble â†’ codepen ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼

inspiration

design(w

markup
ãƒªãƒ³ã‚¯
ç¬¬1å›žï¼šãƒã‚¹ã‚ãƒ¥ãƒ¼ãƒ« æœ´æ£ç¾© | ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã“ã‚Œã‹ã‚‰ã®ã‚ãƒ£ãƒªã‚¢ | ãƒ‡ã‚¶ã‚¤ãƒ³æƒ…å ±ã‚µã‚¤ãƒˆ[JDN]
ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¡¨ç¾ãŒã©ã‚“ã©ã‚“é€²åŒ–ã—ã¦ãã¦ã„ã‚‹ä»Šã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚ãƒ£ãƒªã‚¢ã‚’è€ƒãˆã‚‹ã‚·ãƒªãƒ¼ã‚ºå¯¾è«‡ã€‚ç¾ä»£ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ¥ç•Œã‚’ç‰½å¼•ã™ã‚‹ãƒˆãƒƒãƒ—ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãŸã¡ã«ã€ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãŸã¡ã®ã‚ãƒ£ãƒªã‚¢ã‚³ãƒ³ã‚µãƒ«ã‚¿ãƒ³ãƒˆã¨ã—ã¦æ´»èºä¸ã®å°å³¶å¹¸ä»£æ°ãŒã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã€‚ æœ´ æ£ç¾©ã€€ã¼ãã¾ã•ã‚ˆã— 1967å¹´æ±äº¬éƒ½ç”Ÿã¾ã‚Œã€‚ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãƒ»ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãƒ»ã‚«ãƒ³ãƒ‘ãƒ‹ãƒ¼ã€ãƒã‚¹ã‚ãƒ¥ãƒ¼ãƒ«ä»£è¡¨ã€‚ å›½å†…å¤–ã®åºƒå‘Šè³žã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒ‡ã‚¸ã‚¿ãƒ«ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆéƒ¨é–€ç‰ã§å¤šæ•°å—è³žã—ã€å›½éš›çš„ãªå®Ÿç¸¾ã‚’æ®‹ã—ã¦ã„ã‚‹ã€‚ä»£è¡¨ã®æœ´æ°ã¯ã€æ—¥çµŒãƒ“ã‚¸ãƒã‚¹ã€Œæ¬¡ä»£ã‚’å‰µã‚‹100äººã€ã«ãŠã„ã¦ã€ŒCREATOR/å‰µé€ ä¸»ã€ã®1äººã¨ã—ã¦é¸å‡ºã•ã‚ŒãŸï¼ˆ2012å¹´12æœˆ29æ—¥å·ï¼‰ http://www.bascule.co.jp/ â€• ãã‚‚ãã‚‚æœ´ã•ã‚“ã¯ã€ã©ã®ã‚ˆã†ãªçµŒç·¯ã§ãƒã‚¹ã‚ãƒ¥ãƒ¼ãƒ«ã‚’ç«‹ã¡ä¸Šã’ãŸã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ æœ´ : æ–°å’ã®ã¨ãã¯ã€åºƒå‘Šã¨ãŠåº—ã¥ãã‚Šã®ä¸¡æ–¹ã‚’ã‚„ã£ã¦ã„ã‚‹ä»£ç†åº—ã«å…¥ã£ãŸã‚“ã§ã™ã‚ˆãã€‚è‡ªç”±ã§æ¥½ã—ãã†ã ãªã¨
kupoe 2014/12/24
thin

design(w
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³è¨è¨ˆã«é›†ä¸ã™ã‚‹æ™‚é–“ã‚’å¢—ã‚„ã—ã¦ã¿ã‚ˆã† - ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰é–‹ç™ºè€…ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ï¼ ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆæŽ¨é€²éƒ¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚°ãƒ«ãƒ¼ãƒ—ã®ã‚¸ãƒ§ãƒ³ãƒ»ã‚¸ãƒ³ãƒ›(@img75)ã§ã™ã€‚ å‰å›žã€ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ç§ã‹ã‚‰ã¯ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ã‚’ã‚ˆã‚ŠåŠ¹çŽ‡çš„ã«ã¾ã‚ã™ç‚ºã«ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ã©ã®ã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ã‚’æ´»ç”¨ã—ã¦ã„ã‚‹ã®ã‹ã‚’ã€ä»Šå›žã¯ Adobe Photoshop CC ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä¸å¿ƒã«ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³è¨è¨ˆã«é›†ä¸ã§ãã‚‹ Photoshop ãªã©ã§ã®ä½œæ¥åŠ¹çŽ‡ã‚’å‘ä¸Šã•ã›ã‚‹ã¨ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã¨ã£ã¦è²´é‡ãªã€Œãƒ‡ã‚¶ã‚¤ãƒ³è¨è¨ˆã«é›†ä¸ã§ãã‚‹æ™‚é–“ã€ãŒç”Ÿã¾ã‚Œã¾ã™ã€‚ãã‚Œã¯çµæžœçš„ã«ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã‚’åˆ©ç”¨ã—ã¦ãã ã•ã‚‹ã¿ãªã•ã¾ã«ã‚ˆã‚Šè‰¯ã„æ©Ÿèƒ½ã‚’ã™ã°ã‚„ãæä¾›ã§ãã‚‹ã“ã¨ã«ã¤ãªãŒã‚‹ã®ã§ã€ç§ã¯ã„ã¤ã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã«ã‚ãŸã£ã¦ä¸å¿…è¦ãªæ™‚é–“ã‚’æ¸›ã‚‰ã™åŠªåŠ›ã‚’ã—ã¦ã„ã¾ã™ã€‚ æœ€è¿‘ã€ç§ã¯ã€Œæ’®ã‚‹ãƒ¬ã‚·ãƒ”ã€ï¼ˆAndroid/ SPwebç‰ˆï¼‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ‹…å½“ã—ã¾ã—ãŸã€‚ ã€Œæ’®ã‚‹ãƒ¬ã‚·ãƒ”ã€ã¯ã€ã“
kupoe 2014/12/17
design(w

tool
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸