El diseño visual de una página web define
Principios del diseño gráfico
El diseño web atrae constantemente a la gente a este campo, pero ¿qué hacen los diseñadores web? ¿Qué estudian para ejercer? El diseño web es un campo en constante expansión, con una demanda de diseñadores que aumenta año tras año a medida que se necesitan más productos digitales. Pero, ¿qué hacen los diseñadores web? ¿Cómo llegaron a ser diseñadores profesionales?
Descargar Gratis Dediquemos hoy un momento a explorar el mundo del diseño web. Desde qué es y su relación con la UX hasta elementos cruciales como la tipografía: esta guía lo tiene todo. Mantén tu herramienta de diseño de interfaz de usuario a punto, porque seguro que te sentirás inspirado para crear cosas nuevas.
¿Qué es el diseño web? El diseño web se refiere sobre todo a la creación del aspecto visual de los sitios web y las aplicaciones móviles. Cuando Internet daba sus primeros pasos, el diseño web se centraba en la creación de páginas web, pero ha evolucionado hasta convertirse en la creación de productos digitales para todo tipo de dispositivos. Hoy en día, los diseñadores web tocan todo tipo de aspectos y caras del diseño digital, desde la creación de un diseño hasta la orquestación de la identidad visual del producto.
Diseñador visual de interfaz de usuario
Todo el mundo lo sabe: no hay una segunda oportunidad para causar la primera impresión. En el ámbito de los productos digitales, esta eterna verdad funciona en términos de alta competencia e increíble diversidad. Sin duda, algunas zonas de la página web o de la pantalla del móvil son especialmente importantes y eficaces en este aspecto. Hoy vamos a hablar de una de ellas en profundidad: la cabecera de la página web.
En el número del glosario UI/UX dedicado a los términos de diseño web, ya hemos ofrecido un breve resumen de lo que es una cabecera. Hoy vamos a profundizar un poco más en el tema y a discutir cuáles son las funciones de una cabecera y las recomendaciones para su diseño. Además, mostraremos un montón de conceptos de diseño web aplicando diferentes enfoques al diseño de cabeceras.
En el diseño de páginas web, la cabecera es la parte superior de la página. Es sin duda una parte estratégica de la página, ya que es el área que la gente ve antes de desplazarse por la página en los primeros segundos de introducción al sitio web. Al ser en cierto modo un signo de invitación, la cabecera debe proporcionar la información básica sobre el producto digital para que los usuarios puedan escanearla en décimas de segundo. Desde el punto de vista del diseño, la cabecera es también el área que abre un amplio campo para soluciones de diseño creativo que deben ser pegadizas, concisas y útiles. Las cabeceras suelen denominarse "menús del sitio" y se sitúan como elemento clave de navegación en el diseño del sitio web.
Principios de diseño ux
¿Alguna vez te has encontrado con una página web tan repleta de elementos de diseño que no sabías por dónde empezar a mirar? Si te cuesta centrarte en una pantalla, es probable que el diseño carezca de una jerarquía visual clara.
Versión móvil de Williams-Sonoma.com: ¿Por dónde empezar a buscar? Aparte del bloque granate del Cyber Monday, los elementos de esta página son todos relativamente iguales en tamaño y color y carecen de espacio para respirar. Como la mayor parte del texto está en mayúsculas, destaca muy poco. Pocos usuarios estarán dispuestos a pasar tiempo analizando este desorden visual.
Definición: La jerarquía visual de una presentación 2D (página web, gráfico, impresión, etc.) se refiere a la organización de los elementos de diseño en la página, de modo que el ojo es guiado para consumir cada elemento de diseño en el orden de importancia previsto.
Un buen diseño visual utiliza el color o el contraste (o ambos) para crear una jerarquía visual en la página. Aplicar color a un diseño hace que algunos elementos parezcan avanzar y otros retroceder y, por tanto, determina lo que capta nuestra atención y la importancia que asignamos a los distintos elementos del diseño.
5 principios de diseño
Muchos desarrolladores y diseñadores de páginas web tienen distintos enfoques a la hora de diseñar y producir sitios web. Quizá la obra más influyente sobre el proceso de diseño de sitios web se centre en el proceso de rediseño de sitios web: Kelly Goto y Emily Cotler han escrito un libro titulado Web Redesign 2.0. Workflow That Works: Workflow That Works. Se trata de la segunda edición de su preeminente libro sobre gestión de proyectos y procesos de diseño web. Aunque su libro está dirigido principalmente a gestores de proyectos o a ambiciosos desarrolladores web que trabajan en solitario, contiene información que puede aplicarse a cualquier participante en el proceso de desarrollo web. Se trata de un libro que recomiendo encarecidamente a cualquiera que continúe en el campo del desarrollo Web profesional.
Basándome en las intuitivas fases del proceso de rediseño web de Goto y Cotler, e incorporando ideas de la Guía de estilo web, 2ª edición, de Patrick Lynch y Sarah Horton, he identificado las siguientes etapas clave para el diseño y la producción de un sitio web, de principio a fin: