{"id":5149,"date":"2013-04-26T13:01:01","date_gmt":"2013-04-26T18:01:01","guid":{"rendered":"http:\/\/webirix.com\/?p=5149"},"modified":"2013-08-02T14:04:23","modified_gmt":"2013-08-02T19:04:23","slug":"las-6-tendencias-del-2013-para-los-sitios-web","status":"publish","type":"post","link":"https:\/\/webirix.com\/en\/las-6-tendencias-del-2013-para-los-sitios-web\/","title":{"rendered":"The 6 trends of 2013 for websites"},"content":{"rendered":"<p><b><i>Ret\u00edculas responsivas<\/i><\/b><\/p>\n<p style=\"text-align: justify;\">Desde el 2012 la adaptaci\u00f3n a los dispositivos m\u00f3viles ha ido creciendo, siendo hoy en d\u00eda una necesidad. Las ret\u00edculas responsivas son en s\u00edntesis \u00a0elementos (media queries, css3,html) que permiten que una web se adapte autom\u00e1ticamente al tama\u00f1o de pantalla del dispositivo por el cual accede un usuario, por ejemplo, un m\u00f3vil, una tableta, una TV o un PC.<\/p>\n<p style=\"text-align: justify;\">Debemos de pensar en nuestro dise\u00f1o como una plantilla din\u00e1mica y fluida. Gracias a la tecnolog\u00eda css3 los desarrolladores pueden personalizarlas ajustando el dise\u00f1o a cada pantalla, permitiendo que los usuarios reciban la informaci\u00f3n de una manera organizada manteniendo el estilo principal del sitio.<\/p>\n<p><a href=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-5159\" alt=\"Imagen1\" src=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen1-300x173.png\" width=\"300\" height=\"173\" srcset=\"https:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen1-300x173.png 300w, https:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen1.png 582w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-5160\" alt=\"Imagen2\" src=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen2-300x206.jpg\" width=\"300\" height=\"206\" srcset=\"https:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen2-300x206.jpg 300w, https:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen2.jpg 482w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><b><i>Fondos fotogr\u00e1ficos<\/i><\/b><\/p>\n<p style=\"text-align: justify;\">Estas im\u00e1genes tendr\u00e1n una resoluci\u00f3n alta y que abarcar\u00e1n toda la p\u00e1gina web. Evidentemente la foto de fondo debe ser de contenido apropiado puede incluirse un ligero efecto de transparencia para aumentar la armon\u00eda con los contenidos.<\/p>\n<p style=\"text-align: justify;\">Una herramienta que captura la atenci\u00f3n de un usuario r\u00e1pidamente.<\/p>\n<p style=\"text-align: justify;\">Esta t\u00e9cnica en el dise\u00f1o web le proporciona una ventaja en la muestra de sus productos o servicios ya que los enfatiza claramente.<b><\/b><\/p>\n<p><b><a href=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen3.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"Imagen3\" src=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen3-300x210.jpg\" width=\"300\" height=\"210\" \/><\/a><\/b><\/p>\n<p><b><a href=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen4.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"Imagen4\" src=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen4-300x166.jpg\" width=\"300\" height=\"166\" \/><\/a><br \/>\n<\/b><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u00a0<\/b><b><i>Navegaci\u00f3n Vertical<\/i><\/b><\/p>\n<p style=\"text-align: justify;\">La optimizaci\u00f3n de nuestras p\u00e1ginas web va a continuar siendo un factor predominante en el futuro.<\/p>\n<p style=\"text-align: justify;\">Existen multitud de p\u00e1ginas web con desplazamiento (scrolling) tanto vertical como horizontal, pero como consecuencia del creciente uso de dispositivos m\u00f3viles para navegar en la web, el scrolling vertical se convertir\u00e1 en un factor predominante en el dise\u00f1o de la web, ya que resulta f\u00e1cil de usar, es eficiente y permite una sencilla navegaci\u00f3n en cualquier dispositivo m\u00f3vil.<\/p>\n<p style=\"text-align: justify;\">Adem\u00e1s en este 2013, se espera el auge del desplazamiento conjunto de men\u00fas y botones, es decir, cuando un usuario desplace la p\u00e1gina web hacia abajo por medio del scroll, el men\u00fa principal y\/o botones se desplazar\u00e1n con el al mismo tiempo, quedando siempre a la vista del usuario e impidiendo que este tenga que regresar siempre a la parte superior del sitio web para visualizar el men\u00fa y as\u00ed poder cambiar f\u00e1cilmente a otra p\u00e1gina web del sitio.<\/p>\n<p><a href=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen5.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"Imagen5\" src=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen5-300x210.jpg\" width=\"300\" height=\"210\" \/><\/a><\/p>\n<p><a href=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen6.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"Imagen6\" src=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen6-300x210.jpg\" width=\"300\" height=\"210\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><b><i>Navegaci\u00f3n para m\u00f3viles<\/i><\/b><\/p>\n<p style=\"text-align: justify;\">Cuando hablamos de un dise\u00f1o responsivo debemos tener en claro el medio por el que se muestra nuestro sitio web. En los m\u00f3viles, nuestro dise\u00f1o se ve limitado por el espacio, permiti\u00e9ndonos solamente la muestra de elementos tipogr\u00e1ficos en su mayor\u00eda, como el men\u00fa.<\/p>\n<p style=\"text-align: justify;\">Esto les ofrece a nuestros usuarios la comodidad de poder ver los sitios acorde a su medio, y m\u00e1s importe a\u00fan, el tiempo de carga es proporcional al dispositivo.<\/p>\n<p><a href=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen7.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"Imagen7\" src=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen7-300x175.jpg\" width=\"300\" height=\"175\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><b><i>Minimalista<\/i><\/b><\/p>\n<p style=\"text-align: justify;\">El dise\u00f1o minimalista utiliza elementos m\u00ednimos y b\u00e1sicos, como tipogr\u00e1ficos e ilustracionales.<\/p>\n<p style=\"text-align: justify;\">El minimalismo, busca ser simple, pero lo es s\u00f3lo para las personas relacionadas con el \u00e1mbito donde se lo aplica (arte, m\u00fasica, dise\u00f1o, etc.).<\/p>\n<p style=\"text-align: justify;\">B\u00e1sicamente lo que se busca es no sobrecargar el sitio con elementos que no aportan verdaderamente a la funcionalidad del mismo o al objetivo con que fue creado.<\/p>\n<p style=\"text-align: justify;\">No significa que poniendo s\u00f3lo texto en blanco y negro tengamos un dise\u00f1o minimalista. Va mucho m\u00e1s all\u00e1 de eso. Como para entenderlo de otra manera:<\/p>\n<p style=\"text-align: justify;\">Minimalismo = Menos desorden = Menos distracci\u00f3n = M\u00e1s tiempo enfocado en lo importante.<\/p>\n<p><a href=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen8.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"Imagen8\" src=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen8-300x210.jpg\" width=\"300\" height=\"210\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><b><i>Tipograf\u00edas en el dise\u00f1o web<\/i><\/b><\/p>\n<p style=\"text-align: justify;\">Hoy en d\u00eda los dise\u00f1adores web disponemos de una gran cantidad y variedad de fuentes de texto para dise\u00f1ar p\u00e1ginas web. La decisi\u00f3n sobre qu\u00e9 tipograf\u00eda he de utilizar en el dise\u00f1o de una web, va a ir tomando cada d\u00eda m\u00e1s peso en el conjunto global del proyecto web.<\/p>\n<p style=\"text-align: justify;\">Este 2013 va a ser el a\u00f1o de la tipograf\u00eda para las p\u00e1ginas web. Los dise\u00f1os web m\u00e1s creativos utilizar\u00e1n la tipograf\u00eda como una de sus principales bases para el desarrollo de esta.<\/p>\n<p><a href=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen9.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"Imagen9\" src=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen9-300x240.jpg\" width=\"300\" height=\"240\" \/><\/a><\/p>\n<p><a href=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen10.jpg\"><img loading=\"lazy\" decoding=\"async\" alt=\"Imagen10\" src=\"http:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/Imagen10-300x240.jpg\" width=\"300\" height=\"240\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><b>Esas son las tendencias para este a\u00f1o, a ustedes \u00bfQu\u00e9 les parece y cu\u00e1l es su favorita?<\/b><\/p>","protected":false},"excerpt":{"rendered":"<p>Responsive grids Since 2012 the adaptation to mobile devices has been growing, being nowadays a necessity. Responsive grids are, in short, elements (media queries, css3, html) that allow a website to automatically adapt to the screen size of the device through which a user accesses, for example, a mobile phone, a ...<\/p>","protected":false},"author":2,"featured_media":5172,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2011,2013],"tags":[],"class_list":["post-5149","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actualidad","category-disenoweb"],"jetpack_featured_media_url":"https:\/\/webirix.com\/wp-content\/uploads\/2013\/04\/web-design-trends-to-watch-out-fo2-720x429.jpg","_links":{"self":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts\/5149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/comments?post=5149"}],"version-history":[{"count":5,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts\/5149\/revisions"}],"predecessor-version":[{"id":7260,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts\/5149\/revisions\/7260"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/media\/5172"}],"wp:attachment":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/media?parent=5149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/categories?post=5149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/tags?post=5149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}