Web responsive

[et_pb_section bb_built=”1″ fullwidth=”off” specialty=”off”][et_pb_row][et_pb_column type=”4_4″][et_pb_text _builder_version=”3.0.69″ background_layout=”light” text_orientation=”left” border_style=”solid”]

¿Qué es el diseño responsive?

El diseño responsive también es llamado diseño adaptativo. Es una técnica de diseño web cuyo destino final es que la web pueda ser visualizada en distintos dispositivos con distintos tamaños de pantalla.

Hace unos años, cuando esta técnica no era posible, se creaban dos tipos de web, una para ser visualizada en ordenadores o portátiles y otra para ser visualizada en móviles. Conforme ha ido pasando el tiempo podemos encontrar que los tamaños de pantalla cambian y se han creado nuevos dispositivos con acceso a internet como las tablets o los libros electrónicos, por eso tener una web que se adapte a todos ( o la mayoría de los dispositivos es esencial).

Tener una sola versión de web nos puede aportar beneficios, hace que el coste de producción disminuya. Además los esfuerzos en posicionamiento de la web en buscadores se centran también en una sola página. Además Google ya da preferencia en sus rankings a aquellas webs que están adaptadas. Otra gran razón para tener el diseño Responsive son las redes sociales, si no…¿Qué link compartirías? ¿El de la web para ordenador o la web para móviles?

¿Cómo se hace el diseño responsive?

Pues en realidad no es tan fácil. Se suele jugar con tamaños en porcentajes, pero no es tan sencillo, ya que algunas tecnologías no se visualizan bien en móviles dependiendo del modelo, marca o sistema operativo que este utilice.

Además cada modelo puede llevar una resolución mayor o menos y esto puede afectar a cómo se verá en cada dispositivo.

Se utilizan los estilos CSS para poder solucionar estos problemas, aunque en ocasiones la mejor solución es eliminar ciertos elementos decorativos en los dispositivos más pequeños. Eliminando efectos podemos ganar también velocidad de carga y que el usuario no tenga tantas distracciones en una pantalla pequeña, accediendo fácilmente a la información.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ admin_label=”section” transparent_background=”off” allow_player_pause=”off” inner_shadow=”off” parallax=”off” parallax_method=”off” custom_padding=”0px||0px|” padding_mobile=”on” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” make_equal=”off” use_custom_gutter=”off” global_module=”3920″][et_pb_row admin_label=”row” global_parent=”3920″ make_fullwidth=”off” use_custom_width=”off” width_unit=”on” use_custom_gutter=”on” gutter_width=”2″ padding_mobile=”on” allow_player_pause=”off” parallax=”off” parallax_method=”off” make_equal=”off” parallax_1=”off” parallax_method_1=”off” parallax_2=”off” parallax_method_2=”off” column_padding_mobile=”on” custom_padding=”60px||10px|” custom_padding_last_edited=”on|tablet” custom_padding_tablet=”60px||30px|” background_position=”top_left” background_repeat=”repeat” background_size=”initial”][et_pb_column type=”4_4″][et_pb_text admin_label=”Text” global_parent=”3920″ background_layout=”light” text_orientation=”center” use_border_color=”off” border_color=”#ffffff” border_style=”solid” text_line_height=”2em”]

0102030506

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ admin_label=”Section” fullwidth=”off” specialty=”off” transparent_background=”off” allow_player_pause=”off” inner_shadow=”off” parallax=”off” parallax_method=”off” custom_padding=”0px||0px|” padding_mobile=”on” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” make_equal=”off” use_custom_gutter=”off” global_module=”3921″][et_pb_row admin_label=”Row” global_parent=”3921″ make_fullwidth=”off” use_custom_width=”off” width_unit=”on” use_custom_gutter=”on” gutter_width=”2″ padding_mobile=”off” allow_player_pause=”off” parallax=”off” parallax_method=”off” make_equal=”off” parallax_1=”off” parallax_method_1=”off” column_padding_mobile=”on” custom_padding=”50px||50px|” parallax_2=”off” parallax_method_2=”off” parallax_3=”off” parallax_method_3=”off” background_position=”top_left” background_repeat=”repeat” background_size=”initial”][et_pb_column type=”4_4″][et_pb_text admin_label=”Text” global_parent=”3921″ background_layout=”light” text_orientation=”left” text_font=”Source Sans Pro|on|||” text_font_size=”18″ text_text_color=”#666666″ text_line_height=”1.4em” use_border_color=”off” border_color=”#ffffff” border_style=”solid” custom_margin=”||8px|” background_position=”top_left” background_repeat=”repeat” background_size=”initial”]

NUESTROS SERVICIOS DE DISEÑO

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row global_parent=”3921″ background_position=”top_left” background_repeat=”repeat” background_size=”initial”][et_pb_column type=”1_2″][et_pb_text admin_label=”Text” global_parent=”3921″ background_layout=”light” text_orientation=”left” text_text_color=”#e79724″ border_style=”solid” custom_css_main_element=”font-weight: 900;” _builder_version=”3.0.69″]

Diseño web Madrid
Diseño gráfico Madrid
Posicionamiento en buscadores
Marketing Online
Portfolio diseño
Contacto

[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″][et_pb_text admin_label=”Text” global_parent=”3921″ background_layout=”light” text_orientation=”left” border_style=”solid” custom_margin_last_edited=”on|tablet” _builder_version=”3.0.69″]

Blog de diseño
Freebies

Nosotros
Diseño para bodas
Láminas decorativas
Stock de fotos

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *