Kill the PowerPoint
-
Upload
martin-redigolo -
Category
Design
-
view
440 -
download
0
description
Transcript of Kill the PowerPoint
![Page 1: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/1.jpg)
Kill the PowerPointSábado, 17 de Marzo de 2012(el día que el mundo se dividirá en dos partes)
☠
![Page 2: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/2.jpg)
¿Qué es diseño?
Lentejas
![Page 3: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/3.jpg)
¿Qué es diseño?
Diseño ≠ Animación
![Page 4: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/4.jpg)
¿Qué es diseño?
![Page 5: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/5.jpg)
COLORES
TIPOGRAFÍA
IMÁGENES
ICONOS
EJEMPLOS
![Page 6: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/6.jpg)
COLORES
TIPOGRAFÍA
IMÁGENES
ICONOS
EJEMPLOS
![Page 7: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/7.jpg)
COLORES
Impresión (Tinta)
Pantallas oProyección (Luz)
![Page 8: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/8.jpg)
COLORES
El Contraste si importa!
El Contraste si importa!
El Contraste si importa!
Utilizar colores con mucho contraste para la mejor legibilidad. Los proyectores varían en calidad y se “comen” los colores.
El Contraste si importa!
![Page 9: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/9.jpg)
COLORES
Evitar ROJO y VERDE a la vez.
Daltonismo
![Page 10: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/10.jpg)
COLORES
http://kuler.adobe.com
![Page 11: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/11.jpg)
COLORES
TIPOGRAFÍA
IMÁGENES
ICONOS
EJEMPLOS
![Page 12: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/12.jpg)
TIPOGRAFÍA
Cuando alguien pone mucho texto en una diapositiva, no sabe que quiere decir.
![Page 13: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/13.jpg)
TIPOGRAFÍA
La regla del 10-20-30
10 secciones
20 slides max.
30pt Tipografía
Estos son 30 puntos
![Page 14: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/14.jpg)
TIPOGRAFÍA
Organización de elementos
![Page 15: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/15.jpg)
TIPOGRAFÍA
Organización de elementos
Alineación
Espacio
Espacio
![Page 16: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/16.jpg)
TIPOGRAFÍA
Organización de elementos
Utilizar las reglas
ALT + SHIFT“Copiar y pegar en 90°”
Agrupar objetos
Shift⇧
Bloq mayúspara mover objetos
![Page 17: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/17.jpg)
TIPOGRAFÍA
Revisar la ortografía.
![Page 18: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/18.jpg)
COLORES
TIPOGRAFÍA
IMÁGENES
ICONOS
EJEMPLOS
![Page 19: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/19.jpg)
“Una imagen dice más que mil palabras.”
IMÁGENES
...y una imagen mala , da una mala imagen.?
![Page 20: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/20.jpg)
Alta calidad y SÓLO alta calidad.Google, Flickr, etc.
IMÁGENES
![Page 21: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/21.jpg)
IMÁGENES
Alinear las fotos a la estructura que ya habéis definido.
![Page 22: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/22.jpg)
IMÁGENES
Alinear las fotos a la estructura que ya habéis definido.
...y jugar con la transparencia del fondo del texto.
![Page 23: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/23.jpg)
IMÁGENES
Tampoco os paséis con la transparencia!
![Page 24: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/24.jpg)
IMÁGENESAlinear imágenes a la estructura que ya habéis definido.Es más fácil :)
![Page 25: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/25.jpg)
IMÁGENES
Pantallazos... y las cosas que no interesan.
![Page 26: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/26.jpg)
IMÁGENES
No
![Page 27: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/27.jpg)
IMÁGENES
Si, añadiendo borde de 1px
![Page 28: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/28.jpg)
IMÁGENES
Si la información que quieres destacar es la de la zona central,¿A quién le interesa ver esto o esto?
![Page 29: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/29.jpg)
IMÁGENES
Pantallazos... y las cosas que no interesan.
1. Recortar (bien)2. Desactivar barras “personales”3. Pantallazo de la ventana ACTIVA
ImprPantAlt Gr +
![Page 30: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/30.jpg)
IMÁGENES
Alineación de imagenes.Posicionar los pantallazos siempre en la misma posición.
![Page 31: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/31.jpg)
IMÁGENES
Alineación de imagenes I
![Page 32: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/32.jpg)
IMÁGENES
Alineación de imagenes II
![Page 33: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/33.jpg)
IMÁGENES
Alineación de imagenes III
![Page 34: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/34.jpg)
IMÁGENES
No distorsionar imágenes.
![Page 35: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/35.jpg)
IMÁGENES
Vídeo también es imagen.Descargar sólo HD o mejor calidad disponible.
320p...
1080p720p480p
:)
:(
![Page 36: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/36.jpg)
IMÁGENES
![Page 37: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/37.jpg)
IMÁGENES
Descarga de vídeos (YouTube, vimeo, ...) con Firefox + Extension “Download Helper”No: *.flv - Si: *.mp4
![Page 38: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/38.jpg)
COLORES
TIPOGRAFÍA
IMÁGENES
ICONOS
EJEMPLOS
![Page 39: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/39.jpg)
Iconos.JPGs sin fondo transparentePNGs con fondo transparente
ICONOS
![Page 40: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/40.jpg)
Mejor integración visual.
JPG PNG
ICONOS
![Page 41: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/41.jpg)
¿Cambio de fondo? Funciona igual.
JPG PNG
ICONOS
![Page 42: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/42.jpg)
Buscar iconos, logotipos en formato PNG y comprobar (!) que realmente es transparente.Y verificar tamaño.
ICONOS
![Page 43: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/43.jpg)
Iconos.JPGs sin fondo transparentePNGs con fondo transparente
Mejor aún:Iconos en formato vectorial.
ICONOS
![Page 44: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/44.jpg)
Píxel versus Vector.Vectores = curvas matemáticas.
ICONOS
![Page 45: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/45.jpg)
userCloud
Mejor escalabilidad con gráficos vectoriales.
ICONOS
![Page 46: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/46.jpg)
Ejemplo: vectorial + color
Un fajo de dólares
Una tarta muy rica
Yo con y sin zoom
Regresemos al futuro
ICONOS
![Page 47: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/47.jpg)
¿Dónde buscar?
http://images.google.com http://www.iconfinder.com
http://thenounproject.com (sólo vectorial + requiere Illustrator)
ICONOS
![Page 48: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/48.jpg)
COLORES
TIPOGRAFÍA
IMÁGENES
ICONOS
EJEMPLOS
![Page 49: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/49.jpg)
EJEMPLOS
![Page 50: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/50.jpg)
Nuestro target
![Page 51: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/51.jpg)
“Frikis” “Navegantes”“Padres
y Madres”
Conocen todos los detalles técnicos y
siguen evolución en la web y pueden
influenciar/convencer
Navegan, pero no saben mucho de
tecnología. Confían en sus amigos
Navegan, pero no saben distinguir entre
navegador y buscador, p.ej.
Los “heavy users”Jóvenes que conocen
el medio y saben instalar aplicaciones
Adultos y mayores que navegan un poco y
dependen de lo que les diga otra persona
![Page 52: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/52.jpg)
“Frikis” “Navegantes”“Padres
y Madres”
Distribución del target por número
![Page 53: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/53.jpg)
“Frikis” “Navegantes”“Padres
y Madres”
Distribución del target por influencia
![Page 54: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/54.jpg)
Frikis Navegantes Padres y Madres
Herencia social
![Page 55: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/55.jpg)
Tenemos 3 cosas muy claras...
![Page 56: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/56.jpg)
Los frikis son los frikis y siempre serán los frikis.
![Page 57: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/57.jpg)
Funcionalidad
Velocidad - + +Seguridad + - =Privacidad + = =Complementos - + =Rendimiento - = +Compatibilidad = = =Personalización = + +
![Page 58: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/58.jpg)
EJEMPLOS
http://www.slideshare.net/popular/all-time?category=design
![Page 59: Kill the PowerPoint](https://reader033.fdocuments.es/reader033/viewer/2022052304/557db456d8b42a11428b4c86/html5/thumbnails/59.jpg)
☠Less is More!
¡A cambiar el mundo PPT!
Kill the PowerPoint