Archivo de la categoría: Diseño

The Unseen Video.

The Unseen Video, es el videoclip de Mike Milosh «You Make Me Feel» controlado por la temperatura local del lugar.

unseen.jpg

The Unseen Video es mas que un videoclip musical estático. Es un video que al cual le afecta el tiempo y hora local del sitio desde donde se vea.

Los valores que tiene en cuenta a la hora de hacer la representacion vectorial al ritmo de la música son los siguientes:

  • Estación meteorológica mas cercana
  • Temperatura máxima
  • Temperatura mínima
  • Temperatura actual
  • Nubosidad
  • Humedad
  • Dirección del viento y su velocidad
  • Hora de Orto
  • Hora de Ocaso

Cualquier cambio en el ambiente es apreciado en el video, eso quiere decir que jamas volverás a ver el mismo video exactamente, ya que variarán el factor hora, tiempo, y si lo ves desde otro sitio, el lugar.

La verdad es que merece la pena verlo, aqui os dejo un video de el tema completo, luego pasaros por Unseen Video para ver vuestro propio video musical, en el espacio-tiempo.

Usad la versión flash, ya que la otra es un mero video, para equipos un poco mas antiguos.

Enlace: The Unseen Video.

“yatelohagoyotodo”

«No sabemos si será un tema generalizado y ocurrirá lo mismo en toda la península, pero es muy típico de nuestra zona encontrarse con auténticos “figuras” gestionando las empresas de publicidad.

Son personas que han llegado alto gracias a diversas influencias (políticas, familiares…etc) y han echado raíces, son los grandes enemigos de nuestra profesión, no la aman como nosotros, nooooo. A ellos les da lo mismo tener una Agencia de Publicidad que un Bar de copas, para ellos esto es sencillamente, una forma de ganar dinero… un negocio sin carisma… eso está muy bien cuando tienes un bar, pero cuando te dedicas a una profesión en la que la creatividad es tu carta de presentación, tienes un problema amigo.

Como la imagen que proyectan les da lo mismo, es muy fácil encontrar gerentes “pueblerinoides” que ofrecen todo tipo de servicios a sus clientes, que si; Marketing Estratégico, Planes de comunicación, Identidad Visual Corporativa, Packaging (pakaginging para algun@s), Campañas de publicidad en Televisión, prensa, radio, Publicidad directa, Páginas Web (páginas wef para otros), CD´s multimedia, 3D, etc… sin tener ni idea de qué cojones es eso. Todos los servicios, por el precio de uno, prefieren hacer de todo un poco que especializarse en algo, son los; “yatelohagoyotodo”.

Los que más sufrimos sus golpes somos los pobres diseñadores, te meterán en auténticos “fregaos” gracias a sus promesas a los clientes, que si para mañana un plan de comunicación, que si para pasado mañana un manual de identidad corporativa, que si para el miércoles una página “wef” dinámica, que si para el viernes un stand en 3D… y nosotros, a hacerlo realidad… ¡ah! eso si, no tienen ni idea de cómo empezar nada de eso, pero una vez vean parte de tus avances, empezarán a aportar sus visiones… porque, en definitiva ya sabes, ellos conocen al cliente y saben lo que quiere XD.»

Copy&Paste de Chandalismo.

Creo que es algo generalizado en toda la peninsula… a alguien del otro lado del charco le suena? 😉

Manifiesto incompleto de Bruce Mau para el crecimiento.

Bruce Mau Design, Inc. es un prestigioso estudio de diseño situado en Toronto. Escrito en 1998, el Manifiesto Incompleto es una articulación de las declaraciones que ejemplifican la creencia de Bruce Mau, motivaciones y estrategias. Esto también articula como el estudio Bruce Mau Design trabaja:

MANIFIESTO INCOMPLETO PARA EL CRECIMIENTO.

1. Permite que los acontecimientos te cambien. Tienes que estar deseando crecer. El crecimiento no es algo que te ocurre. Tú lo produces. Tú lo vives. Los requisitos del crecimiento son: que estés abierto a experimentar nuevos acontecimientos y dispuesto a ser cambiado por ellos.

