Discover the worldâs top designers Explore work from the most talented and accomplished designers ready to take on your next project
![Dribbble - Show and tell for designers](https://cdn-ak-scissors.b.st-hatena.com/image/square/4be04e53a3a2f5f847cbbf3f2aee0addbd2ce050/height=288;version=1;width=512/https%3A%2F%2Fcdn.dribbble.com%2Fusers%2F330915%2Fscreenshots%2F3744264%2F1_tfl_dribbble_teaser.jpg)
Discover the worldâs top designers Explore work from the most talented and accomplished designers ready to take on your next project
1.å¹¾ä½å¦çãªã¢ãã³ãµã³ã»ãªã ç´ç·çãªãµã³ã»ãªãã人æ°ã§ããæ®éã«ãã©ã·ã§ãDINãè¦ãããããã«ãªãã¾ãããã¦ãã¯ãã®å½±é¿ããããã¾ãããã»ã£ã¨ãã£ã¨çãå¤æ®µã«ä½¿ç¨ãã¦ã¢ãã³ããåºãã¦ãã¾ãã DIN Bold T-Star SofiaPro ProximaNovaBold NeoSans 2.ãµã³ã»ãªãã®ã©ã¦ã³ãä½ è¿å¹´ãæåæ¸ä½ã®ã©ã¦ã³ãä½åãé »ç¹ã«è¡ããã¦ãã¦ã使ç¨é »åº¦ãä¸ãã£ã¦ãã¾ããã¾ãå¹¾ä½å¦çãªã¢ãã³ã©ã¦ã³ããªã©ã人æ°ãé«ãã©ã¦ã³ãä½å ¨ä½ã注ç®ããã¦ãã¾ãã AvenirNextRounded Gotham Rounded DIN Next Rounded Netto ãã®ä»ã®äººæ°æ¸ä½ãProxima Nova SoftãMuseo Sans RoundedãAkko Rounded 3.åºæ¬ã®ãµã³ã»ãªãæ¸ä½ æ¯æ°ã®å½±é¿ããå¤ãã種ã®æ¸ä½ãããã¹ã¿ã³ãã¼ããªåºæ¬çãªæ¸ä½ã®ä½¿
Webãã¶ã¤ã³ãåå¼·ããæã«åèã«ãããã¾ã¨ããµã¤ãã»è¨äº25é¸ Webãã¶ã¤ã³ããã¼ã ãã¼ã¸ä½æãåå¼·ããã人åãã«ãåèã«ãªãã¾ã¨ããµã¤ãã»è¨äºã»å°æãã¯ããã¯ãéãã¦ã¿ã¾ããããWebãã¶ã¤ã³ã®è¦æ¬ãµã¤ããããä»ãã使ãããã¯ããã¯ããªã©ãåå¿è ãããã«åèã«ãªããµã¤ãã°ããã§ãã ããã¯ã¢ã«ããã¼ãã¬ã¸ã³ã¯åè¬è æ°No.1ã®ããã°ã©ãã³ã°ã¹ã¯ã¼ã«ãããã¯ã¢ã«ããã¼ããéå¶ãåå¿è åãã«ããã解説ããè¨äºãå ¬éä¸ãç¾å½¹ã¨ã³ã¸ãã¢ã®æ¹ã¯ãã¡ããã覧ãã ããã â» ã¢ã³ã±ã¼ãã¢ãã¿ã¼æä¾å ï¼GMOãªãµã¼ãæ ªå¼ä¼ç¤¾ã調æ»æéï¼2021å¹´8æ12æ¥ï½8æ16æ¥ã 調æ»å¯¾è±¡ï¼2020å¹´8æ以éã«ããã°ã©ãã³ã°ã¹ã¯ã¼ã«ãåè¬ãã18ï½80æ³ã®ç·å¥³1,000åã 調æ»ææ³ï¼ã¤ã³ã¿ã¼ãããèª¿æ» Webãã¶ã¤ã³ãããããåå¼·ãããã¨æã£ã¦ããã©ãããå§ãã¦ãããããããªãã¨ãããã¨ã¯ãªãã§ããããï¼
ã¦ã¼ã¶ããªãã£ã®æ¹åãæ¤ç´¢ã¨ã³ã¸ã³å¯¾çã¨ãã¦ã¦ã§ããã¼ã¸ã®èªã¿è¾¼ã¿ã¹ãã¼ãã®é«éåã¯é常ã«éè¦ã§ããã¨ãããã¨ã§ããã¼ã¸ã®èªã¿è¾¼ã¿ã¹ãã¼ãåä¸ã®ããã«å½¹ç«ã¤ãµã¤ããã¾ã¨ãã¦ã¿ã¾ãã ãã¼ã¸èªè¾¼é度ã®éè¦æ§ 次ã®äºä¾ã«ããããã«ãã¦ã¼ã¶ã¼ã¯è¡¨ç¤ºé度ã«ææã§ãã Googleã«ããã¨ãã¼ã¸ã®èªã¿è¾¼ã¿ã0.5ç§é ããªãã¨ãæ¤ç´¢æ°ã20%æ¸å°ãã Amazonã«ããã¨ãã¼ã¸ã®èªã¿è¾¼ã¿ã0.1ç§é ããªãã¨ã売ãä¸ãã1%æ¸å°ãã ããã¦ãGoogleã®ã¢ã«ã´ãªãºã ã«ã¦ã§ããã¼ã¸ã®èªã¿è¾¼ã¿é度ã追å ããã¦ä»¥éããµã¤ãã®é«éåã¸ã®æ³¨ç®åº¦ã¯é«ã¾ã£ã¦ãã¾ãã Googleãã¦ã§ããã¼ã¸ã®èªã¿è¾¼ã¿é度ãã¢ã«ã´ãªãºã ã«åãå ¥ãããã¨ãçºè¡¨ | æµ·å¤SEOæ å ±ããã° Googleãã¤ãã«é ä½æ±ºå®ã«è¡¨ç¤ºé度ã使ãå§ããï¼å ¬å¼çºè¡¨ï¼ | Webæ å½è Forum Googleãæ¤ç´¢é ä½ã«ãã¼ã¸èªè¾¼é度ã®èæ ®ãéå§ [詳
ç¡æã§å©ç¨ã§ããGoogleãMicrosoftã®é«å質ãªã¹ããã¯ãã©ã ã¹ããã¯ãã©ãã¯ä¸»ã«ããã®åç家ã«ãã£ã¦æ®å½±ãããåçã§ãç´ äººã®ããã¨ã¯ãã¯ã質ãéãããææã®ãã®ãã»ã¨ãã©ã§ããã ãã®ä¾¡å¤ã®ããåçã§ãã ãã®æ§è³ªä¸ãåç¨å©ç¨ã®æ¥åè²ãå¼·ãæ¯è¼çä¸è¬ã¦ã¼ã¶ã¼ã«ã¯é¦´æã¿ãèãã¨ãããã¨ããããã®ã®ãä¸è¬ã¦ã¼ã¶ã¼ãèªåã®ããã°ãåµä½æ´»åã«ãä¸è³ªãªåçç´ æãå©ç¨ãããã¨ããéè¦ã¯å°ãªããªãã¨æãã¾ãã GoogleãMicrosoftã§ã¯èªç¤¾ãµã¼ãã¹ã®ä»å 価å¤ãé«ããä¸ç°ã¨ãã¦ããã®ãããªã¹ããã¯ãã©ãã®ç¡ææä¾ãè¡ãªã£ã¦ãããä¸è¬ã¦ã¼ã¶ã¼ã«ã¨ã£ã¦ã¯é常ã«ãå¾ãªæ å ±ãªã®ã§ç´¹ä»ãã¦ã¿ããã¨æãã¾ãã ã¾ãã¯Googleããã§ããããã¡ãã¯Googleãã©ã¤ãã«çµ±åããã¦ããGoogle Docsããå©ç¨ã§ããããã«ãªã£ã¦ãã¾ãã Google Docsã§ããã¥ã¡ã³ããä½æãç»åæ¿å ¥ãã
ããã©ãã·ã§ããã»ãã¤ã¢ã¤ãã¼ãã®æ°çè¨äºã§ãããã©ãã·ã§ããããã¶ã¤ã³ããã®ããã¦ã§ããµã¤ãã2009å¹´ï¼æåµå以æ¥ã3800ãè¶ ããã³ã³ãã³ããæ´æ°ãã¦ãã¾ããããªã¼ãã©ã³ããªã©ã®ç¡æãã¶ã¤ã³ç´ æï¼é è²ãWebå¶ä½ã¨ãã£ãææ°ãã¬ã³ããå ¬éä¸ã
ããã©ãã·ã§ããã»ãã¤ã¢ã¤ãã¼ãã®æ°çè¨äºã§ãããã©ãã·ã§ããããã¶ã¤ã³ããã®ããã¦ã§ããµã¤ãã2009å¹´ï¼æåµå以æ¥ã3800ãè¶ ããã³ã³ãã³ããæ´æ°ãã¦ãã¾ããããªã¼ãã©ã³ããªã©ã®ç¡æãã¶ã¤ã³ç´ æï¼é è²ãWebå¶ä½ã¨ãã£ãææ°ãã¬ã³ããå ¬éä¸ã
Illustrator ã使ãå§ããã«ããã£ã¦ã®ãäºåç¥èãåºæ¬æä½ãã¾ã¨ãã¦ã¿ã¾ãããIllustrator ã£ã¦ç°¡åã§ã¯ãªãã¨æããã§ããã©ãWebãã¶ã¤ãã¼ãªã使ãããªãããã½ããã¦ã§ã¢ã®ã²ã¨ã¤ã§ããããããããWebãã¶ã¤ã³ã§ Illustrator ã使ã£ã¦ã¿ããã¨ãã人ããå°ãã§ã Illustrator ã«è¦ªããã§ãããã°ãããªã¼ã¨æã£ã¦æ¸ãã¾ããã ç§ã¯ãã¤ã Webå¶ä½ã®æã«ã¯ãPhotoshop 㨠Illustrator ã使ã£ã¦ãã¾ãããã£ã¨åãWebãã¶ã¤ã³ãåå¼·ãã¯ãããé ãç§ã¯ Illustrator ããå ã«ãã¾ã Photoshop ãã使ãå§ãã¾ãããããã¦ãã®ãã¨åã㦠Illustrator ã«è§¦ã£ãã¨ããPhotoshop ãããã¨ã£ã¦ãé£ããæãã¦ãåºæ¬æä½ããªããªãè¦ããããªãã£ãæ³ãåºãããã¾ãã ãã¡ãã ãã¸ã§æ²ç· ã ãã¹ ãªã©ãIll
ç°¡åã«ä½ããï¼ã¿ããªå¤§å¥½ãå¯å¤ã°ãªãã å æ¥è©±é¡ã«ãªã£ã¦ããããªãã ããï¼ï¼ãNHKã¹ã¿ã¸ãªãã¼ã¯ãã®ã¬ã¹ãã³ã·ãã»ã¦ã§ããã¶ã¤ã³ãåã¾ããã¬ã¹ãã³ã·ãï¼ï¼ãã§ç´¹ä»ããã¦ããNHKã¹ã¿ã¸ãªãã¼ã¯ã®ã¬ã¹ãã³ã·ããã¶ã¤ã³ã ãã¡ãã®ãµã¤ãããã©ã°ã¤ã³ã使ã£ã¦ã¨ã¦ãã·ã³ãã«ã«ä½ããã¦ãã¾ãããã¬ã¤ããã®ã·ã³ãã«ããä¼ãããã¦ãããããã¦ãã¾ããããã£ããããããããã®ã§ã©ããªä½ãæ¹ããã¦ããã®ããµã³ãã«ã交ãã¦ç´¹ä»ãã¾ãã ã¾ãã¯ãã¡ãã®ãã¢ã御覧ãã ããã åã¾ããã¬ã¹ãã³ã·ããã¶ã¤ã³ãªãµã¤ãã㢠使ããã¦ããã®ã¯jQuery Masonryã¨ãããã©ã°ã¤ã³ã ï¼ @planetofgoriããã®ããã°ã§ç´¹ä»ããã¦ããããã«ãjQuery Masonryã¨ãããã©ã°ã¤ã³ã使ããã¦ãã¾ãããã®ãã©ã°ã¤ã³ãã£ãæ°è¡ã§NHKã®ãµã¤ãã®ãããªå¯å¤ã°ãªããã¬ã¤ã¢ã¦ããä½ãã¦ãã¾ãã¾ããå¯å¤ã°ãªããã®ã¬ã¤ã¢
å½ãµã¤ãã§ããã¯ã¹ãã£ããã¿ã¼ã³ãªã©ãç´ æã¨ãã¦ç´¹ä»ãã¾ããããã¦ã³ãã¼ããã¦æºè¶³ããã ãã§ãªããã©ã®ããã«ä½¿ããã大åã§ãã ãã¯ã¹ãã£ããã¿ã¼ã³ãå¹æçã«ä½¿ã£ãå®ä¾ãè¦ãªããããã®ä½¿ãæ¹ãç´¹ä»ãã¾ãã The What, Why and How of Textures in Web Design ä¸è¨ã¯åãã¤ã³ããæ訳ãããã®ã§ãã 1. ãã¤ãºã®ãã¯ã¹ã㣠2. ãªã¢ã«ã«ããããã®ãã¯ã¹ã㣠3. ãã¸ã¥ã¢ã«å¹æãä¸ãããã¯ã¹ã㣠4. ãã¼ã³ãå°è±¡ãæ確ã«ãããã¯ã¹ã㣠5. ã·ã³ãã«ãªãã¯ã»ã«ãã¿ã¼ã³ã®ç¹°ãè¿ã 6. 大ããªã¤ã³ãã¯ããä¸ãããã¿ã¼ã³ 1. ãã¤ãºã®ãã¯ã¹ã㣠ãã¤ãºã®ãã¯ã¹ãã£ã¯æè¿ã®ã¦ã§ããã¶ã¤ã³ã§ã¨ã¦ã人æ°ãããã¾ããããã¯èæ¯ãããã¿ã³ã¾ã§ããããããã¶ã¤ã³ã»ã¨ãã©ã®ã¨ã¬ã¡ã³ãã«ããããã¾ãã ãã¤ãºã®ä½¿ãæ¹ã¯ä½¿ãå ´æã«ä¾åãã¾ãããè¯ããã¤ãºã¨ããã®ã¯ã±
WEBå±ãåä¹ã£ã¦ä»äºããã以ä¸ãä½æ¥å¹çãèããäºã¯å¿ è¦æä½éã®åªåã ã¨è¨ãã話ã¯ä½åº¦ããã®ããã°ã§ãããã¦é ãã¦ãã¾ããã ã¾ãããããã¶ã£ã¡ããä½ãèªåã«ã¨ã£ã¦ä½æ¥å¹çã«ç¹ãããã¯ãã£ã¦ã¿ãªãã¨åãããªãã§ããããä½æ¥æéã®è¦ç´ããããã ãã§å¹çåã«ç¹ãããããããªãã§ããããã¼ã«ããã£ã¨ä½¿ãããªããã¨ã ã£ããããã§ãããããã³ãã¥ãã±ã¼ã·ã§ã³ãåæ»ã«ãããã¨ã§ä½æ¥å¹çã«ã¤ãªãããã¨ãä½ãä¸çªå¹çåã«ç´çµãããã¯äººããããã ã¨æãã¾ãã ãã ãä½åº¦ããã®ãµã¤ãã§ãWEBãµã¤ããä½ãä¸ã§ä¾¿å©ãããªã¸ã§ãã¬ã¼ã¿ã¼ã®åå¨ãå ±æããã¦é ãã¦ãã¾ãããããããããã¼ã«ã¯ç¥ã£ã¦ãã®ã¨ç¥ããªãã®ã¨ã§ãã¯ã大ããªå·®ãåºã¦ãããã¨ã¯ãã£ã±ãå¤ãã¨æãã¾ããç¹ã«æè¿ã¯WEBã«å¼·ãã¯ã©ã¤ã¢ã³ãã®åå¨ãç®ç«ã£ã¦ãã¦ãèªåã ããããªããã客ããã«ã¨ã£ã¦ãããããããããã©ã¹ã«ãªãã¸ã§ãã¬ã¼ã¿ã¼ã®é¡ãå¤ãããã
ã¯ã¼ããã¬ã¹ããTumblrã§éè¨ãããããã°ãå¤ãã¨ããããç¨ãä¸çä¸ï¼ä¸»ã«è±èªåï¼ã§å¤§äººæ°ã®Tumblrãæ¥æ¬ã§ã¯ã¾ã ã¾ã 使ã£ã¦ãã人ãéããã¦ããæ°ããã¾ãããTumblrã®é åã®ä¸ã¤ãèªç±èªå¨ã«ãã¶ã¤ã³ã§ãããã¼ãï¼ãã³ãã¬ã¼ãï¼ãä»åã¯ãããä¸ããéãã極ä¸ãªTumblrã®ãã¼ãéãç´¹ä»ãã¾ãããããªã«èªç±ã«ç´ æµãªãã¶ã¤ã³ãã§ãããªããã¡ãã£ã¨ä½¿ã£ã¦ã¿ãããªã人ãå¤ãããããã¾ããã â SEO Japan Tumblrã¯ç´ æ´ããããã¤ã¯ãããã°ï¼å ±æãã©ãããã©ã¼ã ã ãè¨äºãæ¸ãã®ãæ軽ã ããåçããããªãä»äººã®è¨èããªã³ã¯ãç°¡åã«å ±æã§ãããå ¨ã¦ããã¹ãã£ã³ã°ãããããã·ã¥ãã¼ãããä¸æ¬ç®¡çã§ããã®ãé åã ã ã¯ã¼ããã¬ã¹ã®ãããªç¬èªãã¹ãã£ã³ã°ã®ã½ãªã¥ã¼ã·ã§ã³ã好ã人ãããããã ããTumblrã®ç°¡æã â ã¡ã³ããã³ã¹ããã¹ãã£ã³ã°è²»ãã»ã¨ãã©å¿ è¦ãªã â ãå¤ãã®äººã«ã¨
ãã¸ãã¹ã«ãããã¦ã¼ã¶ã¼ã¤ã³ã¿ã¼ãã§ã¤ã¹(UI) ããã¦ã¼ã¶ã¼ã¨ã¯ã¹ããªã¨ã³ã¹(UX)ã®éè¦æ§ãé »ç¹ã«èªãããäºãå¤ãã Webãµã¤ããã¢ããªããå§ã¾ããèªå販売æ©ãå¸å£²æ©ãè»ã®ããã·ã¥ãã¼ãããã¬ãããã¤ã¬ãã¨ã¬ãã¼ã¿ã¼ã®ãã¿ã³é ç½®ã«è³ãã¾ã§ãâã¦ã¼ã¶ããªãã£ã¼âã¨è¡¨ç¾ããã â使ããããâ ã®å¤§åãã注ç®ãæµ´ã³ã¦ããã ããã¦ããã®ä½¿ãæããçã¿åºãæåã®å ¥ãå£ãã¤ã³ã¿ã¼ãã§ã¤ã¹ã§ããã ã¤ã³ã¿ã¼ãã§ã¤ã¹ã¨ã¯ãããã¨ããã¤ã¹ã¨ã®åæ»ãªã³ããã¥ã±ã¼ã·ã§ã³ãéæããããã®åªä»å½¹ã§ãããæä½æ§ã使ãæããå°è±¡ã¥ããç¹ã§ã¯ã½ãããããã¤ã¹ã®æåãæãå·¦å³ãããå¯ä¸ç¡äºã®åå¨ã§ããã ä»ããèããªãUIï¼ã¦ã¼ã¶ã¼ã¤ã³ã¿ã¼ãã§ã¼ã¹) ã®åºæ¬ æçµçãªã¤ã³ã¿ã¼ãã§ã¤ã¹ã®ä»äºã¯ âã¦ã¼ã¶ã¼ã´ã¼ã« + ãã¸ãã¹ã´ã¼ã«ã®éæâã§ãããã©ããªã«è¯ããããã¯ããä½ã£ã¦ãæ£ããæ¹åã«ã¦ã¼ã¶ã¼ãå°ãããã¸ãã¹ã¨ã
ããã©ãã·ã§ããã»ãã¤ã¢ã¤ãã¼ãã®æ°çè¨äºã§ãããã©ãã·ã§ããããã¶ã¤ã³ããã®ããã¦ã§ããµã¤ãã2009å¹´ï¼æåµå以æ¥ã3800ãè¶ ããã³ã³ãã³ããæ´æ°ãã¦ãã¾ããããªã¼ãã©ã³ããªã©ã®ç¡æãã¶ã¤ã³ç´ æï¼é è²ãWebå¶ä½ã¨ãã£ãææ°ãã¬ã³ããå ¬éä¸ã
é»éæ¯ï¼1:1.6180ï¼ããã¼ã¹ã«ä½æãããã°ãªããã使ã£ããã¦ã§ããã¼ã¸ã®ã¬ã¤ã¢ã¦ãã«å½¹ç«ã¤ãã³ãã¬ã¼ãã¨ãã¼ã«ãç´¹ä»ãã¾ãã The Golden Grid [ad#ad-2] The Golden Gridã®ä»çµã¿ The Golden Gridã®ã»ããå 容 The Golden Gridã®ä»çµã¿ ãThe Golden Gridãã¯960 Grid Systemã«æ°´å¹³æ¹åã®ã¬ã¤ããå ãããã®ã§ãã°ãªãããæ§æããã«ã©ã ã¨æºãé»éæ¯ãã¼ã¹ã«ãããã®ã§ãã é»éæ¯ã«ã¤ãã¦ã¯ä»¥åã®è¨äºã§å°ãåãä¸ãã¾ããã é»éæ¯ããµã¤ãã®ãã¶ã¤ã³ã«åãå ¥ããç°¡åãª3ã¤ã®æ¹æ³ ãThe Golden Gridãã¯é·æ¹å½¢ã®å¹ ã¨é«ãï¼a/bï¼ãé»éæ¯ï¼1.6180ï¼ããã¼ã¹ã«æ§æããã¦ããããã¼ã¸ã³ã®æ¨ªã¨ç¸¦ï¼x/yï¼ãé»éæ¯ããã¼ã¹ã«ãã¦ãã¾ãã
ããã©ãã·ã§ããã»ãã¤ã¢ã¤ãã¼ãã®æ°çè¨äºã§ãããã©ãã·ã§ããããã¶ã¤ã³ããã®ããã¦ã§ããµã¤ãã2009å¹´ï¼æåµå以æ¥ã3800ãè¶ ããã³ã³ãã³ããæ´æ°ãã¦ãã¾ããããªã¼ãã©ã³ããªã©ã®ç¡æãã¶ã¤ã³ç´ æï¼é è²ãWebå¶ä½ã¨ãã£ãææ°ãã¬ã³ããå ¬éä¸ã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}