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 diversos temas para aprender a diseñar webs.
Artículos del manual
-
1
Introducción a los talleres de diseño web
Qué hay en este manual, cómo está organizado y otras referencias útiles que encontraremos dentro de DesarrolloWeb.com
-
2
El color en la web. Nociones básicas
Comenzamos una serie de capítulos en los que enseñamos que el uso del color es básico y decisivo a la hora de crear un sitio web.
-
3
El color en la web. Esquemas de color
Para que un diseño web resulte atractivo es importante mantener cierta sensación de armonía.
-
4
GIFs animados
Sabes realizar pequeñas animaciones GIF? Aqui encontraras los pasos para realizarlas.
-
5
Definiciones de pantalla
En la web, hay que tener en cuenta que van a visitarnos muchos usuarios, con definiciones de pantalla distintas. Hay que hacer páginas que se visualicen bien en todos los casos. Veamos cómo.
-
6
Nuestro primer banner
Como diseñar nuestros banners para que sean atractivos y atrapen la atención
-
7
El banner perfecto
Análisis del uso de banners como herramienta de comunicación. Consejos para mejorarlos y más documentación.
-
8
Cómo montar vectorialmente una página web
Cómo podemos ayudarnos de un programa de diseño gráfico vectorial para definir el aspecto de una página web.
-
9
Navegabilidad, un factor fundamental
Un sitio debe ser cómodo para el usuario, debe ser fácilmente navegable. El usuario tiene que poder ir de un lado a otro del sitio rápidamente y sin perderse.
-
10
Creación de un menú desplegable en Dreamweaver
Explicación detallada sobre la creación de un menú desplegable en Dreamweaver, en el que poniendo el ratón en las diferentes opciones se muestran unas capas con opciones secundarias.
-
11
Efecto de degradado en diferentes formatos gráficos
Una muestra de imágenes que presentan un degradado en los formatos gráficos GIF, JPEG y PNG. Para ver cuál de ellos es el mejor por peso y calidad de la imagen.
-
12
La imagen como elemento dinamizador del diseño
Cómo una buena imagen, ya sea fotografía o ilustración, puede ser clave para la realización de un diseño impactante.
-
13
Enlaces sin subrayado
Es muy sencillo quitar el feo subrayado que presentan los enlaces de una página web. Aprende como hacerlo por la via rápida y bien.
-
14
23 puntos a tener en cuenta en el diseño web
El diseño web es algo en lo que normalmente se suele invertir tiempo, dinero, imaginación…
-
15
Cómo optimizar fotografías para la web
Consejos para optimizar fotografías para el web. Optimización de fotos sin perder calidad de la imagen.
-
16
Combinar y trabajar con colores
Herramientas que nos ayudan a elegir una combinación de colores adecuada. Aplicaciones web para combinar colores y crear una paletas a utilizar en nuestros diseños web.
-
17
Incluir una imagen en miniatura de las webs con Thumbshots
Explicamos cómo integrar Thumbshots en tu página web, un servicio gratuito que te permite presentar previsualizaciones de las páginas con las que enlazas.
-
18
Prueba tus páginas en todos los navegadores con BrowserLab
BrowserLab es un servicio online de Adobe que permite comprobar el aspecto que ofrecen las páginas web en los principales navegadores sin salir de un mismo espacio de trabajo.
-
19
Colecciones de iconos gratuitos
Algunos de los paquetes de iconos con los que me gusta trabajar, todos iconos gratuitos, aunque con distintas licencias para utilizar en otros proyectos web.
-
20
Programas de retoque fotográfico recomendables si no quieres usar Photoshop
Un listado con opciones diversas de programas de retoque fotográfico y editores gráficos que podrían ser recomendables cuando por cualquier razón no quieres usar Photoshop.
-
21
Colecciones de fuentes tipográficas
Conoce lo más representativo de las tipografías que hemos venido presentando en los últimos tiempos en DesarrolloWeb.com, en este artículo donde encontrarás fuentes tipográficas gratuitas para todos los gustos y necesidades.
-
22
Diapositivas de la conferencia Diseño web para dispositivos móviles
Diapositivas o slides de la conferencia impartida en febrero de 2012, en México, sobre diseño web para dispositivos móviles.
-
23
Webcast técnicas para convertir un diseño Photoshop a HTML
Qué es lo más importante que debes saber para convertir un diseño realizado en Photoshop a HTML y CSS, con tamaños relativos. Fórmula de Target / Context.
-
24
Verde en el Diseño Web: conectando con la naturaleza
Usos del color verde en la Web y en los negocios en general, sensaciones que nos transmite y ejemplos de diseños que mediante el verde consiguen comunicar mejor la noción de marca.
-
25
Tendencia de Diseño Web: Bloques de Color
Analizamos una de las más recientes tendencias en el mundo del diseño web: el uso de los bloques de color: sus distintas vertientes y cómo puede usarse debidamente la combinación de los colores más chillones.
-
26
Cómo crear las mejores Paletas de color
Inspiración y creación de paletas de color, junto con diversas herramientas actuales que nos facilitarán la posibilidad de jugar y combinar con colores.
-
27
Crear un fondo tipo patrón o mosaico con herramientas online
Claves para usar las herramientas online de Colourlovers y crear todo tipo de patrones con formas y mosaicos que se pueden usar como fondo para diseños web.
-
28
Configurar el Apple Touch Icon en tu sitio
Vemos como configurar un sitio web para proveer el icono de acceso directo a la web en un iOS, el denominado Apple Touch Icon.
-
29
Conceptos de UX Design con Verónica Traynor
Entrevista con Verónica Traynor, especialista en diseño de experiencia de usuario con la que vamos a realizar un taller de final de semana dedicado a UX Desing.
-
30
Ventajas de usar iconos mediante fuentes tipográficas
Explicamos por qué usar iconos basados en fonts, por medio de fuentes tipográficas, es una maravilla en todos los sentidos, junto con recursos destacados.