2. Olvídate de lo bueno. Lo bueno es una medida conocida; es aquello en lo que todos estamos de acuerdo. Crecer no es algo necesariamente bueno. El crecimiento es una exploración intermitente que no necesariamente nos llevará a lo que estamos buscando. Mientras te apegues a lo bueno, nunca alcanzarás el verdadero crecimiento.

3. El proceso es más importante que el resultado. Cuando el resultado conduce al proceso, sólo llegaremos a donde ya hemos estado. Si el proceso conduce al resultado, quizás no sabremos a dónde vamos, pero sabremos que queremos estar ahí.

4. Ama tus experimentos (como amarías a un hijo feo). La emoción es el motor del crecimiento. Goza la libertad de considerar tu trabajo como maravillosos experimentos, intentos, ensayos y errores. Adopta un enfoque de largo plazo y permítete todos los días la diversión de fracasar.

5. Profundiza. Entre mayor profundidad alcances, más probable será que encuentres algo valioso.

6. Captura los accidentes. La respuesta incorrecta es la respuesta acertada en busca de una pregunta diferente. Acumula respuestas equivocadas como parte del proceso. Plantéate diferentes preguntas.

7. Estudia. Un estudio es un lugar para estudiar. Utiliza la necesidad de producir como una excusa para estudiar. Todos se beneficiarán.

8. Divaga. Permítete divagar sin propósito. Explora lo colindante. Evita los juicios. Deja la crítica para después.

9. Comienza donde sea. John Cage nos dice que el no saber dónde comenzar es una forma común de parálisis. Su consejo: comienza donde sea.

10. Todos somos líderes. El crecimiento ocurre. En el momento en que se dé, déjalo surgir. Aprende a seguir a otros cuando tenga sentido. Permite que cualquiera dirija.

11. Cosecha ideas. Limita las aplicaciones. Las ideas necesitan de una dinámica, de un flujo, de un ambiente generoso para sobrevivir.

12. No dejes de moverte. El mercado y su dinámica tienen la tendencia a reforzar el éxito. Resístelo. Permite que el fracaso y la capacidad de cambio sean parte de tu práctica.

13. Desacelérate. Apártate de la sincronía de los marcos de tiempo establecidos y te sorprenderán las oportunidades que se presentarán.

14. No seas «cool». «Cool» es el temor conservador vestido de negro. Libérate de los límites de esta naturaleza.

15. Haz preguntas tontas. El crecimiento se alimenta del deseo y de la inocencia. Valora la respuesta, no la pregunta. Imagínate aprendiendo a lo largo de tu vida al ritmo de un niño.

16. Colabora. El ambiente que prevalece entre la gente que trabaja en equipo está lleno de conflictos, fricciones, discordias, gozos y un vasto potencial creativo.

17. _____________. Intencionalmente conservado en blanco. Deja espacio para las ideas que aún no has tenido y para las ideas de otros.

18. Desvélate. Cosas extrañas ocurren cuando has ido muy lejos, cuando llevas mucho tiempo despierto, has trabajado demasiado y estás aislado del resto del mundo.

19. Trabaja la metáfora. Cada objeto tiene la capacidad de representar algo distinto de lo que aparentemente es. Trabaja en lo que representa.

20. Asegúrate de correr riesgos. El tiempo es algo genético. El hoy es hijo del ayer y padre del mañana. El trabajo que haces hoy creará tu futuro.

21. Repítete. Si te gusta, hazlo otra vez. Si no te gusta, hazlo otra vez.

22. Inventa tus propias herramientas. Haz híbridos con tus propias herramientas para construir cosas únicas. Aun las herramientas más sencillas pueden construir avenidas completamente nuevas para la exploración. Recuerda que las herramientas amplifican nuestras capacidades, y que la más pequeña de éstas puede hacer una gran diferencia.

23. Súbete a los hombros de los demás. Puedes viajar más lejos montado en los logros de quienes te han precedido. Y desde ahí, la vista es mucho mejor.

24. Evita el software. El problema con el software es que todo el mundo lo tiene.

