{"id":6500,"date":"2025-07-09T17:37:02","date_gmt":"2025-07-09T14:37:02","guid":{"rendered":"https:\/\/masterbase.com\/es\/es\/es\/es\/es\/?p=6500"},"modified":"2025-07-10T22:34:32","modified_gmt":"2025-07-10T19:34:32","slug":"reaguojancio-dizaino-patarimai-ir-aspektai","status":"publish","type":"post","link":"https:\/\/masterbase.com\/lt\/diseno-responsivo-consejos-y-consideraciones\/masterbase\/","title":{"rendered":"Jautrusis dizainas: patarimai ir pastabos"},"content":{"rendered":"

Prisitaikantis dizainas yra labai svarbus norint, kad j\u016bs\u0173 el. pa\u0161to rinkodaros kampanijos tur\u0117t\u0173 tikr\u0105 poveik\u012f. Reikia ne tik u\u017etikrinti, kad j\u016bs\u0173 prane\u0161imai atrodyt\u0173 gerai, bet ir kad jie efektyviai veikt\u0173 visuose \u012frenginiuose.<\/p>\n

\u0160iandien, kai daugiau nei 80% el. lai\u0161k\u0173 atidaroma mobiliuosiuose telefonuose arba plan\u0161etiniuose kompiuteriuose, jei j\u016bs\u0173 el. lai\u0161kai n\u0117ra optimizuoti, jie papras\u010diausiai nebus perskaityti.<\/p>\n

Kas yra prisitaikantis dizainas?<\/h2>\n

Tai dizainas, optimizuotas bet kokiam \u012frenginiui - telefonui, kompiuteriui ar plan\u0161etiniam kompiuteriui, nes jis prisitaiko prie \u012fvairi\u0173 ekrano rezoliucij\u0173, o tai ypa\u010d naudinga did\u0117jant mobiliesiems \u012frenginiams pritaikyto turinio poreikiui. Jis naudojamas ir svetain\u0117ms, ir prane\u0161imams kurti.<\/p>\n

Prisitaikantys (arba adaptyv\u016bs) dizainai taip pat yra lengviau prieinami, tod\u0117l prenumeratoriai gali skaityti savo pageidaujamame \u012frenginyje arba keliaudami.<\/p>\n

Jie kuriami konfig\u016bruojant du CSS kodo sluoksnius. Vienas sluoksnis r\u016bpinasi rodymu staliniuose kompiuteriuose, t. y. tuo, k\u0105 matyt\u0173 \"Outlook\" programoje prane\u0161im\u0105 skaitantis naudotojas. Antrajame CSS sluoksnyje vyksta stebuklingas veiksmas - pridedamas kodas, leid\u017eiantis turin\u012f teisingai rodyti kituose \u012frenginiuose.<\/p>\n

\""Responsive"<\/p>\n

D\u0117l \u0161i\u0173 dviej\u0173 CSS sluoksni\u0173 prane\u0161imai gali b\u016bti rodomi vertikaliai arba horizontaliai, didesni arba ma\u017eesni, vienokio ar kitokio turinio i\u0161d\u0117stymo, bet visada ry\u0161k\u016bs ir ai\u0161k\u016bs, nesvarbu, ar gav\u0117jai juos atidarys darbalaukyje, ar telefone.<\/p>\n

\"Responsive design\" rei\u0161kia, kad el. pa\u0161to turinys automati\u0161kai pritaikomas prie \u012frenginio, kuriame jis per\u017ei\u016brimas, plo\u010dio ir formato - telefono, plan\u0161etinio ar stacionaraus kompiuterio. Tai pasiekiama naudojant specialias kodo strukt\u016bras (daugiausia CSS), kurios leid\u017eia elementus pertvarkyti ir keisti j\u0173 dyd\u012f atsi\u017evelgiant \u012f skaitytojo aplink\u0105.<\/p>\n

Pavyzdys:<\/strong> Mados \u012fmon\u0117, pradedanti el. pa\u0161tu skelbti reklamin\u0119 akcij\u0105, 35% padidino paspaudim\u0173 skai\u010di\u0173, pakeitusi \u0161ablon\u0105 taip, kad rodomi produktai b\u016bt\u0173 tinkamai rodomi i\u0161maniuosiuose telefonuose, su greitai \u012fkeliamais paveiksl\u0117liais ir dideliais jutikliniais mygtukais.<\/p>\n

\"diseno-img01\"<\/p>\n

\u00a0<\/h2>\n

Pagrindiniai patarimai, kaip 2025 m. sukurti i\u0161ties prisitaikant\u012f dizain\u0105<\/strong><\/h2>\n

1. Pirmenyb\u0117 teikiama mobiliesiems \u012frenginiams<\/strong><\/h3>\n

Pirmiausia kurkite mobiliesiems \u012frenginiams, o ne pritaikykite tai, k\u0105 suk\u016br\u0117te darbalaukiui. Naudokite vieno stulpelio strukt\u016br\u0105, \u0161riftus, \u012fskaitomus nuo 14 px, pla\u010dias vidines para\u0161tes (ne ma\u017eiau kaip 16 px) ir bent 48\u00d748 pikseli\u0173 dyd\u017eio lie\u010diamus mygtukus.<\/p>\n

Pavyzdys:<\/strong> Internetini\u0173 kurs\u0173 prenumeratos paslauga padidino konversij\u0173 skai\u010di\u0173 20%, jei mygtukai \"U\u017esiregistruok\" buvo pateikti i\u0161kart po \u012fvadinio teksto, o ne pasl\u0117pti prane\u0161imo pabaigoje.<\/p>\n

2. Neignoruokite plan\u0161etini\u0173 kompiuteri\u0173 dizaino<\/strong><\/h3>\n

Plan\u0161etiniai kompiuteriai kelia unikali\u0173 i\u0161\u0161\u016bki\u0173: dideli ekranai, ta\u010diau s\u0105veika su jais vyksta lie\u010diant. Naudokite ne ma\u017eesnius nei 16 px \u0161riftus ir pasir\u016bpinkite, kad elementai neb\u016bt\u0173 pernelyg arti vienas kito. Tarp teksto blok\u0173 prid\u0117kite \u0161iek tiek daugiau tarpo, kad b\u016bt\u0173 galima geriau skaityti horizontaliai. Dviej\u0173 stulpeli\u0173 paveiksl\u0117liai gali gerai veikti, ta\u010diau j\u0173 dydis tur\u0117t\u0173 b\u016bti kei\u010diamas skland\u017eiai.<\/p>\n

Pavyzdys:<\/strong> Kelioni\u0173 agent\u016bra pagerina naudotojo patirt\u012f, pertvarkydama paskirties viet\u0173 skiltis \u012f du reaguojan\u010dius stulpelius plan\u0161etiniuose kompiuteriuose ir i\u0161laikydama vien\u0105 stulpel\u012f mobiliuosiuose \u012frenginiuose. Tod\u0117l navigacija yra sklandi nepriklausomai nuo \u012frenginio.<\/p>\n

3. Kontroliuoti element\u0173 dyd\u012f ir proporcijas<\/strong><\/h3>\n

Mobiliuosiuose \u012frenginiuose apie visk\u0105 reikia galvoti vertikaliai. Naudokite viso plo\u010dio konteinerius, venkite fiksuot\u0173 lenteli\u0173 ir pakeiskite vaizd\u0173 dyd\u012f iki 100% konteinerio dyd\u017eio. Nenaudokite daugiau nei 2-3 tekst\u0173 hierarchijos lygi\u0173 (antra\u0161\u010di\u0173, paantra\u0161\u010di\u0173, pastraip\u0173), kad i\u0161vengtum\u0117te painiavos.<\/p>\n

Pavyzdys:<\/strong> Elektronin\u0117s prekybos prietais\u0173 ma\u017emenininkas suma\u017eina atmetimo da\u017en\u012f 40%, naudodamas reaguojan\u010dius produkt\u0173 paveiksl\u0117lius ir raginimus atlikti veiksmus, sutelktus \u012f vien\u0105 stulpel\u012f, taip pagerindamas vizualin\u012f sraut\u0105.<\/p>\n

4. Prisitaikantis tamsusis re\u017eimas<\/strong><\/h3>\n

Vis daugiau naudotoj\u0173 savo \u012frenginiuose naudoja tams\u0173j\u012f re\u017eim\u0105. Pasir\u016bpinkite, kad j\u016bs\u0173 el. lai\u0161kas gerai atrodyt\u0173 abiejose aplinkose: naudokite neutralias fono spalvas, venkite visi\u0161kai juodo arba visi\u0161kai balto teksto ir i\u0161bandykite adaptyvius gradientinius fono dizainus.<\/p>\n

Pavyzdys:<\/strong> \"Fintech\", \u012fdiegusi automatines naujienlai\u0161ki\u0173 versijas \u0161viesiam ir tamsiam re\u017eimui, pasteb\u0117jo, kad \"iOS\" ir \"Android\" platformose 18% pager\u0117jo visas lai\u0161k\u0173 skaitymo rodiklis.<\/p>\n

    \n
  1. \n

    5. Dinaminis skyri\u0173 pritaikymas<\/strong><\/h3>\n<\/li>\n<\/ol>\n

    Daug\u0117ja modulinio, prietaisais pagr\u012fsto turinio. \u0160iandien galite si\u0173sti \u0161iek tiek skirtingas el. lai\u0161ko versijas, priklausomai nuo to, ar naudotojas j\u012f atidaro i\u0161 mobiliojo, plan\u0161etinio, ar stacionaraus kompiuterio. Tai leid\u017eia pritaikyti CTA viet\u0105, matomo teksto kiek\u012f ir net blok\u0173 eili\u0161kum\u0105.<\/p>\n

    Pavyzdys:<\/strong> Skaitmenin\u0117 \u017einiasklaida, siun\u010dianti naujienlai\u0161kius, mobiliuosiuose \u012frenginiuose pateikia tik tris skaitomiausius dienos straipsnius, o kompiuteriuose - vis\u0105 santrauk\u0105. Tai pagerino mobiliojo ry\u0161io CTR 42%.<\/p>\n

      \n
    1. CSS mikrointerakcij\u0173 integravimas<\/strong><\/li>\n<\/ol>\n

      \u0160iais metais vis da\u017eniau naudojamos lengvos CSS animacijos (pvz., mygtukai, kei\u010diantys spalv\u0105, arba piktogramos, kurios juda perbraukus pir\u0161tu). Jos netrukdo suderinamumui ir padidina vizualin\u012f patrauklum\u0105.<\/p>\n

      Pavyzdys:<\/strong> Technologij\u0173 pradedan\u010diajai \u012fmonei pavyko padvigubinti savo el. lai\u0161k\u0173 naudojimo laik\u0105, prid\u0117jus nedidelius efektus prie mygtuk\u0173, kuriais raginama i\u0161bandyti nemokam\u0105 demonstracin\u0119 versij\u0105.<\/p>\n

      \u00a0<\/h2>\n

      Kaip \u012fvertinti reaguojan\u010dio dizaino s\u0117km\u0119<\/h2>\n

      Per\u017ei\u016br\u0117kite savo rodiklius lygindami ankstesnes ir dabartines kampanij\u0173 versijas. Atkreipkite d\u0117mes\u012f \u012f mobili\u0173j\u0173 \u012frengini\u0173 atidarymo rodiklius, CTR (paspaudim\u0173 skai\u010di\u0173), vis\u0105 slinkt\u012f ir mygtuk\u0173 paspaudimus. Atmetimo arba atsisakymo nuo prenumeratos rodikliai taip pat atspindi, ar dizainas veikia.<\/p>\n

      Pavyzdys:<\/strong> \u017dmogi\u0161k\u0173j\u0173 i\u0161tekli\u0173 konsultavimo \u012fmon\u0117 atlieka savo kampanij\u0173 A\/B testus ir nustato, kad reaguojantys el. lai\u0161kai padidina dalyvavim\u0105 internetiniuose seminaruose 25%, nes juos galima greitai pasiekti i\u0161 mobili\u0173j\u0173 telefon\u0173.<\/p>\n

      Ar tai tikrai svarbu?<\/h2>\n

      Jei naujienlai\u0161kiai n\u0117ra optimizuoti mobiliesiems \u012frenginiams, jie bus rodomi prastai ir atstums klientus.<\/p>\n

      \u0160iuolaikin\u0117je rinkodaroje reaguojan\u010di\u0173 dizain\u0173 taikymas tampa vis ma\u017eesne galimybe ir vis didesne b\u016btinybe. Jie tapo dar vienu vartotojo l\u016bkes\u010diu. I\u0161 ties\u0173 j\u0173 poreikis i\u0161augo kartu su tuo, kad vis daugiau naudotoj\u0173 prane\u0161imus skaito ne kompiuteryje, o mobiliuosiuose \u012frenginiuose.<\/p>\n

      Per trejus metus i\u0161 mobili\u0173j\u0173 \u012frengini\u0173 atidaryt\u0173 prane\u0161im\u0173 skai\u010dius padid\u0117jo 500%. \u0160is spartus augimas yra labai svarbus. Kai tiek daug \u017emoni\u0173 skaito \u017einutes mobiliuosiuose \u012frenginiuose, b\u016btina, kad pateiktum\u0117te tai, ko jie tikisi.<\/p>\n

      Kas toliau?<\/h2>\n

      Dabar, kai jau \u017einote daugiau apie prisitaikant\u012f dizain\u0105, kas tai yra ir kod\u0117l jis svarbus, metas tai pritaikyti prakti\u0161kai.<\/p>\n

      \u0160i dizaino forma i\u0161lieka ir toliau bus svarbi augimo priemon\u0117, tod\u0117l grafikos dizaineriai privalo \u017einoti, kaip j\u0105 kurti.<\/p>\n

      Jautraus dizaino \u0161ablonai<\/h2>\n

      Nesvarbu, ar turite ma\u017eiau patirties kodavimo srityje, ar neturite daug laiko skirti prane\u0161im\u0173 dizainui, patariame naudoti \u0161ablon\u0105.<\/p>\n

      Prisitaikantis \u0161ablonas leid\u017eia ne tik sukurti prane\u0161im\u0105, kuris automati\u0161kai prisitaiko prie bet kokio dyd\u017eio ekrano, bet ir u\u017etikrina, kad jis b\u016bt\u0173 visi\u0161kai funkcionalus, kad viskas veikt\u0173 taip, kaip tikit\u0117s.<\/p>\n

      Be to, jos sutaupo daug laiko, nes tereikia pasirinkti geriausiai j\u016bs\u0173 poreikius atitinkan\u010di\u0105 ir redaguoti jos turin\u012f.<\/p>\n

      \"MasterBase\u00ae\" si\u016blo daugyb\u0119 reaguojan\u010di\u0173 \u0161ablon\u0173 j\u016bs\u0173 prane\u0161imams. Ta\u010diau jei pageidaujate, galime pad\u0117ti sukurti individual\u0173 \u0161ablon\u0105.<\/p>\n

      I\u0161vada<\/strong><\/h2>\n

      Jautri\u0173 prane\u0161im\u0173 k\u016brimas yra daugiau nei estetinis klausimas - tai tiesiogin\u0117 konversijos priemon\u0117. Prisitaikymas prie mobiliojo turinio vartojimo \u012fpro\u010di\u0173 yra dalis to, kas 2025 m. bus aktualu ir veiksminga. \u0160ablonai, testavimas, nuolatinis optimizavimas ir d\u0117mesys detal\u0117ms lemia skirtum\u0105.<\/p>\n

      Jei ie\u0161kote patikimos platformos, kuri pad\u0117t\u0173 valdyti, automatizuoti ir si\u0173sti kampanijas su reaguojan\u010diais dizainais, MasterBase\u00ae yra geriausias pasirinkimas. Daugiau nei 20 met\u0173 patirt\u012f tarptautin\u0117je rinkoje turinti \u012fmon\u0117 si\u016blo pa\u017eangiausias technologijas, asmenin\u0119 pagalb\u0105 ir j\u016bs\u0173 poreikiams pritaikytus sprendimus.<\/p>\n\n\n

      \"el.<\/a><\/figure>\n\n\n\n

      <\/p>","protected":false},"excerpt":{"rendered":"

      Jautrusis dizainas u\u017etikrina, kad j\u016bs\u0173 el. pa\u0161to rinkodaros kampanijos veikt\u0173 efektyviai ir puikiai atrodyt\u0173 bet kuriame \u012frenginyje.<\/p>","protected":false},"author":239642484,"featured_media":22893,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":false},"categories":[1405],"tags":[],"class_list":["post-6500","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-marketing"],"yoast_head":"\nDise\u00f1o responsivo: Consejos y consideraciones - MasterBase\u00ae<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/masterbase.com\/lt\/reaguojancio-dizaino-patarimai-ir-aspektai\/pagrindine-duomenu-baze\/\" \/>\n<meta property=\"og:locale\" content=\"lt_LT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o responsivo: Consejos y consideraciones - MasterBase\u00ae\" \/>\n<meta property=\"og:description\" content=\"El dise\u00f1o responsivo asegura que tus campa\u00f1as de email marketing funcionen eficazmente y se vean bien en cualquier dispositivo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/masterbase.com\/lt\/reaguojancio-dizaino-patarimai-ir-aspektai\/pagrindine-duomenu-baze\/\" \/>\n<meta property=\"og:site_name\" content=\"MasterBase\u00ae\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-09T14:37:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-10T19:34:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/masterbase.com\/wp-content\/uploads\/2025\/07\/02.png?fit=600%2C450&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alejandro Dur\u00e1n\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alejandro Dur\u00e1n\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minut\u0117s\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/responsive-design-tips-and-considerations\\\/masterbase\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/responsive-design-tips-and-considerations\\\/masterbase\\\/\"},\"author\":{\"name\":\"Alejandro Dur\u00e1n\",\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/#\\\/schema\\\/person\\\/3d21ff79b63b95ca967e019b4c633701\"},\"headline\":\"Dise\u00f1o responsivo: Consejos y consideraciones\",\"datePublished\":\"2025-07-09T14:37:02+00:00\",\"dateModified\":\"2025-07-10T19:34:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/responsive-design-tips-and-considerations\\\/masterbase\\\/\"},\"wordCount\":1441,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/responsive-design-tips-and-considerations\\\/masterbase\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/masterbase.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/02.png?fit=600%2C450&ssl=1\",\"articleSection\":[\"Email Marketing\"],\"inLanguage\":\"lt-LT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/masterbase.com\\\/en\\\/responsive-design-tips-and-considerations\\\/masterbase\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/responsive-design-tips-and-considerations\\\/masterbase\\\/\",\"url\":\"https:\\\/\\\/masterbase.com\\\/en\\\/responsive-design-tips-and-considerations\\\/masterbase\\\/\",\"name\":\"Dise\u00f1o responsivo: Consejos y consideraciones - MasterBase\u00ae\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/responsive-design-tips-and-considerations\\\/masterbase\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/responsive-design-tips-and-considerations\\\/masterbase\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/masterbase.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/02.png?fit=600%2C450&ssl=1\",\"datePublished\":\"2025-07-09T14:37:02+00:00\",\"dateModified\":\"2025-07-10T19:34:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/responsive-design-tips-and-considerations\\\/masterbase\\\/#breadcrumb\"},\"inLanguage\":\"lt-LT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/masterbase.com\\\/en\\\/responsive-design-tips-and-considerations\\\/masterbase\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"lt-LT\",\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/responsive-design-tips-and-considerations\\\/masterbase\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/masterbase.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/02.png?fit=600%2C450&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/masterbase.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/02.png?fit=600%2C450&ssl=1\",\"width\":600,\"height\":450,\"caption\":\"Dise\u00f1o responsivo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/responsive-design-tips-and-considerations\\\/masterbase\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/masterbase.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o responsivo: Consejos y consideraciones\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/masterbase.com\\\/en\\\/\",\"name\":\"MasterBase\u00ae\",\"description\":\"Automatas that work for you\",\"publisher\":{\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/masterbase.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"lt-LT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/#organization\",\"name\":\"MasterBase\u00ae\",\"url\":\"https:\\\/\\\/masterbase.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"lt-LT\",\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/masterbase.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/Logo_negro_sinslogan.png?fit=1476%2C972&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/masterbase.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/Logo_negro_sinslogan.png?fit=1476%2C972&ssl=1\",\"width\":1476,\"height\":972,\"caption\":\"MasterBase\u00ae\"},\"image\":{\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/masterbase.com\\\/en\\\/#\\\/schema\\\/person\\\/3d21ff79b63b95ca967e019b4c633701\",\"name\":\"Alejandro Dur\u00e1n\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"lt-LT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7fe6c9cd72fdfdd05519326fb5760e0745d9540d0bddb8b16403235a121c8e64?s=96&d=identicon&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7fe6c9cd72fdfdd05519326fb5760e0745d9540d0bddb8b16403235a121c8e64?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7fe6c9cd72fdfdd05519326fb5760e0745d9540d0bddb8b16403235a121c8e64?s=96&d=identicon&r=g\",\"caption\":\"Alejandro Dur\u00e1n\"},\"description\":\"Chief Marketing Ofiicer\",\"url\":\"https:\\\/\\\/masterbase.com\\\/lt\\\/author\\\/aledurmc1970\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Atspindintis dizainas: patarimai ir pastabos - MasterBase\u00ae - MasterBase\u00ae.","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:\/\/masterbase.com\/lt\/reaguojancio-dizaino-patarimai-ir-aspektai\/pagrindine-duomenu-baze\/","og_locale":"lt_LT","og_type":"article","og_title":"Dise\u00f1o responsivo: Consejos y consideraciones - MasterBase\u00ae","og_description":"El dise\u00f1o responsivo asegura que tus campa\u00f1as de email marketing funcionen eficazmente y se vean bien en cualquier dispositivo.","og_url":"https:\/\/masterbase.com\/lt\/reaguojancio-dizaino-patarimai-ir-aspektai\/pagrindine-duomenu-baze\/","og_site_name":"MasterBase\u00ae","article_published_time":"2025-07-09T14:37:02+00:00","article_modified_time":"2025-07-10T19:34:32+00:00","og_image":[{"width":600,"height":450,"url":"https:\/\/i0.wp.com\/masterbase.com\/wp-content\/uploads\/2025\/07\/02.png?fit=600%2C450&ssl=1","type":"image\/png"}],"author":"Alejandro Dur\u00e1n","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alejandro Dur\u00e1n","Est. reading time":"7 minut\u0117s"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/masterbase.com\/en\/responsive-design-tips-and-considerations\/masterbase\/#article","isPartOf":{"@id":"https:\/\/masterbase.com\/en\/responsive-design-tips-and-considerations\/masterbase\/"},"author":{"name":"Alejandro Dur\u00e1n","@id":"https:\/\/masterbase.com\/en\/#\/schema\/person\/3d21ff79b63b95ca967e019b4c633701"},"headline":"Dise\u00f1o responsivo: Consejos y consideraciones","datePublished":"2025-07-09T14:37:02+00:00","dateModified":"2025-07-10T19:34:32+00:00","mainEntityOfPage":{"@id":"https:\/\/masterbase.com\/en\/responsive-design-tips-and-considerations\/masterbase\/"},"wordCount":1441,"commentCount":0,"publisher":{"@id":"https:\/\/masterbase.com\/en\/#organization"},"image":{"@id":"https:\/\/masterbase.com\/en\/responsive-design-tips-and-considerations\/masterbase\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/masterbase.com\/wp-content\/uploads\/2025\/07\/02.png?fit=600%2C450&ssl=1","articleSection":["Email Marketing"],"inLanguage":"lt-LT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/masterbase.com\/en\/responsive-design-tips-and-considerations\/masterbase\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/masterbase.com\/en\/responsive-design-tips-and-considerations\/masterbase\/","url":"https:\/\/masterbase.com\/en\/responsive-design-tips-and-considerations\/masterbase\/","name":"Atspindintis dizainas: patarimai ir pastabos - MasterBase\u00ae - MasterBase\u00ae.","isPartOf":{"@id":"https:\/\/masterbase.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/masterbase.com\/en\/responsive-design-tips-and-considerations\/masterbase\/#primaryimage"},"image":{"@id":"https:\/\/masterbase.com\/en\/responsive-design-tips-and-considerations\/masterbase\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/masterbase.com\/wp-content\/uploads\/2025\/07\/02.png?fit=600%2C450&ssl=1","datePublished":"2025-07-09T14:37:02+00:00","dateModified":"2025-07-10T19:34:32+00:00","breadcrumb":{"@id":"https:\/\/masterbase.com\/en\/responsive-design-tips-and-considerations\/masterbase\/#breadcrumb"},"inLanguage":"lt-LT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/masterbase.com\/en\/responsive-design-tips-and-considerations\/masterbase\/"]}]},{"@type":"ImageObject","inLanguage":"lt-LT","@id":"https:\/\/masterbase.com\/en\/responsive-design-tips-and-considerations\/masterbase\/#primaryimage","url":"https:\/\/i0.wp.com\/masterbase.com\/wp-content\/uploads\/2025\/07\/02.png?fit=600%2C450&ssl=1","contentUrl":"https:\/\/i0.wp.com\/masterbase.com\/wp-content\/uploads\/2025\/07\/02.png?fit=600%2C450&ssl=1","width":600,"height":450,"caption":"Dise\u00f1o responsivo"},{"@type":"BreadcrumbList","@id":"https:\/\/masterbase.com\/en\/responsive-design-tips-and-considerations\/masterbase\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/masterbase.com\/es\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o responsivo: Consejos y consideraciones"}]},{"@type":"WebSite","@id":"https:\/\/masterbase.com\/en\/#website","url":"https:\/\/masterbase.com\/en\/","name":"MasterBase\u00ae","description":"Automatai, kurie dirba jums","publisher":{"@id":"https:\/\/masterbase.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/masterbase.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"lt-LT"},{"@type":"Organization","@id":"https:\/\/masterbase.com\/en\/#organization","name":"MasterBase\u00ae","url":"https:\/\/masterbase.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"lt-LT","@id":"https:\/\/masterbase.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/masterbase.com\/wp-content\/uploads\/2023\/09\/Logo_negro_sinslogan.png?fit=1476%2C972&ssl=1","contentUrl":"https:\/\/i0.wp.com\/masterbase.com\/wp-content\/uploads\/2023\/09\/Logo_negro_sinslogan.png?fit=1476%2C972&ssl=1","width":1476,"height":972,"caption":"MasterBase\u00ae"},"image":{"@id":"https:\/\/masterbase.com\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/masterbase.com\/en\/#\/schema\/person\/3d21ff79b63b95ca967e019b4c633701","name":"Alejandro Dur\u00e1n","image":{"@type":"ImageObject","inLanguage":"lt-LT","@id":"https:\/\/secure.gravatar.com\/avatar\/7fe6c9cd72fdfdd05519326fb5760e0745d9540d0bddb8b16403235a121c8e64?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7fe6c9cd72fdfdd05519326fb5760e0745d9540d0bddb8b16403235a121c8e64?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7fe6c9cd72fdfdd05519326fb5760e0745d9540d0bddb8b16403235a121c8e64?s=96&d=identicon&r=g","caption":"Alejandro Dur\u00e1n"},"description":"Vyriausiasis rinkodaros specialistas","url":"https:\/\/masterbase.com\/lt\/author\/aledurmc1970\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/masterbase.com\/wp-content\/uploads\/2025\/07\/02.png?fit=600%2C450&ssl=1","jetpack_likes_enabled":false,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pf6Ilf-1GQ","_links":{"self":[{"href":"https:\/\/masterbase.com\/lt\/wp-json\/wp\/v2\/posts\/6500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/masterbase.com\/lt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/masterbase.com\/lt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/masterbase.com\/lt\/wp-json\/wp\/v2\/users\/239642484"}],"replies":[{"embeddable":true,"href":"https:\/\/masterbase.com\/lt\/wp-json\/wp\/v2\/comments?post=6500"}],"version-history":[{"count":8,"href":"https:\/\/masterbase.com\/lt\/wp-json\/wp\/v2\/posts\/6500\/revisions"}],"predecessor-version":[{"id":22887,"href":"https:\/\/masterbase.com\/lt\/wp-json\/wp\/v2\/posts\/6500\/revisions\/22887"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/masterbase.com\/lt\/wp-json\/wp\/v2\/media\/22893"}],"wp:attachment":[{"href":"https:\/\/masterbase.com\/lt\/wp-json\/wp\/v2\/media?parent=6500"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/masterbase.com\/lt\/wp-json\/wp\/v2\/categories?post=6500"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/masterbase.com\/lt\/wp-json\/wp\/v2\/tags?post=6500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}