Diseño web

Editar

Disciplina dedicada al Diseño de sitios y aplicaciones web, las interfaces de usuario orientadas a la web y la estética en general de los sitios de Internet.

El diseño web es una rama del diseño en particular, orientada al mundo de la publicación en de páginas y sitios en Internet. Cuando nos referimos al diseño web podemos incluir tanto la parte estética en particular, como a la parte que tiene que ver con los lenguajes orientados a la creación de contenido y definición de aspecto de las páginas, como HTML y principalmente CSS.

Para ser un diseñador web es fundamental entender y dominar las características de la publicación en Internet, como los tipos de dispositivos, los clientes, las pantallas y el tipo de usuarios particular, así como el comportamiento habitual de éstos.

Más información:

Cómo comenzar a aprender Diseño Web
Progressive Enhancement

Cómo comenzar a aprender Diseño Web

Para comenzar a aprender diseño web es necesario zambullirse en los lenguajes HTML y CSS. Alguiel podría discutirlo diciendo que esto son lenguajes, código, y no tiene nada que ver con la disciplina de diseño, pero lo cierto es que son fundamentales.

Diseño web, aunque está relacionado directamente con el diseño gráfico, es una especialización distinta. En diseño web es esencial conocer el medio donde se va a publicar el contenido, por lo que los diseñadores que se dedican a la web deberían conocer los lenguajes HTML y CSS, para entender dónde van a publicar el contenido y las restricciones que tiene la web. Si bien es cierto que los lenguajes de la web y especialmente el CSS han avanzado mucho y ya es bastante más sencillo llegar a diseños complejos, no hay que perder de vista las posibilidades de estos lenguajes.

Por otra parte, para aprender diseño web es necesario también entrar en el mundo de las pantallas y sus diferencias. Cuando se diseña una web es importante entender cómo los usuarios van a usar estas páginas, las distintas pantallas que van a usar. Todo esto lo vemos en la disciplina del Responsive Design.

Por supuesto, además de las particularidades del medio, es fundamental entender y tener mano con el diseño de toda la vida.

Editar

Progressive Enhancement

Hay un concepto importante en el proceso de diseño web llamado progressive enhancement, cuya aplicación es fundamental para construir sitios web que consigan explotar las características de los navegadores, pero que permitan también extraer la mejor versión en los navegadores antiguos.

Progressive Enhancement consiste en aplicar una base de diseño y funcionalidad básica, para crear sitios web sencillos pero usables en los navegadores antiguos. A la vez, se trata de aplicar las técnicas modernas que consigan mejorar la experiencia de usuario en los navegadores y dispositivos modernos, sin que estas funcionalidades o características de diseño dificulten la navegación o la usabilidad en dispositivos antiguos o con características limitadas.

Se trata de una filosofía de diseño web explicada bajo el tema del diseño responsive y que está enfrentada con el concepto Gracefull degradation. Para más información léase el artículo Progressive Enhancement Vs Graceful Degradation

Editar

¿Quieres añadir algo sobre Diseño web?

Crea artículos, recursos o comparte información sobre Diseño web

Crear un bloque

Manuales

Curso práctico de diseño web

Este es un manual de básico a avanzado sobre el diseño en general y el diseño web en particular. Está...

Manual de Responsive Web Design

El manual de Responsive Web Design te enseña las técnicas más importantes para realizar diseño web moderno, que requiere ser adaptable a las condiciones del navegador del usuario.

Introducción al diseño web

Primeros pasos para aquellas personas que deseen crear su propia página web, desde el punto de vista del diseñador. Motivación...

Curso Gratuito de Iniciación al Desarrollo Web

Clases del Curso Gratuito de Iniciación al Desarrollo Web, una introducción a todos los conocimientos que los desarrolladores web deben...

Manual de Maquetación CSS

Manual en el que enseñaremos a maquetar páginas web utilizando únicamente CSS, en lugar de tablas, lo que también se...

Diseño web para dispositivos móviles

Manual que explica cómo diseñar sitios web optimizados para dispositivos móviles. Características deseables en la web móvil, usabilidad, técnicas de...

Talleres de diseño web

Diversos artículos, eminentemente prácticos, sobre diseño web. Creación de imágenes y gifs animados, manejo de programas de diseño, prácticas sobre...

Videotutoriales de Responsive Web Design

Vídeos con talleres emitidos en directo sobre Responsive Web Design, en los que repasaremos CSS3 y las técnicas más útiles...

Formatos de imagen para Web

Tutorial en el que podrás ver las caracteríasticas de los principales formatos de imagen para Web y qué formato es...

Manual de Picasa

Este manual de Picasa explica el funcionamiento del programa de administración de fotos digitales de Google, un software excelente para...

Curso práctico de diseño web, parte II

Segunda parte de nuestro manual de diseño web, que trata temas más avanzados dentro de los que debe conocer un...