25. No limpies tu escritorio. Podrías encontrar por la mañana algo que no pudiste ver esta noche.

26. No participes en concursos en busca de reconocimiento. Simplemente no lo hagas. No es bueno para ti.

27. Sólo lee las páginas del lado izquierdo. Marshall McLuhan lo hacía. Si disminuimos la cantidad de información, dejamos espacio para lo que puede ser nuestra «ronchita».

28. Crea nuevas palabras. Expande el léxico. Las nuevas condiciones demandan nuevas formas de expresión. La expresión genera nuevas condiciones.

29. Piensa con la mente. Olvida la tecnología. La creatividad no es un objeto-dependiente.

30. Organización = Libertad. La verdadera innovación en diseño, o en cualquier otro ámbito, ocurre en un contexto. Ese contexto es una suerte de empresa manejada como cooperativa. Frank Gehry, por ejemplo, sólo es capaz de crear Bilbao porque su estudio lo tiene contemplado en el presupuesto. El mito de una separación entre los «creativos» y los «de traje» es lo que Leonard Cohen define como un «encantador artefacto del pasado».

31. No pidas dinero prestado. Nuevamente, es un consejo de Frank Gehry. Al mantener el control financiero, mantenemos el control creativo. Esto no es exactamente ciencia espacial, pero es sorprendente lo difícil que resulta mantener esta disciplina y cuántos han fallado en ello.

32. Escucha con atención. Todo colaborador que entra en nuestra órbita trae consigo un mundo más extraño y complejo de lo que jamás hubiéramos imaginado. Al escuchar el detalle y la sutileza de sus necesidades, deseos o ambiciones, hacemos coincidir su mundo con el nuestro y ninguna de las partes volverá a ser la misma.

33. Haz visitas de campo. La amplitud del mundo es mucho más grande que la de tu televisor o Internet; más profunda, interactiva, rentable y dinámica que cualquier ambiente simulado en computadora en tiempo real.

34. Comete errores más rápido. Esta no es mi idea; la pedí prestada. Creo que pertenece a Andy Grove.

35. Imita. No seas tímido al respecto. Intenta llegar tan cerca como puedas. Nunca recorrerás todo el camino, y la separación puede resultar realmente sorprendente. Sólo necesitamos observar a Richard Hamilton con su versión del gran vaso de Duchamp para ver lo rica, desacreditada y desaprovechada que es la imitación como técnica.

36. Improvisa. Cuando se te olviden las palabras, haz lo que Ella Fitzgerald: inventa algo más … pero no palabras.

37. Rómpelo, estíralo, flexiónalo, estréllalo, quiébralo, dóblalo.

38. Explora la otra orilla. Existe una gran libertad cuando evitamos adoptar el paquete tecnológico. No podemos encontrar la otra orilla porque estamos parados sobre ella. Intenta utilizar equipo con tecnología que se ha tornado obsoleta por un ciclo económico, pero que aún posee un rico potencial.

39. Los descansos para tomar café, los viajes en taxi, son invernaderos. El verdadero crecimiento con frecuencia ocurre fuera de los espacios en los que intentamos que se dé; en espacios poco ortodoxos — lo que el Dr. Seuss llama «el lugar de espera». Hans Ulrich Obrist una vez organizó una conferencia sobre ciencia y arte con toda la infraestructura de una conferencia — recepción, pláticas, comidas, llegadas al aeropuerto — lo único que no hubo fue conferencia. Aparentemente el experimento fue altamente exitoso y gestó un ambiente de colaboración que aún persiste.

40. Evita marcar áreas. Sáltate las trancas. Las fronteras de la disciplina y los ambientes regulatorios son intentos de controlar la tormentosa vida creativa. Comúnmente son esfuerzos entendibles para ordenar los procesos evolutivos complejos. Nuestro trabajo es saltar trancas y atravesar campos.

41. Ríete. La gente que visita nuestro estudio con frecuencia comenta sobre cuánto nos reímos. Desde que soy consciente de ello, lo utilizo para medir qué tan cómodamente nos estamos expresando.

