Diseño Web 2008
Los diseñadores saben que un sitio Web atractivo mejora la comunicación con los clientes, y genera muchas más visitas. Los buenos principios de diseño están a alcance de todos y utilizándolos es posible crear sitios Web verdaderamente espectaculares.
Este libro explica como acometer el diseño de una forma armoniosa y efectiva. Abarca temas tan importantes como la elección de colores, imágenes y fuentes, y la distribución de los elementos.
Contiene un enfoque metódico para presentar la teoría tradicional de diseño gráfico adaptada a la industria del diseño Web actual. Aunque el contenido está dirigido a los desarrolladores, beneficiará a los usuarios de cualquier nivel. Un manual de diseño ilustrado con numerosos ejemplos a todo color, que le guiará por todo el proceso creativo.
INTRODUCCIÓN
¿Quién debería leer este libro?
¿Qué hay en este libro?
El sitio Web de este libro
Foros SitePoint
CAPÍTULO 1. DISEÑO Y COMPOSICIÓN
El proceso de diseño
Descubrir
Implementación
Definir un buen diseño
Anatomía de la página Web
Teoría de cuadrícula
La regla de los tercios
Equilibrio
Equilibrio simétrico
Equilibrio asimétrico
Unidad
Proximidad
Repetición
Énfasis
Posición
Continuidad
Aislamiento
Contraste
Proporción
Diseños básicos
Navegación en la columna izquierda
Navegación en la columna derecha
Navegación en tres columnas
Conseguir inspiración
Utilizar un fichero de depósito
Tendencias frescas
Navegación de pie de página expandida
Tres columnas con contenido primero
Cambiar el tamaño: ancho fijo vs. ancho fluido
Una alternativa: diseño variable de ancho fijo
Resolución de pantalla
Aplicación: Florida Country Tile
Comenzar
CAPÍTULO 2. COLOR
Psicología del color
Asociaciones de color
Temperatura del color
Valor de color
Saturación
Teoría de color 101
¿Rojo, amarillo y azul o CMYK?
El esquema de las cosas
Un esquema de color monocromático
Ejemplos de esquema de color monocromático
Un esquema de color análogo
Ejemplos de esquema de color análogo
Un esquema de color complementario
Ejemplos de esquema de color complementario
Desventajas complementarias comunes
Esquemas de color complementario dividido, triádico y tetrádico
Otras variantes
Crear una paleta
Notación hexadecimal
Aplicación: el color del ladrillo
CAPÍTULO 3. TEXTURA
Puntos
Línea
Forma
Volumen y profundidad
Patrón
Crear textura
Estilo envejecido, desgastado por el tiempo, usado y nostálgico
Estilo caprichoso de dibujos animados
Mucho brillo, tipo grande, estilo Web 2.0
Comenzar con sus propias tendencias de textura
Aplicación: lechada y colocación
CAPÍTULO 4. TIPOGRAFÍA
Llevar el tipo a la Web
Mostrar texto en imágenes
Sustitución de texto con sIFR
La solución evidentemente obvia: utilizar fuentes seguras
Anatomía de una letra
Espaciado de texto
Espaciado horizontal
Espaciado vertical
Alinear texto
Distinciones de tipo
Fuentes serif
Fuentes sans serif
Fuentes escritas a mano
Fuentes de ancho fijo
Fuentes novelty
Fuentes dingbat
Encontrar fuentes
Galerías de fuentes gratuitas y shareware
Fuentes a la venta
Artistas individuales y talleres de fundición
Elegir las fuentes adecuadas
Establecer el tamaño de texto
Utilizar puntuación y caracteres especiales
Aplicación: tipografía
Crear la página principal
CAPÍTULO 5. IMÁGENES
Qué buscar
Fuentes de imagen legítimas
Hágalas usted mismo
Repositorios de fotografías
Fotografías gratuitas
Imágenes libre de derechos de autor
Imágenes con gestión de derechos
Obtener ayuda profesional
Cómo no impresionar
Google Ganking
Unir mediante hipervínculos
Clipart
Recorte creativo
Ajustes de Photoshop
Formatos de archivo y resoluciones
Bordes y tratamiento de borde
Aplicar efectos directamente a la imagen
Aplicar efectos con CSS
Bordes CSS
Sombra en bordes CSS
Múltiples efectos de imagen
Aplicación: Terminar Florida Country Tile
Encontrar la inspiración (o no seguir siempre a la multitud)
ÍNDICE ALFABÉTICO
