Diseño.py

Irene 9 feb 2012 Lectura Todo 1 comentario

De la mano del colega paraguayo Alejandro Valdez me llega la noticia de la nueva revista paraguaya Forma.

Quedé atrapada por las casi 200 páginas de su número lanzamiento en las que tratan diversos temas: diseño gráfico, música, arquitectura, TIC, tipografía, sostenibilidad, artes visuales, ciencia, diseño de moda, gastronomía.

Si quieren hojearla a la manera tradicional, pueden pasar hacerlo también desde el archivo de su web.

Para que llueva


Algunas propuestas de paraguas para que llegue la deseada tormenta de esta noche, diseños de yanko design, materious y ambientdevices.

Posters mínimos

Irene 23 jul 2010 Ilustración 1 comentario

[nggallery id=35]

Estos afiches son la versión minimalista de la película que representan, pero después de haberla visto, claro. Parecen un divertido ejercicio de facultad.

Vía | eblog

Vuelva loco a su diseñador en 8 sencillos pasos

Irene 15 jul 2010 Todo 9 comentarios

Yo creo que varios clientes míos ya se saben esta fórmula de memoria, díganme la verdad.

1. Micro­soft Office
Cuando ten­gas que enviarle a un dise­ña­dor grá­fico un docu­mento, ase­gú­rate de que esté hecho con pro­gra­mas de Micro­soft Office. Ver­sión PC, si es posi­ble. Si tie­nes que enviarle fotos, ten­drás más posi­bi­li­da­des de vol­ver­los locos si, en lugar de limi­tarte a enviarle el JPG, copias el docu­mento den­tro de un fichero de Office, como Power­point o Word. No te olvi­des de redu­cir la cali­dad a 72 ppp para que no les quede más reme­dio que vol­ver a con­tac­tar con­tigo para pedirte mayor reso­lu­ción. Cuando le envíes la ver­sión en “alta”, ase­gú­rate de que el fichero sea por lo menos un 50% más pequeño y si usas el correo elec­tró­nico para enviár­selo, olvida adjun­tar el fichero de tanto en tanto.

2.Tipografías
Si el dise­ña­dor elige Hel­vé­tica como fuente, pide que la cam­bie a Arial. Si elige Arial, pídele la Comic Sans. Si ha ele­gido Comic Sans es que ya se le está yendo la pinza, así que tie­nes el tra­bajo medio hecho.

3. Cuanto más, mejor
Diga­mos que quie­res un diseño para una news­let­ter. El dise­ña­dor grá­fico tra­tará de dejar espa­cio en blanco por todas par­tes. Gran­des már­ge­nes, inter­li­neado, sepa­ra­cio­nes entre párra­fos, etc. Te dirá que así es más fácil de leer y que el aspecto será más lim­pio y pro­fe­sio­nal. No creas sus sucias men­ti­ras, la razón por la que hace eso es para hacer el docu­mento más grande, con más pági­nas, para que te cueste más dinero cuando lo lle­ves a la imprenta. ¿Por qué hacen eso? Por que los dise­ña­do­res te odian. Tam­bién comen bebés, carne cruda y picada de bebé.

Así que ase­gú­rate de que ponga los már­ge­nes pega­dos y el texto muy, muy, muy pequeño. Tam­bién se sugiere usar muchas tipo­gra­fías dis­tin­tas (y mucho mejor si pides Comic Sans o Arial). Pide dibu­ji­tos de cli­part. Pide muchas fotos (si no sabes cómo enviár­se­las, remí­tete al punto 1).

Inten­ta­rán dis­cu­tir y defen­der sus opi­nio­nes, pero no te preo­cu­pes: al final el cliente siem­pre tiene razón y te harán caso en todo lo que pidas.

4. Logos
Si le tie­nes que enviar a un dise­ña­dor un logo para un pro­yecto con­creto, diga­mos de un patro­ci­na­dor o un part­ner, ase­gú­rate de que sea un GIF o JPG en baja reso­lu­ción y muy muy pequeño. De nuevo, mejor si lo metes den­tro de un docu­mento de Word. Qui­zás creas que con eso es sufi­ciente, pero si real­mente quie­res mer­mar la esta­bi­li­dad men­tal del dise­ña­dor, mejor envía­selo sobre un fondo del que sea difí­cil recor­tar el logo. Evita los fon­dos blan­cos o negros, muy fáci­les de recor­tar desde Pho­tos­hop. Una vez que el dise­ña­dor haya logrado extraer el logo, dile que lo nece­si­tas más grande.

