Buenas Practicas En DiseñO Web

75
Daniel Torres Burriel Buenas prácticas en diseño web I Aniversario Cocktail Cadius en Zaragoza 31 de marzo de 2006 Daniel Torres Burriel www.torresburriel.com

description

Presentación utilizada en el I Aniversario de Cadius Zaragoza, en torno a las buenas prácticas para el diseño web. Marzo de 2006.

Transcript of Buenas Practicas En DiseñO Web

Page 1: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Buenas prácticas en diseño web

I Aniversario Cocktail Cadius en Zaragoza31 de marzo de 2006

Daniel Torres Burrielwww.torresburriel.com

Page 2: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Buenas prácticas en diseño web

● Libérate de complejos● ¿Tienes algo que contar?● Primero, te lo piensas● Luego te aseguras de que dices la verdad● Y después me lo enseñas● Dicen por ahi...

Page 3: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Libérate de complejos

● Diseño web es (x)html y css● Las cosas no son tan difíciles como parece● Si lo que te gusta es el arte, pinta● Es una profesión compleja y a veces fea● Usa lo que sea más cómodo para tí

– Dreamweaver es bueno

– Notepad también

Page 4: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

¿Tienes algo que contar?

● Todo empieza por una idea– Idea a transmitir

● Todo sigue por un argumento– Contenidos

● Todo termina en un cuento– Navegación

– Interacción

● La clave son los contenidos● Ordena tus ideas y adelante

Page 5: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Primero, te lo piensas

● Utiliza encabezados● Sigue utilizándolos (Hn)● Todo cabe en párrafos y listas● Divide en bloques tu contenido● No te cortes: una cosa después de otra● La estructura es el inicio de un buen trabajo● Acabar bien este paso es el inicio del éxito

Page 6: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Luego te aseguras de que dices la verdad

● Si todo ha ido bien...

Page 7: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Y luego me no enseñas

● ¿Qué?– Tipografías

– Colores

– Texturas

– Posicionamiento

● ¿Cómo?

Page 8: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

http://mboffin.com/stuff/designline-openair.gif

Page 9: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 10: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 11: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 12: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 13: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 14: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 15: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 16: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 17: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 18: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 19: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 20: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 21: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 22: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 23: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 24: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 25: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 26: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 27: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 28: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 29: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 30: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 31: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 32: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 33: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 34: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 35: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 36: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 37: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 38: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 39: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 40: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 41: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 42: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 43: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 44: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 45: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 46: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 47: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 48: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 49: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 50: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 51: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 52: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 53: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 54: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 55: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 56: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 57: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 58: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 59: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 60: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 61: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 62: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 63: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 64: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 65: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 66: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 67: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 68: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 69: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 70: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 71: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 72: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 73: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Dicen por ahí

Page 74: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Resumen

● Separa el contenido de la presentación:–Usa HTML válido para dar estructura al contenido

–Usa CSS para dar diseño

Page 75: Buenas Practicas En DiseñO Web

Daniel Torres Burriel

Gracias