42. Recuerda. El crecimiento sólo es posible como producto de la historia. Sin memoria, la innovación se convierte en mera novedad. La historia da rumbo al crecimiento. Pero la historia nunca es perfecta. Cada recuerdo es una imagen degradada o recompuesta de un momento o acontecimiento previo. Esto es lo que nos hace conscientes de que se trata del pasado, y no del presente. Ello significa que cada recuerdo es nuevo, que se trata de algo diferente de su fuente y con un gran potencial de crecimiento propio.

43. Dale el poder a la gente. El juego sólo puede ocurrir cuando la gente siente que tiene el control sobre su vida. No podemos ser agentes libres si no somos gente libre.

Visto en Analisis Gráfico

Windows XP con apariencia de Linux

Estos son los pasos a seguir para darle a tu windows una apariencia visual igual a Linux (concretamente a la distribucion Ubuntu).

  • Descarga e instalación del Uxtheme Multi-patcher 5.0. Esto parchea la dll necesaria para que Windows pueda utilizar estilos visuales sin necesidad de programas de terceros.
human_for_windows_by_fioressj.jpg
  • Aplicamos el tema. Doble click sobre el archivo Human.msstyles del estilo descargado.
  • También puedes bajarte el tema Human para Firefox

Dentro de la descarga del tema Human para Windows también encontrarás una carpeta con los cursores y el wallpaper para dejar tu tema Human for Windows con todos los elementos para no extrañar a Ubuntu mientras usas Windows.

Fuente: Cesarius Revolutions via Fayerwayer

ACTUALIZACION

Theme para Firefox 1.5 estilo Ubuntu, aquí. (no funciona en la version 2.0, en el momento de postear esto.)

Set de iconos Tangerine/Tango aquí.

Paleta de colores de una foto

Resulta que ves una foto cuyos colores te encantan para la nueva web que estás creando y que va a dejar todas las que existen a la altura del betún, pero tus sueños de éxito se desmoronan cuando tras muchas horas no consigues adivinar los códigos de color que incluir en el html/css.

palete.jpg

Con este Color palette Generator puedes darle la dirección de una imagen y te dará los colores que incluye con su código y una pequeña muestra de ellos.

Fuente: Google

Diccionario de Diseño Gráfico

Acetato. Diseñador gráfico especialista en tatuajes.

Acrobat Reader. Un maromero al que le gusta leer mucho.

Aerografía.
Rama del diseño gráfico, especializada en la rotulación de aviones.

Advertising. Amenazar a un diseñador para que no cante en el área de trabajo.

Adobe.
Casa de campo que es fría en verano y cálida en invierno.

Aguada.
Estado de las diseñadoras después de pasar varios meses frente
al ordenador.

Aliasing.
Ponerse apodos entre los diseñadores.

Barroco.
Erupción cutánea de los diseñadores pubertos.

Bleeding.
Reacción del cuerpo a un shortcut.

Branding.
Dícese de la dieta de los diseñadores que es alta en fibra.

Bold.
Detergente utilizado por los diseñadores.

Bolígrafo.
Diseñador gráfico gordo.

Bosquejo.
Dibujo burdo de un bosque.

Caché.
Atrapar una idea en el aire.

Caja de X.
La caja de un tipo desconocido.

Carboncillo.
Pequeño diseñador gráfico que es muy fregón.

Cemento Iris.
Conocida droga de los Diseñadores.

Churriguerezco.
Diseño gráfico muy fumado.

Clipart.
Acción de crear figuritas con clips.

Convertir a curvas.
Etapa final de la dieta que realizan las diseñadoras.

Copywrite.
Acto de transcribir un texto.

Cuentahilos.
Diseñador gráfico que no tiene nada que hacer.

Cursiva.
Diseñadora que gusta de las cartas de amor y arte con motivos románticos.

Degradado.
Se le llama así al diseñador que se vende muy barato.

Diapositiva.
Un día perfecto para Diseñar.

Disco duro.
Cualquier CD de heavy metal.

Dreamweaver.
Diseñador poco productivo y somnoliento.