Si lo que nece­si­tas es que te dise­ñen un logo, haz tus boce­tos en una ser­vi­lleta o mejor, pídele a tu hijo de 9 años que lo dibuje. No debe lle­varte más de 5 minu­tos hacer el boceto. No debe ser algo deta­llado y fácil de enten­der, puesto que cuanto menos entienda el dise­ña­dor lo que quie­res, más cam­bios le pue­des pedir a pos­te­riori. Nunca acep­tes el pri­mer logo que te envíe, nunca acep­tes el noveno, hazle hacer miles de modi­fi­ca­cio­nes: color, tipo­gra­fía e ima­gen. Pídele que ponga fotos en el logo, relie­ves, gra­dien­tes, comic Sans…  y cuando lleve 10 inten­tos, dile que te gus­taba la ver­sión número 2, incluso la 1. Es una cruel­dad, pero recuerda: los dise­ña­do­res grá­fi­cos son la causa de que exista cán­cer de mama entre las muje­res de mediana edad.

5. Elige bien las palabras
Cuando le digas lo que opi­nes de un diseño, ase­gú­rate de usar pala­bras que no sig­ni­fi­quen real­mente nada. Expre­sio­nes como “lo quiero más diná­mico”, “¿pue­des hacerlo más inter­ne­tero?”, “me gus­ta­ría que el diseño fuese sexy” o “quiero grá­fi­cos boni­tos, grá­fi­cos que cuando los mires pien­ses:¡eso son grá­fi­cos boni­tos!”.

No te sien­tas mal, estás haciendo lo correcto, de hecho, es tu deber, por­que todo el mundo sabe que cuando hay luna llena, los dise­ña­do­res grá­fi­cos se con­vier­ten en hom­bres lobo.

6. Colores
El mejor sis­tema para ele­gir colo­res (por­que desde luego no vas a dejar que el dise­ña­dor los elija) es escri­bir colo­res al azar en peda­ci­tos de papel, meter­los en un som­brero y sacar unos cuan­tos al azar. El dise­ña­dor insis­tirá en que os que­déis con 2 o 3 colo­res prin­ci­pa­les, pero no, elige tan­tos como quie­ras y ase­gú­rate de hacer lo del som­brero delante de él (si mien­tras lo haces, can­tu­rreas una can­cion­ci­lla desagradable, mejor que mejor).

7. Plazos
Cuando lle­gue el turno de apro­bar el diseño, tómate tu tiempo. No hay prisa. Tómate un par de días, o 6. Lo justo para que cuando se acer­que el plazo de fina­li­zar el pro­yecto pue­das enviar muchas más correc­cio­nes y cam­bios de los que el dise­ña­dor tenga tiempo de hacer. Al fin y al cabo, los dise­ña­do­res grá­fi­cos son los res­pon­sa­bles de los ata­ques del 11 de septiembre.

8. ¡Acaba con él!
Des­pués de haber apli­cado los ante­rio­res pun­tos a tu víc­tima, es humano sen­tirse un poco inse­guro. Cuando se haya dado cuenta de que no puede satis­fa­cer todos tus deman­das, el dise­ña­dor grá­fico segu­ra­mente habrá aban­do­nado toda espe­ranza de razo­nar con­tigo y hará cual­quier cosa que le pidas sin dis­cu­sión. “¿Lo quiere en morado? Pues en morado. ¿Seis Fuen­tes dife­ren­tes? ¡Sea!”

Qui­zás pien­ses que lle­ga­dos a este punto, has ganado la par­tida, pero no olvi­des tu obje­tivo: tiene que aban­do­nar la pro­fe­sión. Así que pre­pá­rate para el golpe de gra­cia. A la hora de tomar las últi­mas deci­sio­nes en colo­res, for­mas, tipo­gra­fías, etc, dile que estás muy dis­gus­tado con su falta de ini­cia­tiva, recuér­dale que al fin y al cabo, él es el dise­ña­dor y debe­ría ser él el que aporte la pro­fe­sio­na­li­dad y talento en el tra­bajo y no tú. Comén­tale que espe­ra­bas más opi­nio­nes y suge­ren­cias sobre el diseño por su parte, dile que ya te has har­tado de su falta de crea­ti­vi­dad y pro­fe­sio­na­li­dad y que has deci­dido que te sale más ren­ta­ble hacer tus pro­pios dise­ños en el Publis­her que pagarle a él por hacer­los.

Y ahí lo tie­nes. ¡A estás altu­ras ya debe­rías tener al dise­ña­dor grá­fico gol­peando su cabeza con­tra las pare­des de una celda acolchada!

Vía Darío Gallo | Ateneu popular

Arte Sudáfrica 2010

Irene 10 dic 2009 Sin categoría 3 comentarios

