{"id":67221,"date":"2022-08-13T09:35:47","date_gmt":"2022-08-13T07:35:47","guid":{"rendered":"http:\/\/rmarketingdigital.com\/?p=67221"},"modified":"2019-10-11T14:54:41","modified_gmt":"2019-10-11T17:54:41","slug":"principios-basicos-diseno-web","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/","title":{"rendered":"Grundprinzipien des WEB-Designs"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Inhaltsverzeichnis umschalten\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Umschalten<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/#Diseno-web-responsivo-vs-adaptativo\" >Responsive Webdesign vs. adaptiv<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/#El-flujo\" >Der Fluss<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/#Unidades-relativas\" >Relative Einheiten<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/#Puntos-de-corte\" >Schnittpunkte<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/#Valores-maximos-y-minimos\" >Maximal- und Minimalwerte<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/#Objetos-anidados\" >Verschachtelte Objekte<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/#Movil-o-escritorio-primero\" >Zuerst mobil oder Desktop<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/#Webfonts-vs-fuentes-del-sistema\" >Webfonts vs Systemfonts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/#Imagenes-de-mapa-de-bits-vs-vectores\" >Bitmap gegen Vektorbilder<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/#Podemos-mejorar-tu-presencia-online\" >Wir k\u00f6nnen Ihre Online-Pr\u00e4senz verbessern<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/#%C2%BFTe-ayudamos-con-el-diseno-de-tu-web\" >K\u00f6nnen wir Ihnen bei der Gestaltung Ihrer Website helfen?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<p>Responsive Webdesign ist eine gro\u00dfartige L\u00f6sung f\u00fcr unser Multi-Screen-Problem, aber aus Drucksicht ist es schwierig, darauf zuzugreifen. Keine feste Seitengr\u00f6\u00dfe, keine Millimeter oder Zoll, keine physischen Einschr\u00e4nkungen zum K\u00e4mpfen. Design in Pixel nur f\u00fcr Desktops und mobile Ger\u00e4te <strong>ist die Vergangenheit<\/strong>da immer mehr Ger\u00e4te eine Website \u00f6ffnen k\u00f6nnen. Lassen Sie uns einige Grundprinzipien des reaktionsschnellen Webdesigns erl\u00e4utern.<\/p>\n<h3 id=\"responsivevsadaptivewebdesign\"><span class=\"ez-toc-section\" id=\"Diseno-web-responsivo-vs-adaptativo\"><\/span><span class=\"\">Responsive Webdesign vs. adaptiv<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Es mag gleich erscheinen, ist es aber nicht. Beide Ans\u00e4tze erg\u00e4nzen sich, daher gibt es keinen richtigen oder falschen Weg, dies zu tun.\u00a0<span class=\"\">Lassen Sie den Inhalt entscheiden.<\/span><br \/>\n<img alt='01_responsive-vs-adaptive-2560979-6412223-2522757' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/01_Responsive-vs-Adaptive-2560979-6412223-2522757.gif' \/><\/p>\n<h3 id=\"theflow\"><span class=\"ez-toc-section\" id=\"El-flujo\"><\/span>Der Fluss<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wenn die Bildschirmgr\u00f6\u00dfe kleiner wird, nimmt der Inhalt mehr vertikalen Platz ein und alles darunter wird nach unten gedr\u00fcckt. Dies wird als Flow bezeichnet. Es kann schwierig sein zu verstehen, ob Sie es gewohnt sind, mit Pixeln und Punkten zu entwerfen, aber es ist absolut sinnvoll, wenn Sie sich daran gew\u00f6hnen.<br \/>\n<img alt='04_flow-vs-static-2-2260556-8163081-9226470' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/04_Flow-vs-Static-2-2260556-8163081-9226470.gif' \/><\/p>\n<h3 id=\"relativeunits\"><span class=\"ez-toc-section\" id=\"Unidades-relativas\"><\/span>Relative Einheiten<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Die Leinwand kann ein Desktop, ein mobiler Bildschirm oder etwas dazwischen sein. Die Pixeldichte kann ebenfalls variieren, daher ben\u00f6tigen wir Einheiten, die flexibel sind und \u00fcberall funktionieren. Hier bieten sich relative Einheiten wie Prozents\u00e4tze an. Wenn Sie also etwas mit einer Breite von 50% tun, nimmt es immer die H\u00e4lfte des Bildschirms ein (oder das Ansichtsfenster, das der Gr\u00f6\u00dfe des ge\u00f6ffneten Browserfensters entspricht).<br \/>\n<img alt='02_relative-Einheiten-vs-statische-Einheiten-1-2595332-5583262-6295074' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/02_Relative-Units-vs-Static-Units-1-2595332-5583262-6295074.gif' \/><\/p>\n<h3 id=\"breakpoints\"><span class=\"ez-toc-section\" id=\"Puntos-de-corte\"><\/span>Schnittpunkte<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Mit Haltepunkten kann das Layout an vordefinierten Punkten ge\u00e4ndert werden, dh mit 3 Spalten auf einem Desktop, aber nur 1 Spalte auf einem mobilen Ger\u00e4t. Die meisten CSS-Eigenschaften k\u00f6nnen von einem Haltepunkt zu einem anderen ge\u00e4ndert werden. Normalerweise h\u00e4ngt es vom Inhalt ab, wo Sie einen platzieren. Wenn ein Satz gebrochen ist, m\u00fcssen Sie m\u00f6glicherweise einen Haltepunkt hinzuf\u00fcgen.\u00a0<span class=\"\">Aber Vorsicht: Es kann schnell chaotisch werden, wenn es schwer zu verstehen ist, was was beeinflusst.<\/span><br \/>\n<img alt='03_mit-Haltepunkten-gegen-ohne-Haltepunkte-1-4234952-9150258-6358328' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/03_With-Breakpoints-vs-Without-Breakpoints-1-4234952-9150258-6358328.gif' \/><\/p>\n<h3 id=\"maxandminvalues\"><span class=\"ez-toc-section\" id=\"Valores-maximos-y-minimos\"><\/span>Maximal- und Minimalwerte<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Manchmal ist es gro\u00dfartig, dass sich Inhalte \u00fcber die gesamte Breite eines Bildschirms erstrecken, wie auf einem mobilen Ger\u00e4t, aber es ist oft weniger sinnvoll, denselben Inhalt \u00fcber die gesamte Breite Ihres Fernsehbildschirms zu haben. Deshalb helfen die Min \/ Max-Werte. Zum Beispiel w\u00fcrde eine Breite von 100% und eine maximale Breite von 1000 px bedeuten, dass der Inhalt den Bildschirm ausf\u00fcllt, jedoch 1000 px nicht \u00fcberschreitet.<br \/>\n<img alt='07_max-width-vx-no-max-width-1-4127308-7517702-8503115' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/07_Max-width-vx-No-max-width-1-4127308-7517702-8503115.gif' \/><\/p>\n<h3 id=\"nestedobjects\"><span class=\"ez-toc-section\" id=\"Objetos-anidados\"><\/span>Verschachtelte Objekte<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Erinnerst du dich an die relative Position? Es w\u00e4re schwierig, viele Gegenst\u00e4nde voneinander abh\u00e4ngig zu machen. Daher ist es viel verst\u00e4ndlicher, ordentlicher und ordentlicher, die Gegenst\u00e4nde in einen Beh\u00e4lter zu wickeln. Hier k\u00f6nnen statische Einheiten wie Pixel helfen. Sie sind n\u00fctzlich f\u00fcr Inhalte, die Sie nicht skalieren m\u00f6chten, z. B. Logos und Schaltfl\u00e4chen.<br \/>\n<img alt='05_nested-vs-not-nested-1-5519516-6082939' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/05_Nested-vs-Not-Nested-1-5519516-6082939.gif' \/><\/p>\n<h3 id=\"mobileordesktopfirst\"><span class=\"ez-toc-section\" id=\"Movil-o-escritorio-primero\"><\/span>Zuerst mobil oder Desktop<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Technisch macht es keinen gro\u00dfen Unterschied, ob ein Projekt von einem kleineren Bildschirm zu einem gr\u00f6\u00dferen (zuerst mobil) oder umgekehrt (zuerst Desktop) startet. Die Zukunft sind jedoch mobile Ger\u00e4te. <span class=\"\">Menschen beginnen oft an beiden Enden gleichzeitig, sodass Sie wirklich sehen m\u00fcssen, was f\u00fcr Sie am besten funktioniert.<\/span><br \/>\n<img alt='08_desktop-first-vs-mobile-first-3-6872596-3774771' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/08_Desktop-first-vs-Mobile-first-3-6872596-3774771.gif' \/><\/p>\n<h3 id=\"webfontsvssystemfonts\"><span class=\"ez-toc-section\" id=\"Webfonts-vs-fuentes-del-sistema\"><\/span>Webfonts vs Systemfonts<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Willst du eine haben <em>Zukunft<\/em> oder <em>Didot<\/em> cool auf deiner Website aussehen? Verwenden Sie Webfonts! Obwohl sie beeindruckend aussehen werden, denken Sie daran, dass jeder heruntergeladen wird und je mehr Sie auf Ihrer Website haben, desto l\u00e4nger dauert das Laden der Seite. Systemschriftarten sind dagegen sehr schnell, au\u00dfer wenn der Benutzer sie nicht lokal hat, wird auf eine Standardschriftart zur\u00fcckgegriffen.<br \/>\n<img alt='06_system-fonts-vs-webfonts-1-3780437-6962845-8002179' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/06_System-fonts-vs-Webfonts-1-3780437-6962845-8002179.gif' \/><\/p>\n<h3 id=\"bitmapimagesvsvectors\"><span class=\"ez-toc-section\" id=\"Imagenes-de-mapa-de-bits-vs-vectores\"><\/span>Bitmap gegen Vektorbilder<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Hat Ihr Symbol viele Details und einige ausgefallene Effekte? Wenn ja, verwenden Sie eine Bitmap.\u00a0<span class=\"goog-text-highlight\">Wenn nicht, sollten Sie ein Vektorbild verwenden.\u00a0<\/span>Verwenden Sie f\u00fcr Bitmaps ein JPG, PNG oder GIF. F\u00fcr Vektoren ist die beste Wahl eine SVG- oder Symbolschriftart. Jeder hat einige Vor- und Nachteile. Betrachten wir jedoch die Gr\u00f6\u00dfe: Kein Bild sollte ohne Optimierung online sein. Eine Seite mit sehr schweren Fotos, die nicht nur die Benutzererfahrung verschlechtert, sondern auch Ihre <a href=\"http:\/\/rmarketingdigital.com\/de\/10-factores-esenciales-de-posicionamiento-seo-que-podrian-ayudarte\/\">organische Positionierung<\/a> betroffen. Vektoren hingegen sind oft klein, aber einige \u00e4ltere Browser unterst\u00fctzen dies nicht. Wenn Sie viele Kurven haben, kann diese auch schwerer als eine Bitmap sein. W\u00e4hlen Sie sie also mit Bedacht aus.<br \/>\n<img alt='09_vectors-vs-images-1-3542187-9736235-5637981' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/09_Vectors-vs-Images-1-3542187-9736235-5637981.gif' \/><\/p>\n\n\t\t<div id=\"fws_6ab3192edcc65\"  data-column-margin=\"default\" data-midnight=\"dark\" data-top-percent=\"5%\" data-bottom-percent=\"5%\"  class=\"wpb_row vc_row-fluid vc_row full-width-section has-row-bg-color\"  style=\"padding-top: calc(100vw * 0.05); padding-bottom: calc(100vw * 0.05); --row-bg-color: #ffffff;\"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop using-bg-color\"  style=\"background-color: #ffffff; \"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div id=\"fws_6ab3192ee1ece\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  center\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding\"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-gradient-text\" data-direction=\"diagonal\" data-color=\"extra-color-gradient-1\" style=\"\"><h2><span class=\"ez-toc-section\" id=\"Podemos-mejorar-tu-presencia-online\"><\/span>Wir k\u00f6nnen Ihre Online-Pr\u00e4senz verbessern<span class=\"ez-toc-section-end\"><\/span><\/h2><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_6ab3192ee2a7c\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-section has-row-bg-color\"  style=\"padding-top: 60px; padding-bottom: 0px; --row-bg-color: #f2f2f2;\"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop using-bg-color\"  style=\"background-color: #f2f2f2; \"><\/div><\/div><\/div><div class=\"nectar-shape-divider-wrap\" style=\" height:80px;\"  data-height=\"80\" data-front=\"\" data-style=\"curve\" data-position=\"top\" ><svg class=\"nectar-shape-divider\" aria-hidden=\"true\" fill=\"#ffffff\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\"> <path d=\"M 0 0 c 0 0 200 50 500 50 s 500 -50 500 -50 v 101 h -1000 v -100 z\"><\/path> <\/svg><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div style=\" color: #ffffff;\" class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding\" data-cfc=\"true\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" style=\"transform:  translateY(-50%);\">\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div id=\"fws_6ab3192ee326d\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  translate_y_-50pct\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div style=\" color: #ffffff;margin-top: 15px; \" class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column centered-text has-animation padding-5-percent\" data-cfc=\"true\" data-using-bg=\"true\" data-shadow=\"x_large_depth\" data-border-radius=\"20px\" data-padding-pos=\"all\" data-has-bg-color=\"true\" data-bg-color=\"#ff1053\" data-bg-opacity=\"1\" data-animation=\"flip-in-vertical\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" ><div class=\"column-bg-overlay-wrap column-bg-layer\" data-bg-animation=\"none\"><div class=\"column-bg-overlay\" style=\"opacity: 1; background-color: #ff1053;\"><\/div><\/div>\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 15px;\" class=\"divider\"><\/div><\/div><h3 style=\"text-align: center;font-family:Nunito;font-weight:700;font-style:normal\" class=\"vc_custom_heading vc_do_custom_heading\" ><span class=\"ez-toc-section\" id=\"%C2%BFTe-ayudamos-con-el-diseno-de-tu-web\"><\/span><a href=\"https:\/\/m.me\/rmarketingdigital\">K\u00f6nnen wir Ihnen bei der Gestaltung Ihrer Website helfen?<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><a class=\"nectar-button large see-through-2\"  role=\"button\" style=\"margin-top: 30px; margin-bottom: 1px; border-color: #ffffff; color: #ffffff;\" target=\"_blank\" href=\"https:\/\/m.me\/rmarketingdigital\" data-color-override=\"#ffffff\"  data-hover-color-override=\"#ffffff\" data-hover-text-color-override=\"#000000\"><span>Fordern Sie ein Angebot an<\/span><\/a><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 15px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>El dise\u00f1o web responsivo es una gran soluci\u00f3n para nuestro problema de pantallas m\u00faltiples, pero es dif\u00edcil acceder a \u00e9l desde la perspectiva de la impresi\u00f3n. Sin tama\u00f1o de p\u00e1gina&#8230;<\/p>","protected":false},"author":1,"featured_media":67222,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[640],"tags":[],"class_list":["post-67221","post","type-post","status-publish","format-standard","has-post-thumbnail","category-webs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Principios b\u00e1sicos del dise\u00f1o WEB - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"El dise\u00f1o web responsivo es una gran soluci\u00f3n para nuestro problema de pantallas m\u00faltiples, pero es dif\u00edcil acceder a \u00e9l desde la perspectiva de la\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Principios b\u00e1sicos del dise\u00f1o WEB\" \/>\n<meta property=\"og:description\" content=\"El dise\u00f1o web responsivo es una gran soluci\u00f3n para nuestro problema de pantallas m\u00faltiples, pero es dif\u00edcil acceder a \u00e9l desde la perspectiva de la\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-13T07:35:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/Principios-del-dise\u00f1o-web.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"940\" \/>\n\t<meta property=\"og:image:height\" content=\"788\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Principios b\u00e1sicos del dise\u00f1o WEB\",\"datePublished\":\"2022-08-13T07:35:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/\"},\"wordCount\":1286,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/Principios-del-dise\u00f1o-web.jpg\",\"articleSection\":[\"Webs\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/\",\"name\":\"Principios b\u00e1sicos del dise\u00f1o WEB - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/Principios-del-dise\u00f1o-web.jpg\",\"datePublished\":\"2022-08-13T07:35:47+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"El dise\u00f1o web responsivo es una gran soluci\u00f3n para nuestro problema de pantallas m\u00faltiples, pero es dif\u00edcil acceder a \u00e9l desde la perspectiva de la\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/Principios-del-dise\u00f1o-web.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/Principios-del-dise\u00f1o-web.jpg\",\"width\":940,\"height\":788,\"caption\":\"principios del dise\u00f1o web\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Principios b\u00e1sicos del dise\u00f1o WEB - R Marketing Digital","description":"Responsive Webdesign ist eine gro\u00dfartige L\u00f6sung f\u00fcr unser Multi-Screen-Problem, aber aus der Sicht des ist es schwierig, darauf zuzugreifen","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/","og_locale":"de_DE","og_type":"article","og_title":"Principios b\u00e1sicos del dise\u00f1o WEB","og_description":"El dise\u00f1o web responsivo es una gran soluci\u00f3n para nuestro problema de pantallas m\u00faltiples, pero es dif\u00edcil acceder a \u00e9l desde la perspectiva de la","og_url":"https:\/\/rmarketingdigital.com\/de\/bahnen\/principios-basicos-diseno-web\/","og_site_name":"R Marketing Digital","article_published_time":"2022-08-13T07:35:47+00:00","og_image":[{"width":940,"height":788,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/Principios-del-dise\u00f1o-web.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Principios b\u00e1sicos del dise\u00f1o WEB","datePublished":"2022-08-13T07:35:47+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/"},"wordCount":1286,"image":{"@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/Principios-del-dise\u00f1o-web.jpg","articleSection":["Webs"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/","url":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/","name":"Principios b\u00e1sicos del dise\u00f1o WEB - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/Principios-del-dise\u00f1o-web.jpg","datePublished":"2022-08-13T07:35:47+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Responsive Webdesign ist eine gro\u00dfartige L\u00f6sung f\u00fcr unser Multi-Screen-Problem, aber aus der Sicht des ist es schwierig, darauf zuzugreifen","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/Principios-del-dise\u00f1o-web.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/Principios-del-dise\u00f1o-web.jpg","width":940,"height":788,"caption":"principios del dise\u00f1o web"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digitales Marketing","description":"SEO Agentur | Werbung f\u00fcr soziale Netzwerke | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digitales Marketing","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/67221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/comments?post=67221"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/67221\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media\/67222"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media?parent=67221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/categories?post=67221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/tags?post=67221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}