DVD.
Lo mismo que «tiene que…».

Estilógrafo.
Diseñador gráfico de muy buen vestir.

EPS.
Expresión de sorpresa menor que el oops!!

Flash.
Super héroe de la multimedia.

Flaten.
Diseñador con flatulencias.

Floppy.
Pastelito de chocolate relleno de malvavisco, golosina
preferida de los mercadólogos.

Freehand.
Software de diseño preferido por los Diseñadores solteros.

Fotocomponedora.
Acto de tomarse una fotografía con una diseñadora decascos ligeros.

Fotografía digital. Acción errónea de poner el dedo en el lente de lacámara.

GIF.
Imagen que se regala.

GIF animado.
Imagen que se regala generalmente con escenas felices.

Godete.
Expresión que usan los diseñadores gangosos cuando estan molestos.

Illustrator.
Primo de Terminator y al que le gusta mucho dibujar.

Impresionismo.
Estado posterior a la observación del exhibicionismo.

Inches.
Ayudantes del director de arte.

Lápiz.
Nombre que los diseñadores dan a su miembro durante la niñez.

Layer.
Nombre dado a aquel diseñador que suele decir muchas mentiras.

Letra de caja alta.
Cajota.

Letra de caja baja.
Cajita.

Macromedia.
Prenda interior de vestir de las diseñadoras gordas.

Malla.
Prenda de vestir utilizada por los serigrafistas.

Mecanorma.
Diseñadora de nombre Norma de enormes proporciones y quesuele ser usuario de Macromedia.

Mega.
Tienda departamental en donde surten su despensa los diseñadores.

Multimedia.
Prenda de vestir interior que se comparten entre las diseñadoras.

Pantone.
Shampoo suave en gran variedad de colores.

Picas.
Jugar competencias.

Pincel.
Método de transporte de los diseñadores de escasos recursos.

Plotter.
Apellido del mago de las impresiones en gran formato.

Preprensa.
Periódico especial para tartamudos.

Prueba de color.
Acto de verificar si el color rojo sabe a fresa, elverde a limón, etc.

Punto de fuga.
7:00 p.m.

Puntos.
Diseñadores gráficos de raras costumbres.

Quemador de CD.
Se le llama así al Diseñador que escucha un CD una y otra vez.

Ripear.
Acción de cantar mientras se espera la decodificación de un
video.

Screen.
Película de preferida de algunos diseñadores.

Señalética.
Señal de moral cuestionable.

Quark Express.
Graznido veloz.

Separación de color.
Diseño gráfico con tendencias racistas.

Shortcut.
Pequeña cortada, que generalmente viene precedida de un
bleeding.

Tipo. Diseñador de nombre desconocido.


Tipografía.
Fotografía de un diseñador de nombre desconocido.

Tipómetro.
Diseñador desconocido de pequeña estatura.

Tipo móvil.
Diseñador desconocido al que se le puede colocar en
cualquier sitio.

Versalitas.
Acto de mirar salas pequeñas.

Viñetas.
Expresión de los diseñadores senior cuando observan diseñadores junior.

Web.
Estado de cansancio de un diseñador gráfico.

Webmaster.
El más flojo de los diseñadores.

fuente: insomnium  via Analisis Gráfico

El diseño se repite, como la historia

time_zarqaui_hitler_sadam_j.jpg

«El semanario americano Time refleja esta semana la cara del terrorista Al Zarqaui cruzado con dos aspas rojas que indican su eliminación.

Como apunta Periodistadigital, sólo en dos ocasiones anteriores en sus 83 años de historia el semanario ha repetido este diseño de portada: tras el suicidio del dictador Hitler y después de la captura de Sadam Husein, el carnicero de Tikrit. Cuando Japón se rindió ante los americanos también utilizó un formato similar. Como siempre, la historia se repite.»

Fuente: Maquetadores

Por qué en IE se ve “bien” y en Firefox se ve “mal”

FirefoxMSIE.jpg

Copy&Paste de Demasiada Cafeína.