[singlepic id=200 w=100 h=100 float=left]La FIFA encargó a 17 artistas relacionados a África la creación de la edición oficial de afiches de la Copa Mundial FIFA 2010.
Es una edición limitada de 2010 posters y sale nada más que 2490 EUR.
Los que más me gustan son el 4 y el 5. El 6 me encanta aunque no lo veo tan relacionado al fútbol.

El afiche oficial fue presentado hace unos días y fue elegido por los sudafricanos entre los 3 que se ven más abajo.
[singlepic id=201 w=229 h=294 float=center]
[singlepic id=202 float=center w=229 h=]
La verdad que la estética es mucho mejor que el mundial anterior, es un placer ver la marca y el resto de las piezas.
Vía | Pensamientos despeinados, @eapesteguia, Soccerlens

Diseño web mobile: no olvidemos los teléfonos celulares

Irene 9 dic 2009 Todo 2 comentarios
Con la cantidad dispositivos móviles que utilizamos en la actualidad se hace indispensable crear una version especialmente diseñada para ellos.
Páginas más livianas, sin imágenes, textos acortados, opción para volver a la versión original son algunas de las características que podemos darle para que el lector pueda navegar el sitio con comodidad desde su celular.
Hay otras cuestiones técnicas como la detección automática de dispositivos y en el caso de blogs, la inclusión o no de widgets que pueden complicar la navegación.

Con la cantidad dispositivos móviles que utilizamos en la actualidad se hace indispensable crear una versión adaptada del sitio.

Páginas más livianas, sin imágenes, textos acortados son algunas de las características que podemos darle para que el lector pueda navegar el sitio con comodidad desde su celular.

Hay que bajar las pretensiones al mínimo ya que hay decenas de navegadores y muchísimos dispositivos diferentes, por lo cual la flexibilidad es protagonista.

Hay otras cuestiones técnicas como la detección automática de dispositivos y en el caso de blogs, la inclusión o no de widgets que pueden complicar la navegación.

En A list apart nos dan sugerencias de como incorporar la plantilla, ya que algunos dispositivos no reconocen el media="handheld".

Algunas pruebas que pueden hacerse:

  1. Eliminar la hoja de estilos: algunos dispositivos no las soportan y de esta manera veremos cómo se mostrará en ellos.
  2. Redimensionar la pantalla para verla en los dispositivos que si las aceptan: algunos tamaños son
    • 240 x 160 pixeles
    • 320  x 240 px
    • 176 x 208 px
  3. Instalando el Ópera, se puede utilizar la opción ‘simular pantalla pequeña’.
  4. Mediante emuladores

Algunos de los consejos de la W3C que pueden leerse en Buenas Prácticas en Web Móvil son:

Para WordPress hay plugins que facilitan la tarea. Con sólo activarlos tendremos una versión funcional. Hay algunos que permiten configurar la visualización de posts, imágenes, extractos, etc.

  1. WordPress Mobile Edition
  2. WordPressMobile.mobi
  3. WordPress Mobile Pack
  4. MobilePress
  5. Mobile Admin
  6. Mobilize
  7. WPhone Admin Plug-in
  8. Mowser
  9. Wetomo WordPress to Mobile
  10. WP viewMobile

Más información

10 wordpress mobile plugins

Return of the mobile stylesheet

W3C mobileOK Basic Tests 1.0

Concurso: Rodolfo Walsh

Irene 12 may 2009 Sin categoría 3 comentarios

[singlepic id=64 w=320 h=240 float=]

Concurso de Afiches Rodolfo Walsh. Un acto de libertad.

Hasta el 26 de mayo

Organizado por Secretaría de Cultura y Educación de la Municipalidad de La Plata www.cultura.laplata.gov.ar con el auspicio de la Asociación de Diseñadores en Comunicación Visual de la provincia de Buenos Aires – ADCV info@adcv.org.ar | www.adcv.org.ar. Las propuestas deberán destacar la imagen pública de Rodolfo Walsh, su labor como periodista, escritor y militante, como hombre de acción comprometido con su tiempo. La forma de abordar el tema es totalmente libre. El concurso presenta dos categorías:Categoría A: concurso de afiches para profesionales -y/o grupo de profesionales. Categoría B: concurso de Ideas Visuales para estudiantes de carreras de diseño y público en general. Podrán participar los mayores de 18 años domiciliados en el partido de La Plata, Berisso, Ensenada, Magdalena y Brandsen y todos los asociados a la ADCV de la provincia de Buenos Aires. Premios y menciones:

  • Categoría A 1° Premio $ 3.000
  • Categoría A 2º Premio $ 1.500
  • Categoría B 1° Premio $ 1.000
  • Categoría B 2° Premio $ 500

