martes, 31 de agosto de 2010
El Cliente: ese director creativo en potencia
Hace un par de meses Lis Torrón, de la agencia madrileña Reclam, publicó en su blog una buena reflexión sobre el cliente que son también los nuestros) y su afán por ser director creativo. Me gustó cuando lo leí y me gustaría compartirlo con todos vosotros:
Estadísticas globales de los navegadores
Dicho estudio nos muestra lo que ya deberíamos saber: el uso mayorítario de Internet Explorer 7 y 8, aunque Firefox le sigue muy de cerca. El uso de IE6 es apenas perceptible (yo pensaría que realmente es mayor su porcentaje, al menos en España). Así que ya sabéis, hay que seguir rompiéndose la cabeza a la hora de escribir html para conseguir los mismos resultados en IE que en el resto de navegadores si queremos que nuestra web sea "universal".
lunes, 30 de agosto de 2010
Flash@TeeFury
El origen del logo de Mozilla Firefox
El logotipo de Mozilla Firefox ha sufrido cambios a lo largo de estos años. De hecho tubo un inicio poco afortunado ya que, en su origen, con la intención de llamarse Phoenix, tuvo que ser cambiado por Firebird ya que se encontraba registrado y más tarde por el actual Mozilla Firefox. El primer logotipo estaba más indicado para un asador de pollos que para un navegador aunque se llamara Firebird. Después cambiaría a una primera versión del logotipo actual y que fue realizado en 2004.
Bokeh: qué es y para qué sirve
Hoy voy a hablaros de un desenfoque especial llamado Bokeh en fotográfia y que produce un efecto muy bonito en determinadas imágenes. También cómo podemos emular dicho efecto desde software. Así que lo primero será explicar qué es y en Wikipedia encuentro:
Bokeh, pronunciado 'boqué', es un concepto japonés (ぼけ boke) que significa desenfoque. En fotografía se utiliza este concepto para referirse a la calidad subjetiva de un objetivo por la estética de las zonas desenfocadas que produce en una fotografía.
Se trata por tanto no de la cantidad de desenfoque que un objetivo produce, sino de cómo es. Para la fotografía de determinados motivos, es interesante que el fondo quede desenfocado para evitar distracciones al observar la fotografía y resaltar de este modo el motivo. Mientras que unos objetivos muestran los objetos desenfocados como manchas circulares, otros lo hacen en otras formas, colores y contrastes. Estas formas como manchas suaves de color que toman los objetos desenfocados es lo que caracteriza el bokeh de un objetivo.
viernes, 27 de agosto de 2010
Iconos sólamente con CSS3
CSS es una herramienta potentísima en las manos adecuadas, y prueba de ello son los veintisiete logotipos que quedan tras el salto, ya que han sido creados íntegramente con CSS3.
Por impresionante que parezca no hay ningún uso de imágenes o técnicas extrañas para lograr los logos que os dejo tras el salto, todo son líneas de código CSS3 (usa Firefox o Safari para verlos mejor, pero no las imágenes jpg sino desde código)). Aunque todo hay que decirlo, algunos difieren un poco de su logotipo real, pero son fallos perdonables por las limitaciones de la técnica y humanas.
Fuente 1stwd
Cojines con poca tinta
Durante la carrera o en el instituto, lo que más temíamos antes de la entrega de un proyecto era que la tinta se empezara a acabar y dejara esos degradados tan característicos en mitad de un dibujo o una imagen, no tanto por tener que repetir esa lámina, sino porque había que ir a comprar tinta, y el tiempo no es algo que suela sobrar a horas de la fecha límite de entrega. Y además, dónde compras un cartucho de tinta de madrugada (cosas de dejarlo todo a última hora).
A Thomas Dabner le habrá sucedido en más de una ocasión y ha decidido diseñar estos cojines con poca tinta, para que cada vez que los veamos recordemos esa sensación de frustración y no se le olvide comprar recambios.
Están disponibles en los tres colores de tinta (cian, magenta, amarillo y negro) e incluso tienen un pequeño detalle en forma de la típica hoja de prueba que realizan las impresoras cuando cambiamos el cartucho. Dependiendo del tamaño cuestan entre 20 y 25 euros cada uno. Un poco caros, pero ideales para el sofá de la oficina o el despacho.
Otro artilugio más que añadir a la lista de compra de todo diseñador, por aquello de querer ser diferentes y al final acabamos siendo iguales. ¡Viva la igualdad!
jueves, 26 de agosto de 2010
8 maneras de fastidiar a un diseñador gráfico
1. Microsoft Office:
Cuando tengas que enviar un documento a un diseñador gráfico, asegúrate que lo envíes desde un Office de Microsoft. La versión de PC si es posible. Si tienes que enviar una imagen, lo que debes hacer, en vez de enviarlo en jpg, es colocarlo en un Word o Powerpoint. No te olvides de bajar la resolución a 72 dpi, así tendrá que llamarte de nuevo por una versión de mejor calidad. Si lo estás enviando por email, olvida adjuntar la imagen de vez en cuando.
En mi caso personal, he llegado a ver cartelería en Din-A0 hecha con Powerpoint... pero también he visto logos con Autocad. En la viña del señor...
Nom Nom Nom: Camiseta diaria
RipTapparel (o RipTee, de camiseta en inglés) es una tienda online de camisetas efímeras y diarias: cada día disponen de un modelo nuevo y sólo disponible para su compra en esas 24 horas. Una vez acabado, hay una nueva y la anterior desaparece para siempre.
La de hoy jueves 26 es Nom Nom Nom, un gráfico Pacman realizado por Kuwahara. por 10 dólares es tuya (¡menos de 8 pavos!).
miércoles, 25 de agosto de 2010
Diseñador versus Cliente
- Te he contratado para vender más, no para que me enseñes el último efecto que has aprendido a hacer. Cíñete a mis necesidades.
- Sí, quiero usar la tipografía corporativa de mi empresa. Si a ti no te gusta, habla con el diseñador que hizo la identidad y lo discutís.
- Me da igual que el logo de mi empresa “rompa la armonía del diseño”, quiero que en el folleto aparezca.
- Es verdad que ese formato es muy rompedor pero ¿harás tu el envío? Es que Correos dice que él no.
- Me importa un bledo que lo hayas hecho en P-137. Nosotros trabajamos con el Aranzadi, no con la pantonera. Basta con que me digas “naranja”, creo que seré capaz de entender a qué te refieres.
- Repite conmigo: “La pieza final es para darle caché al cliente, no a mí”. Piensa un rato en ello y luego dale otra vuelta al folleto.
- Por más que insistas yo sigo sin ver una “C” aquí. ¿No tenías tipografías suficientes? ¿Te paso alguna?
- ¿¿¿¡¡¡Cuanto dices que cuesta una página en blanco con mi logo abajo!!!??? Espera a necesitar un abogado, que te voy a aplicar yo también el “minimalismo” en lo jurídico.
- Qué os creíais ¿que los diseñatas éramos santos? Este a mi tampoco me hace gracia, pero había que ser justos ¿no?
Diseñador -> Cliente
- Photoshop no es Dios. No sabe qué había más allá de lo que salió en la fotografía a la hora de sacarla. Por tanto, tampoco puede mostrar a Menganita, “que estaba ahí al lado”.
- Por la misma regla de tres, no se puede dejar el mismo ancho de una fotografía y hacerla el doble de alta. Se deforma. Y no, yo no puedo hacer nada.
- Al equipo de Adobe le da igual que lo haya visto hacer en CSI. Una foto de móvil no se puede ampliar al 1600% y que tenga calidad y definición. Da igual que el que le vendió el teléfono le dijera que Nokia tiene las mejores cámaras.
- El móvil es para hablar por teléfono. Cuando quiera enviarle una foto a su diseñador, use la Nikon. Si va a querer que además quede bien, use un fotógrafo.
- Esos archivos raros que hay en el CD que pone “Identidad Corporativa” no son para rellenar. Da igual que usted no pueda abrirlos, envíeme esos, y no el jpg o el gif.
- Da igual lo que le contaran en el curso de ofimática de la empresa: Powerpoint, Word o Excel no son los medios óptimos para enviarle una imagen a alguien. Ni siquiera son dignos.
- Si su diseñador le pide su logotipo, no es para que usted abra la página web de la empresa y copie el gif de cabecera. Si eso valiese, ya se le habría ocurrido al diseñador. Tampoco sirve una foto de su tarjeta de visita, que le veo venir.
- No hemos sido unos vagos a la hora de hacer su folleto. Esos espacios en blanco están ahí por algo.
- Una imagen a 72ppp cambiada a 300ppp sigue sin estar a alta resolución, sólo ha conseguido que pese mucho más. Y no, yo sigo sin poder hacer nada.
- Entiendo los colores “verde inglés”, “rojo cocacola” o “rosa chicle”. Los colores “verde dama de honor” o “azul coche moderno” son un algo menos concretos.
- Cuando el diseñador le dice que el texto que ha enviado no entra en el espacio que tenemos, es para que reduzca el texto, no para que le cambie las comas de sitio.
- Meter o quitar cuatro párrafos nuevos en el último momento no es “una chorrada de 3 minutos”. Aquí las gráficas e imágenes no se “recolocan” cuando añade o quita texto. Y no, eso no significa que Word sea mejor. Cuando consiga que Word haga eso en una maquetación a 3 columnas con las gráficas a dos o una, volvemos a discutirlo.
- Que le presente 2 opciones no quiere decir que haya hecho 2 opciones. He hecho 15 y he seleccionado estas dos, así que no, no puedo “centrar el texto y probar como queda en verde”.
Vía: Designios
martes, 24 de agosto de 2010
Jabato Games: nuevo blog sobre programación - jabatogames.blogspot.com
Os dejo el enlace hacia el nuevo blog de WaitSignal (servidor) sobre videojuegos y programación. Espero que os resulte tan interesante como esta Comunidad. Ambos blogs son el complemento perfecto para realizar un trabajo de gran calidad.
Enlace: JabatoGames
Saludos.
100 Fotografías Macro
La fotografía macro es aquella que nos permite ampliar y ver con detalle aquellas cosas demasiado pequeñas para el ojo humano. Con una buena óptica, podemos obtener perfectamente 10 aumentos e incluso más y conseguir obeservar detalles nuevos que hasta ahora se nos escapaban. Fauna, flora o cualquier otra cosa.
Aquí os dejo con 100 macrofotografías impresionantes:
OptGroup: la etiqueta olvidada
El elemento OPTGROUP te permite agrupar opciones lógicamente dentro de un deslegable en un formulario. Esto es particularmente útil cuando el usuario debe elegir de entre una larga lista de opciones ya que es más fácil apreciar y recordar grupos de opciones relacionadas que una larga lista de opciones sueltas. En HTML 4, todos los elementos OPTGROUP deben especificarse directamente dentro de un elemento SELECT (es decir, no pueden anidarse unos grupos dentro de otros).
Y aquí un ejemplo:
Polymaps: librerías Javascript para mapas
Como utiliza imágenes vectoriales en formato SVG para mostrar los datos podemos utilizar reglas CSS para darles estilos a nuestro gusto y manera, y es que esa es posiblemente la mayor ventaja que tenemos con Polymaps sobre sus competidores. Pero no está sólo: hace unos meses apareció GeoExt aunque con un destino algo más topográfico.
lunes, 23 de agosto de 2010
Conceptos sobre tipografía
Aquellos que hemos estudiado tipografía e incluso nos hemos atrevido en más de una ocasión con las curvas bezier y los puntos de ancla lo tenemos fácil cuando hablamos técnicamente sobre las fuentes, pero el vocabulario y los conceptos dentro de esta disciplina son amplios y deberíamos conocerlos todos.
Lo primero que deberíamos hacer es explicar qué significa qué en todo esto:
Tipo: es igual al modelo o diseño de una letra determinada.
Tipografía: es el arte y la técnica de crear y componer tipos para comunicar un mensaje. También se ocupa del estudio y clasificación de las distintas fuentes tipográficas.
Fuente tipográfica: es la que se define como estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por unas características comunes.
Familia tipográfica: en tipografía, significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, tales, como por ejemplo, en el grosor y anchura, pero manteniendo características comunes. Los miembros que integran una familia se parecen entre sí pero tienen rasgos propios.
domingo, 22 de agosto de 2010
Concurso: demo en JavaScript en menos de 1k
Los ganadores serán anunciados en la conferencia europea para desarrolladores de JavaScript que se realizará el 25 y 26 de septiembre en Berlín y si bien no hay importantes premios monetarios, no creo que nadie que participe lo haga por el dinero: la mayoría de los premios son cuentas premium y libros (bastante avanzados, obviamente) sobre JS y HTML5, pero el reconocimiento será inmediato.
sábado, 21 de agosto de 2010
Enlaces y anclas
El primer documento HTML que existió en la Web fue una demostración de cómo utilizar los enlaces de hipertexto. Está todavía guardado en las páginas del W3C y, naturalmente, funciona: Links and anchors.
Visto en Microsiervos
viernes, 20 de agosto de 2010
jueves, 19 de agosto de 2010
Un historiador leonés crea para Windows el tipo de letra usado por Fernando II y Alfonso IX
Vía Facebook y Noticias de León (Leonoticias) me ha llegado referencia sobre una nueva tipografía medieval española que paso a copiar y a comentar a continuación:
Esta no es la primera ocasión en la que este profesor de secundaria toma una iniciativa de este tipo ya que hace unos años creó otra a la que denominó 'Visigótica Leonesa'.
Rendera nos ayuda a conocer la web que viene…
CSS3 es el paso lógico en la evolución de la programación web ya que en esta nueva versión se corregirán algunas funcionalidades y conceptos que han causado unos cuantos problemas a todos los diseñadores y programadores web. CSS3 viene esta vez acompañado de otro amigo también esperado… HTML5, también conocido como el “Flash Killer”. Flash debe morir...
Rendera es un editor de código HTML5 y CSS3 en línea, además de una gran ayuda para los desconocedores de estos dos lenguajes ya que, si introducimos algo de código html o css estaádar, Rendera puede transformarlo en CSS3/HTML5 mostrando su código “traducido”.
miércoles, 18 de agosto de 2010
Free JPG: banco de imágenes gratuito
Free JPG es un banco de imágenes gratuito bastante interesante y que contiene cientos de fotografías e imágenes en formato JPG y a 300ppp (dpi en inglés) y que son totalmente gratuitas y libres, incluso con fines comerciales. Lo único que no podremos hacer es ofrecerla a terceros o venderlas.
Yo de tí me daba una vuelta por este website y le echaba ojo a sus galerías, que pueden ser necesarias en más de una ocasión.