Artículos y tutoriales de Diseño Web

Uso de preprocesadores para crear una plantilla web

Uso de preprocesadores para crear una plantilla web

Diseño Web

04 de Marzo de 2020

El uso de preprocesadores aporta muchas ventajas en el desarrollo de una página web, ventajas de las que también podemos beneficiarnos al crear una maqueta web, como te explicamos a continuación.

Bloques anidados en Gutenberg

Bloques anidados en Gutenberg

Diseño Web

03 de Marzo de 2020

Descubre qué son los bloques anidados, qué ventajas ofrece su uso y cómo crearlos utilizando Gutenberg.

Características de un bloque de Gutenberg

Características de un bloque de Gutenberg

Diseño Web

03 de Marzo de 2020

Una vez conocido el sistema de bloques de Gutenberg, es importante saber que cada uno de los tipos de bloque existentes o personalizados tiene una serie de características particulares.

Qué es un bloque de Gutenberg

Qué es un bloque de Gutenberg

Diseño Web

02 de Marzo de 2020

Gutenberg es el nuevo editor de WordPress desde su versión 5.0, editor que funciona con un sistema de bloques. A continuación podrás conocer qué son los bloques de Gutenberg y sus características.

Qué es Gutenberg

Qué es Gutenberg

Diseño Web

02 de Marzo de 2020

La versión 5.0 de WordPress introdujo una serie de cambios y mejoras, siendo la más importante de todas, la inclusión de Gutenberg. Si no sabes qué es y qué ventajas aporta, aquí podrás conocerlo.

Uso de Frameworks en el diseño de una plantilla web

Uso de Frameworks en el diseño de una plantilla web

Diseño Web

29 de Enero de 2020

Otro de los elementos que nos ayudan mucho a la hora de elaborar nuestra plantilla o maqueta web son los frameworks de maquetación. Te explicamos qué son y qué ventajas aportan, más concretamente B...

Top 5 artículos más populares de Diseño Web

“El buen diseño es obvio. El gran diseño es transparente” - Joe Sparano.



¿Quieres aprender a realizar diseños web atractivos y que sean usables? Aquí encontrarás nuestros artículos y tutoriales dedicados a todo lo que tiene relación con este importante, y a veces descuidado, tema.

Esta es la sección del blog dedicada al diseño de páginas web y todo lo referente al mismo. Aquí podrás encontrar nuestros artículos sobre herramientas para diseño web, experiencia de usuario (UX), interfaz de usuario (UI) y creación de prototipos de interfaces, entre otros.

El primer paso en el desarrollo de una página web es realizar su diseño, es decir, planificar cómo será su estructura, decidir su parte estética, qué colores y fuentes se emplearán en la misma, qué tipo de contenido mostrará, cómo se realizará la navegación por la misma…

El diseño es una parte importantísima a la hora de comenzar el proyecto, básica si se quiere realizar correctamente, pero que muchas veces no se tiene en cuenta y se va haciendo a medida que se crea la web, lo que no suele ser una buena opción.

Erróneamente se suele creer que el diseño solo incluye el aspecto visual del sitio, para que éste sea agradable, bonito o llamativo. Nada más lejos de la realidad, ya que una buena web, en cuanto a diseño, debe tener una interfaz de usuario y una experiencia de usuario satisfactoria.

En la experiencia de usuario (UX) lo que se busca es que el visitante de la web quede satisfecho con su visita, y ese aspecto debemos cuidarlo al máximo. Para ello se debe ayudar a conseguir el fin deseado de manera fácil y clara, ya sea comprar algo, llegar a la información buscada o descargar un contenido. También se deben evitar errores de páginas que no existen o cargas lentas.

Una buena interfaz de usuario (UI) se consigue si la web es agradable visualmente, cuidando su aspecto y facilitando la interacción del usuario, además de permitir navegar por el site de forma sencilla, lo que se consigue con una arquitectura de la información bien organizada y previamente planificada

Se puede resumir diciendo que la UI o interfaz de usuario está dentro de la UX o experiencia de usuario, es una parte de la misma, por lo que resulta importante pero no definitiva. Lo normal es que sean personas o equipos diferentes los que desarrollen una y otra.

Un buen diseño web sirve para conseguir que el visitante se mantenga en la página el tiempo suficiente como para llegar a realizar una compra si es el caso, o para profundizar en la información o servicios que ofertamos, además de para dar buena imagen de nuestra marca, algo que también es muy relevante en el mundo online.

Un diseñador web debe saber realizar webs de todo tipo, dándoles el enfoque visual y estructural adecuado según si es un e-commerce, un blog personal, una landing de un producto o un portal de formación.

Para ello debe manejar gestores de contenido o CMS (WordPress, Magento, Prestashop, Drupal), maquetadores visuales (Elementor, Thrive Content Builder), editores visuales del tipo WYSIWYG (Dreamweaver, NVU/Kompozer) o WYSIWYM (LyX, Nesteditor), aplicaciones para tratamientos de imágenes (Photoshop, Sketch), etc.

También es importante conocer HTML, CSS y JavaScript, al menos a un nivel que permita personalizar los aspectos más relevantes de la web, incluso PHP y MySQL para crear webs profesionales, que sean dinámicas y que tengan más posibilidades.

La profesión de diseñador web sigue siendo un empleo con bastante demanda en la actualidad, sobre todo aplicado al sector mobile, que es el que está más en auge y más novedades ha introducido en el diseño web gracias al diseño responsive.

Si te interesa el tema del diseño de páginas web, no te pierdas las últimas publicaciones de esta sección del blog, encontrarás novedades sobre el diseño de interfaces, el diseño UX UI y todo lo referente a la maquetación de páginas web.

Estas son algunas de las empresas que ya confían en OpenWebinars

Profesores y profesionales

Nuestros docentes son profesionales que trabajan día a día en la materia que imparten

Conviértete en profesor de OpenWebinars