La inscripción y recepción de las obras se realizará hasta el 26 de mayo de 2009, en la Dirección de Coordinación de Gestión Cultural de la Secretaría de Cultura y Educación de la Municipalidad de La Plata de 8.30 a 14hs. Pasaje Dardo Rocha 50 ( 6 y 7), 2° piso, of. 220.

Vía | ADCV Jujuy

Ir abajo

Irene 24 abr 2009 Todo 2 comentarios

Es discutible la visibilidad del pie (footer) de los blogs y de los sitios en general. Pero sin duda es un placer ver diseños que cuidan los detalles, hasta el final y hasta el último rincón.

En este post de Dzineblog comparten 30 diseños de pies de blogs interesantes.

[nggallery id=1]

Lista completa de links de los sitios:

…Continuar leyendo

Códigos 2D: el papel, el celular y la web

El código QR es una tecnología de codificación que convierte a casi cualquier celular con cámara en un escáner decodificador. Y una vez la información está en tu celular puedes guardarla o utilizarla de inmediato, como en el caso de un número de teléfono o una dirección web. O sea que puedo obtener cualquier clase de información: un texto, un número de teléfono, una dirección web para navegar un sitio o que me lleve a bajarme un audio o un video.

Algunos usos del código QR

Hace casi 2 años veíamos algunas aplicaciones, como en una caja de Mc Donald’s, donde nos daba información nutricional.

Otro uso, quizá más obvio, es agregarlo en nuestras tarjetas, para que puedan ser escaneadas y así ingresar todos los datos de contacto directamente en la agenda.

La aplicación que más me gusta es en locaciones turísticas donde se puede enriquecer con más información los elementos históricos, paseos y otros atractivos. En Inglaterra utilizan equipos especiales para dar información en distintos idiomas, y creo que esto podría ser una solución más económica, ya que evita la implementación y mantenimiento de tecnología específica.

En publicidad ya la han usado creo que no muy felizmente, para llamar la atención sobre una película, en Londres.

También se puede utilizar junto a Google Maps para ofrecer mayor información de un evento y así hacer portable la información que te permite llegar, por ejemplo.

Y claro, para votar en los reality shows por un participante u otro.

En EEUU una aerolínea se animó a usarlo para acelerar el check in. En lugar de imprimir un pasaje, llevás el código en tu celular y ellos lo escanean.

Y por aquí también anda Google

Google también anda en este tema. Estuvo haciendo pruebas para incluir códigos QR en publicidades, como la que hicieron en el NYTimes:

Esta prueba es parte de nuestros esfuerzos para hacer la publicidad impresa mas útil para los lectores y más medible para los anunciantes. El código 2D es una parte especialmente excitante de esto porque permite a los lectores “hacer click” en una publicidad interesante con sus celulares y conectarse al instante al contenido relevante online.

Para esto, lanzó ‘ZXing‘ (“Zebra Crossing”), un proyecto que apunta a crear un software libre para celulares que lea códigos QR y también DataMatrix además de los códigos de barra tradicionales.

El límite es la capacidad

Uno de los inconvenientes del formato es su limitada capacidad para contener información. Pero en Japón, donde esta tecnología se usa hasta en la sopa, ya están trabajando en una solución que tendría una capacidad de más de 1gb. Me imagino ver un video o escuchar audio sin acceder a la web, solo fotografiando un pequeño cuadradito. Y hasta hacer un backup…

Y ya tiene una mala copia

Foto Listao

Estos días se puede ver en Buenos Aires una publicidad de Movistar en la que invita a usar BIDI, una imagen codificada que al fotografiarla nos devuelve información para descargar contenido supuestamente gratuito. A primera vista parece que es el código de barras 2D, pero no lo es. Movistar, en vez de usar alguno de los estándares usa un formato propietario (BIDI) y te dice que lo mandes por mms para cobrarte el envío. De última.

Cómo leer el código QR

Para leer el código QR pueden bajarse alguno de estos programas gratuitos (cada uno tiene su lista de celulares):

Lo difícil es hacer que la gente común se instale el programa, eso mientras las compañías no lo incluyan por default. Pero seguramente algo se les va a ocurrir…

¿Todavía querés más información?

Intro aburrida

Irene 11 jun 2008 Sin categoría 2 comentarios

Google ofrece ahora en sus resultados de búsqueda, saltear la introducción de Flash. ¡Ja!
Y es que realmente ¿A quién le gustan las intros animadas? Se interponen entre el usuario y lo que realmente fue a buscar.
Otro argumento para disuadir a nuestros clientes.

Más » El flash en la web

Vía | adseok


Switch to our mobile site