Qué es el diseño de sitios en arquitectura
El diseño web es el proceso de creación de páginas web. Abarca varios aspectos diferentes, como la maquetación de la página web, la producción de contenidos y el diseño gráfico. Aunque los términos diseño web y desarrollo web suelen utilizarse indistintamente, el diseño web es técnicamente un subconjunto de la categoría más amplia de desarrollo web.
Los sitios web se crean utilizando un lenguaje de marcas llamado HTML. Los diseñadores web construyen páginas web utilizando etiquetas HTML que definen el contenido y los metadatos de cada página. El diseño y la apariencia de los elementos de una página web suelen definirse mediante CSS, u hojas de estilo en cascada. Por lo tanto, la mayoría de los sitios web incluyen una combinación de HTML y CSS que define cómo aparecerá cada página en un navegador.
Algunos diseñadores web prefieren codificar las páginas a mano (escribiendo HTML y CSS desde cero), mientras que otros utilizan un editor “WYSIWYG” como Adobe Dreamweaver. Este tipo de editor ofrece una interfaz visual para diseñar la página web y el software genera automáticamente el código HTML y CSS correspondiente. Otra forma popular de diseñar páginas web es con un sistema de gestión de contenidos como WordPress o Joomla. Estos servicios proporcionan diferentes plantillas de sitios web que pueden utilizarse como punto de partida para un nuevo sitio web. Los administradores de sitios web pueden entonces añadir contenido y personalizar el diseño utilizando una interfaz basada en la web.
Definición de diseño web
El diseño web responsivo (RWD) es un enfoque de desarrollo web que crea cambios dinámicos en la apariencia de un sitio web, dependiendo del tamaño de la pantalla y la orientación del dispositivo que se utiliza para verlo. El RWD es un enfoque del problema de diseñar para la multitud de dispositivos disponibles para los clientes, que van desde los pequeños teléfonos hasta los enormes monitores de escritorio.
El RWD utiliza los llamados puntos de ruptura para determinar cómo aparecerá el diseño de un sitio: se utiliza un diseño por encima de un punto de ruptura y otro diseño se aplica por debajo de ese punto de ruptura. Los puntos de ruptura suelen basarse en la anchura del navegador.
El mismo HTML se sirve a todos los dispositivos, utilizando CSS (que determina el diseño de la página web) para cambiar la apariencia de la página. En lugar de crear un sitio separado y la correspondiente base de código para monitores de pantalla ancha, ordenadores de sobremesa, portátiles, tabletas y teléfonos de todos los tamaños, una única base de código puede dar soporte a usuarios con puertos de visualización de diferentes tamaños.
En el diseño responsivo, los elementos de la página se reorganizan a medida que la ventana gráfica crece o se reduce. Un diseño de escritorio de tres columnas puede cambiar a dos columnas para una tableta y a una sola columna para un smartphone. El diseño responsivo se basa en cuadrículas proporcionales para reorganizar el contenido y los elementos de diseño.
Buen diseño del sitio web
Gestión del tiempoComo diseñador de páginas web, es posible que decidas adoptar un enfoque autónomo en el que trabajes con varias empresas diferentes a la vez o que trabajes para una sola empresa. En cualquier caso, necesitarás la capacidad de gestionar tu tiempo de forma eficaz para mantener los múltiples proyectos en marcha.
ColaboraciónEn muchos casos, un diseñador de sitios web trabaja con otras personas para crear un sitio. Puede haber un redactor, un diseñador gráfico o incluso miembros de un departamento de TI que participen en la creación del sitio web. En ese caso, necesitarás la capacidad de escuchar, colaborar y aceptar críticas constructivas.
Habilidades técnicasDiseño visualLa parte principal del trabajo de un diseñador de sitios web es crear elementos visuales para un sitio, por lo que es imprescindible tener un firme conocimiento de los principios de diseño. El diseño visual incorpora una serie de buenas prácticas de diseño que se centran en aspectos como las proporciones, la simetría, la tipografía y los sistemas de color.
Diseño UXEl diseño UX, o diseño de la experiencia del usuario, influye en la forma en que una persona se siente al visitar un sitio. El propósito de un diseñador es crear un diseño que sea fácil de navegar y visualmente agradable, lo que resulta en una experiencia positiva para el cliente. Para generar la experiencia adecuada para el público, un diseñador suele investigar a la audiencia y estudiar las acciones que se realizan en el sitio para construir una experiencia web que se ajuste al mercado objetivo de una marca.
¿Qué son las plataformas de creación de páginas web?
En diseño gráfico, la maquetación de páginas se refiere al proceso de colocar y organizar el texto, las imágenes y los gráficos en una página de software para producir documentos como boletines informativos, folletos y libros o para atraer lectores a un sitio web. El objetivo es producir páginas llamativas que capten la atención del lector. A menudo, este proceso implica el uso de un conjunto de reglas de diseño y colores específicos -el estilo específico de una publicación o sitio web- para adherirse a una marca visual.
El diseño de la página tiene en cuenta todos los elementos de la misma: los márgenes de la página, los bloques de texto, la colocación de las imágenes y el arte, y a menudo las plantillas para reforzar la identidad de una publicación o sitio web. Para modificar todos estos aspectos del diseño de una página se utilizan aplicaciones como Adobe InDesign y QuarkXpress para las publicaciones impresas. Para los sitios web, Adobe Dreamweaver y Muse proporcionan al diseñador las mismas capacidades.
Antes de la llegada del software de autoedición a mediados de los años 80, el diseño de las páginas solía realizarse encerando y pegando bloques de texto mecanografiado o maquetado e imágenes recortadas de libros de clipart en hojas de papel que luego se fotografiaban para hacer planchas de impresión.