«El otro día una amiga me comentó que una compañera suya estaba haciendo una web, y que “en el Explorer se ve bien y en Firefox mal”, y me preguntó que a qué podría ser debido. Le di una respuesta deprisa y corriendo y creo que no expresé bien, así que aquí va la full version. La comparto con vosotros porque seguramente nos esperen muchas más preguntas de este estilo.

La clave para entenderlo bien es darle la vuelta a la tortilla. La realidad es que en IE se ve “mal”, y en el resto de los navegadores (no sólo Firefox) se ve “bien”. Pongo “bien” y “mal” porque son apreciaciones que hacemos los humanos, subjetivas.

Los navegadores no son adivinos con bolas de cristal que se conectan a la mente del maquetador web e interpretan su voluntad. El maquetador tiene que dejar escrito, detalladamente, el contenido y apariencia de la página web: esto se consigue con los lenguajes (X)HTML y CSS.

Estos lenguajes se encuentran bien definidos cómo estándar, en el WWW Consortium (viene a ser algo así como la RAE). Este organismo se encarga de describir con precisión cómo deben interpretar el (X)HTML y el CSS los navegadores.

Ahora bien, los navegadores no siempre cumplen a pies juntillas lo que dice el W3C. Es más, cierto navegador no hace ni puto caso.

Pongamos un ejemplo ficticio: Imaginemos que el Explorer “confunde” los colores rojo y blanco, y los intercambia, debido a un error de programación (no entraremos a valorar si por descuido o deliberadamente). Es decir, que donde pone #FFFFFF IE lo interpreta como #FF0000, y viceversa. En este ejemplo supondremos que el resto de los navegadores interpretan los colores correctamente.

¿Qué pasaría si queremos hacer una página web con fondo blanco? En nuestro código HTML, pondríamos que en IE se mostraría blanco. Entonces cuando vamos alegremente a mirar la web con otros navegadores, vemos que se muestra de color rojo fosforito. “En Firefox se ve mal”. Pues no. Por mucho que se empeñe el Explorer en hacer creer a los desarrolladores web, el número #FF0000 significa rojo, y prou.

Lo que ha pasado es que una página se ha desarrollado mal (a menudo inconscientemente) para forzar a que se vea “bien” en IE. Lo que obtenemos es que en IE la página se visualiza incorrectamente, pero por casualidades místicas esa visualización coincide con los deseos del diseñador.

Un ejemplo real y muy gráfico de cómo IE visualiza de mal las páginas lo podemos encontrar en el Acid Test. Es un ejemplo de página web que construye mediante código estándar y válido un dibujito de una cara sonriente. Según lo bien programado que esté el navegador, veremos este dibujo más o menos bien. Los únicos navegadores “mayoritarios” que lo muestran correctamente son Safari (Mac), KonquerorOpera (multiplataforma). Firefox se queda a medio camino, pero lo de Internet Explorer clama al cielo. (GNU/Linux) y

En resumen, lo más fácil para que una web se vea más o menos bien en todos los navegadores es hacerla primero para Firefox o cualquier otro navegador, y luego “apañarla” como buenamente podamos para Internet Explorer.»

Ahora una muestra de como se visualiza el blog en Microsoft Internet Explorer y Mozilla Firefox.

enexplorer.jpg enfirefox.jpg
Internet explorer a la izquierda, mozilla firefox a la derecha.

Rueda de color interactiva.

Una buena aplicación en línea para escoger colores de texto y fondo. Por lo menos veremos como contrasta el textos sobre un color.

accessiblecolor.jpg

También simula el resultado para personas con cierta «ceguera» a los colores.

Enlace: Accessibility Color Wheel

Fuente: Vecindad Gráfica

Modo 201

El software de modelado que tanto esperaba ultimamente la comunidad 3D ha salido ya a la venta.

modo.jpg

modo2.jpg

La version de evaluación de modo 201 esta al caer. Trae alrededor de 3GB de contenidos, con videos y material de entrenamiento. Para acceder a ella es necesario registrarse en la web, ya que estan reservando el ancho de banda a esos usuarios para las descargas venideras.

Enlace: www.luxology.com