Preimpreso

See you on the street!

2010-04-07T04:05:00.000-07:00

Este es el lema de Wallpeople, ¿aún no sabes de qué te estamos hablando? ¡Pues no te pierdas detalle!

Es un proyecto colaborativo que lleva tiempo luchando por devolver el arte al lugar del que partió, la calle y que hasta ahora ha conseguido que le sigan ciudades tanto nacionales como internacionales, pasando a ser así un evento global.

Su propuesta esta vez es conseguir el mural fotográfico más grande de tu ciudad. Su objetivo es conseguir que toda la gente salga a la calle y demuestre ese espíritu artístico que lleva dentro a través de tus propias fotografías.

Si ya te pica la curiosidad te decimos cómo puedes participar y dónde: la fecha claves el 10 de abril a las 17 horas, habrá media hora para colgar las fotografías en el muro. La temática es libre siempre y cuando no sean imágenes que dañen la sensibilidad de los demás y tampoco cuenten con un tamaño desmesurado.

Después de la “pega” de fotos, se pasará a la exposición hasta las 19 horas. Una vez finalizada podrás retirar tus fotos o dejarlas para que otras personas se las lleven o tú llevarte las de otros para compartir experiencias.

Este evento va a tener lugar de forma simultánea en tres ciudades españolas:

- Madrid: Calle Doctor Fourquet, 24 (Pared roja)

- Barcelona: Calle Valldonzella, 20 (Pista de baloncesto detrás del CCCB)

- Valencia: Antiguo Cauce del Río Turia (a la altura del Palau de la Música)

El siguiente paso de Wallpeople es seguir haciendo de la calle un arte, así que no dejes de informarte de todas las novedades en www.wallpeople.org.

Y ya sabéis, See you on the road!

Un Chrysler con alma de Lancia...

2009-12-23T09:28:00.000-08:00

Se trata del rumor más sonado de cara al próximo y esperado Salón de Detroit. Numerosos analistas y medios de comunicación han comenzado a especular desde hace unos días con la posibilidad de que Chrysler y Fiat (ahora unidos tras su fusión) muestren al público un nuevo vehículo basado en el el conocidísimo Lancia Delta. El resultado: un coche destinado a complementar (o incluso sustituir) al Chrysler Sebring gracias a la combinación entre el tamaño y la potencia de las marcas americanas y el glamouroso diseño Premium típico de las casa europeas.

La robustez de Chrysler y el estilo Lancia...¿una realidad?

Desde luego suena muy interesante, pero de momento nos tocará esperar a 2010 para descubrir la veracidad de estos rumores.

Playboy dibuja su última portada

2009-10-20T02:04:00.000-07:00

Sí, increíble pero cierto. Parece que desde Playboy están dispuestos a ponerse creativos hasta donde haga falta y han decidido hacer lo impensable…llevar a un dibujo animado a su portada! Sé que habrá quién se eche las manos a la cabeza por llamar dibujos animados a Los Simpson, pero al fin y al cabo…mujer de verdad pues tampoco! Ahora, eso sí, un aplauso por los editores de Playboy, seguro que no será su portada más sexy, pero no hay duda de que está creando expectación (esperemos que también les suba las ventas).

Reenfoca tu visión de Internet con Vodafone ADSL

2009-09-24T01:32:00.000-07:00

En los tiempos que corren, Internet es uno de los mayores aliados que puede tener un amigo de la fotografía. El ciberespacio ha ido ganando cada vez mayor terreno al cuarto de revelado, por lo que una buena conexión de banda ancha se revela como algo fundamental. Por ello, Vodafone ADSL llega al saturado mercado de los proveedores de Internet y telefonía con una oferta de escándalo: tarifa plana ADSL con control de gasto, cuota de línea y llamadas a fijos por sólo 34,90 € al mes. ¿Se han vuelto locos? Es posible, porque la promoción incluye además una serie de prestaciones de lo más apetecibles:

-Navegar desde el primer minuto sin tener que esperar a que esté activado el servicio. ¡Te llevas Internet nada más salir de la tienda!

- Intercomunicación entre el router Wi-fi y el módem USB incluidos para que actúen como backup en caso de caída en la línea. Jamás perderás tu conexión.

- Conexión simultánea para todos los miembros de la familia desde casa y navegación en cualquier parte con un ordenador portátil y el módem USB por 2,9 € al día.

- Tarifa plana para llamadas a fijos nacionales con Vodafone ADSL a 6 y 12 Mb.

¿Interesante, verdad? Si estás tan impresionado como nosotros deberías pasarte por Vodafone.es y echar un vistazo a la nueva revolución dentro de la banda ancha. Por si no fuera suficiente para decidirte, aquí va un empujoncito: si contratas tu Vodafone ADSL antes de marzo de 2010 tendrás un 25% de descuento.

Remembering September 11th: Fotografías para el recuerdo

2009-09-23T01:39:00.000-07:00

Encuentro en el blog Backfocus un enlace a una nueva galería de impactantes fotografías: Remembering September 11th, una colección de instantáneas cortesía de The Big Picture que reflejan el horror, el drama y los sentimientos enfrentados de frustración y esperanza tras la tragedia fruto del fatídico 11 de septiembre de 2001. No os las perdáis.

Entrepeñas y Buendía, paisajes mágicos

2009-09-16T04:39:00.000-07:00

A un buen fotógrafo esta escapada que hoy os propongo le vendrá como anillo al dedo. Entrepeñas y Buendía son dos municipios que se encuentran en La Alcarria manchega, y que nos ofrecen todo un paraje con encanto para que podamos captar imágenes impresionantes.

A pocos kilómetros de Madrid, los embalses de Entrepeñas y Buendía ofrecen gran cantidad de posibilidades a los amantes de la fotografía: desde monumentos arquitectónicos tales como iglesias, castillos o murallas, hasta la naturaleza más pura y su fauna y su flora.

Además, puedes escaparte con tu pareja, tus hijos, tus amigos... ya que tenéis un buen montón de cosas que hacer. Encontraréis 46 rutas diferentes de senderismo, restaurantes, actividades náuticas, equitación... y después, para relajaros, nada mejor que una visita a uno de sus balnearios.

Yo no me lo pensaría. Los paisajes son alucinantes y a todos nos viene bien escapar por un momento del estrés de la gran ciudad. Todo lo que tienes que hacer es entrar en su página web www.elmardecastilla.es y ahí encontrarás toda la información.

Anton Corbijn, el maestro

2009-09-16T04:30:00.000-07:00

Hoy hablaremos de un gran fotógrafo, que también es realizador de videoclips, y hace justo un año, también director de cine: Anton Corbijn.

Este holandés es conocido por su don para retratar celebridades. La foto más famosa, sin duda, es esta de este pedazo de disco:

Sí, lo habéis adivinado. Era The Joshua Tree, el álbum más famoso de U2, banda de la que Corbijn es fotógrafo oficial. Y por esas islas también se paró para tomar otra mítica imagen:

Qué glam, ¿verdad? David Bowie siempre polemizando... Más adelante, nuestro hombre se tomó la revancha en Seattle y fotografió al héroe del grunge, Kurt Cobain:

Pero ha sido este primer largometraje el que le ha encumbrado. Control es la historia que profundiza en la vida de Ian Curtis, el malogrado líder de Joy Division, grupo con el que también trabajó el fotógrafo. Es una obra maestra, os la recomiendo porque sin duda no tiene desperdicio.

Martini Rosato... La Vie en Rosato

2009-07-31T00:35:00.000-07:00

Retomamos nuestra serie de posts magistrales sobre la Teoría del Color y hoy nos vamos a apoyar en el último (y genial, por cierto) anuncio de Martini presentando su nueva bebida: Martini Rosato.

Atentos a todo el partido que se le puede sacar a un este color tan versátil.

- More amazing videos are a click away
Voy a ir preparando algunos materiales sobre la teoría del color. Espero les sean de utilidad.

Dulce, delicado, escandaloso, cursi, ¿cuántos adjetivos se le ocurren para calificar a este color? ¿Va a diseñar con rosa?, tenga cuidado el 29 % de los hombres de menos de 25 años lo nombra como el color que menos les agrada. ¡Ah, pero ponga atención! en los mayores de 50 años sólo desagrada al 7% de los encuestados.
Podríamos pensar que en las mujeres, estas cifras se invierten, pero no es así, el 25 % de las mujeres menores de 25 años, nombra al rosa como el color menos apreciado, mientras que el 8% de las mujeres mayores de 50 lo califica de esta forma. no están tan alejados los números ¿verdad?, al momento de usar este color debemos tomar en cuenta que conocer los colores y sus preferencias sociales así como su connotación sicológica, nos ayudará a elevar la eficiencia de lo que hagamos.

¿A quién le gusta el rosa?

Como color favorito sólo al 3% de las mujeres lo han escogido, entre los hombres prevalece entre prejuicios sociales un 0%.

¿Es un color auténtico?

Veamos lo siguiente hay amarillo rojizo, verde azulado, amarillo verdoso, etc. Pero el rosa que en ocasiones lo definen a medio camino entre rosa y blanco es imposible catalogarlo como Blanco rojizo o rojo blancuzco. Sin embargo no existe como color en el círculo cromático, entonces es sólo un degradado del rojo al blanco. Sigue...

¿Por qué este color se llama así?

Bueno, parece obvio ya que se le identifica con el nombre de la flor, aunque el color más común de ellas sea el rojo. Rosa procede del griego rhódon, flor de rododendro, y es un color que en casi todas las lenguas latinas tiene el mismo término. Rosa se escribe en español, italiano, portugués y latín; rose, en francés y alemán; posa en Ruso.

¿Qué nos connota?

●El rosa es un color poético por excelencia, femenino casí por completo y con significado universal, es decir, el significado de este color es casi el mismo en todo el mundo y en todas las culturas.

●Las cosas de color rosa son optimistas por naturaleza: " nota rosa" , "la vida en rosa", "mejillas sonrosadas".

●Es el color de la candidez y la inocencia, del encanto y la cortesía.
Es como contradicción un color erótico y de desnudo, quizá porque proviene del rojo, sumamente empleado por fotógrafos de revistas para caballeros, tan sólo superado en las preferencias para este rubro, por el rojo y el violeta. Se asocia también con vanidad y delicadeza.

●El rosa es infantil, suave, pequeño, manso, no hay color más tierno.
Los hombres y las mujeres jóvenes desprecian este color debido a que lo consideran un color infantil. Entre el rosa y el negro el 100% de los integrantes investigados en este estrato prefieren el negro.

●Es también este color llamado a asociarse con las ilusiones y los milagros, piense en las fiestas de XV años en México, observe las postales de las vírgenes.

●También los confites y caramelos aprecian este color ya que evoca las cosas dulces y el deleite. Los dulces que llevan este color son más apreciados por los niños que por los adultos, ya que en los mayores evoca la idea de empalagoso.

●El Rosa creativo. Cuando creamos un diseño donde utilizamos el color rosa y aplicamos este color que es "pequeño, suave, infantil, etc. " y lo mezclamos con objetos "pequeños, suaves e infantiles ", por ejemplo: un osito rosa, una flor rosa, etc. Redundamos en algo innecesario, ya que el concepto se transmite con el color mismo. Pero que sucede si creamos un cactus rosa, un dinosaurio rosa, etc. entonces las ideas creativas comienzan a surgir. Como ejemplo tenemos a La Pantera Rosa, famosa en todo el mundo. Recordemos que el diseño es el uso adecuado del contraste, ya sea de forma, de posición, de color , etc.
●También es el color de la primavera cuando las flores comienzan a llenar los campos.

El color contrario sicológico.

Negro.

¿A quiénes les combina el color rosa?

Aunque nadie puede argumentar que conoce los colores exactos que combinan a cada tipo o color de piel, sólo puede aproximarse un poco ya que se han catalogado cerca de 250 combinaciones entre color de piel, cabello y complexión y cada uno de estos factores cambia la forma de combinar colores, sin embargo el rosa parece favorecer más a las pieles blancas, sin distinción de color de pelo.

Algunas personas consideran al magenta como un rosa intenso pero la verdad es que éste es el rojo puro.
En esta paleta se plantean combinaciones poco frecuentes entre el rosa y colores secundarios y terciarios.

En conclusión

El rosa es tan buen color como cualquier otro para ser usado el nuestro trabajo, sólo hay que ser precavido al momento de utilizarlo, mientras más sepamos de un color mayor será la eficiencia de su aplicación y buena muestra de esto es el trabajo que ha hecho Martini alrededor de este color.

Preloadr, editor online para Flickr

2009-06-28T00:33:00.000-07:00

A la hora de mostrar nuestras fotografías en galerías podemos elegir entre muchas opciones en internet. La solución más interesante es tener nuestro propio portafolio o subir las imágenes a un portal lo suficientemente conocido, para que nuestras imágenes sean vistas por el mayor número de gente posible.

Una de estas páginas más populares de todos conocida que nos ofrecen este tipo de servicios, es sin duda alguna Flickr. Dadas las prestaciones y la importancia que ha desarrollado Flickr en los últimos años, ha hecho posible que proliferen en la red distintas herramientas online vinculadas a Flickr, para optimizar en la medida de lo posible la edición online que nos ofrece esta plataforma fotográfica.

Una de estas herramientas vinculadas a Flickr es Preloadr. Una estupenda utilidad online que nos ofrece la posibilidad de editar nuestra fotografía antes de subirla a Flickr. Para utilizar esta aplicación bastará con acceder con nuestra contraseña de Flickr a la misma y proceder a hacer los ajustes y retoques pertinentes en nuestra imagen, para posteriormente incorporarla a nuestra galería de Flickr.

Si bien la utilidad no nos ofrece unas grandes prestaciones de edición, lo cierto es que nos facilita de forma online sin necesidad de utilizar una aplicación instalada en el ordenador, hacer fácilmente ciertos retoques de contraste y color, desde cualquier lugar que nos encontremos con una conexión a internet.

Preloadr / Editor fotográfico online para Flickr.

Fuente original

Las 10 mejores tipografías para logotipos

2009-05-04T00:27:00.000-07:00

1. Unit Rounded Bold. Esta tipografía gratuita es adecuada para hacer logos 2.0 o con estilo de web 2.0, ya que su composición limpia y redondeada hace juego con el actual concepto de la Web 2.0 que existe.

2. Helvetica Neue Light. Esta tipografía es una de las más limpias y fáciles de leer que podemos llegar a utilizar, creo que podría llegarse a utilizar para diseños sobrios o neutros, algo así como para un hospital o clínica.

3. Qlassik. Una tipografía interesante sin duda, encierra dos conceptos visuales fundamentales. La mezcla de lo clásico con lo moderno y la estética tradicional que nunca pasa de moda. Creo que serviría por mucho para logotipos de restaurantes o comida.

4. Punk´s Not Dead. Una tipografía un tanto sucia y arriesgada, pero vistoza y fácil de leer, genial para diseños de logotipos estilo Grunge o para conciertos de Rock, eventos jueveniles o logotipos de Fanzines, etc.

5. Chica Mono. También conocida como Monospace, es una tipografía muy legible, limpia y sin lugar a dudas apropiada para logotipos de tiendas de ropa, moda, y todo lo relacionado con el mundo fashion.

6. Kyra Lynn. Tipografía con un aspecto ruidoso, poco legible si no se ve con atención, puede servir para logotipos o diseños Grunge, para eventos, etc.

7. Nicotine. Una tipografía gruesa, con bordes redondos, que puede servir para logotipos que no requieren una sobriedad o seriedad monumental, incluso puede servir para experimentar.

8. Ligthout BRK. Una tipografía con efecto de boceto, que puede jugar bien con algún logotipo o diseño que este relacionado con la creación y realización de ideas. No es de mis favoritas pero puede funcionar.

9. Anjia Eliane. Tipografía con contornos redondeados y gruesa, dinámica y funcional, puede usarse en bold o en medio bold, esta segunda opción puede ofrecer mejores resultados.

10. Danube. Una tipografía que aunque no es muy legible llama mucho la atención, y que puede usarse para diseñar un logotipo moderno, enfocado inmobiliarias, empresas de mercado o empresas de construcción.

Fuente Original

Trucos para maquetar en CSS

2009-04-10T02:46:00.000-07:00

por Mark Newhouse

La iniciativa de actualizar los programas navegadores de The Web Standards Project (BUI), ha empujado a muchos diseñadores a avanzar hacia un diseño más respetuoso con los estándares, utilizando CSS en lugar de tablas para maquetar y ahorrar ancho de banda, y al mismo tiempo mejorando los valores semánticos, de accesibilidad y alcance del sitio.

“Las tablas han muerto...”

Varios diseñadores han seguido la dirección propuesta por Jeffrey Zeldman al proponer tutoriales que nos hayn ayudado a superar el desconcierto inicial de diseñar sin tablas. Los primeros intentos se han enfocado en crear dos o más columnas utilizando posicionamiento CSS en lugar de tablas, permitiendo una completa separación de la estructura y la presentación. Estas técnicas se han documentado y archivado en los sitios de Eric Costello, glish y de Rob Chandanais, Blue Robot.

Muchos otros se han unido, como Owen Briggs con Box lesson y Tantek Çelik, con su box model hack, explicado por Eric Costello, yel propio Tantek. Dotfile cita centenares de sitios diseñados con maquetación basada en CSS.

“...Larga vida a las tablas”

Aunque estos excelentes recursos se proponen crear una maquetación general utilizando sólo posicionamiento con CSS, surgen otras cuestiones a medida que nosotros, como diseñadores, nos encontramos con un problema fácil de resolver con tablas, pero no tan obvio con CSS. Una cuestión así se planteó en Webdesign-L, una lista de correo, con el asunto “Tables are dead ... long live tables.”

La cuestión

Supogamos que tienes una serie de miniaturas de imágenes que enlazan a versiones más grandes de estas mismas imágenes – un tipo de página muy común. Supongamos, además, aque cada imagen tiene una pequeña descripción que nos gustaría que apareciera centrada debajo de ella. Aparte, para conservar espacio en la ventana, queremos que las imágenes y sus pies se alineen en filas a través de la pantalla, de manera que se adapten al ancho de la pantalla (diseño líquido). Con este último requerimiento hemos salido del dominio de las tablas y hemos entrado en el de CSS.

Paso a paso

Vayamos paso a paso. El primer requisito es que las miniaturas tengan su pie centrado debajo. Esto es relativamente fácil: en el HTML colocamos la imagen, seguida de un retorno de carro (o salto de línea, BR), y después , colocamos el pie en un párrafo que está centrado (mediante CSS).

A continuación queremos alinear los pares de imagen/pie a través de la ventana del navegador. Utilizando tablas, cada uno de estos pares iría dentro de una celda TD separada. Usando CSS necesitamos colocarlos en DIVs separados. Para que se alineen horizontalmente a través de la ventana utilizamos CSS para hacer que cada uno de estos DIVs floten (FLOAT) a la izquierda.

El CSS en este punto es así:

div.float {
float: left;
}

div.float p {
 text-align: center;
 }

And the HTML:




caption 1






caption 2







caption 3

Y así se muestra en el navegador:

El siguiente requisito sólo se puede resolver mediante CSS. Queremos que los pares de imagen y pie se adapten al ancho de la ventana del navegador. Flotando los DIVs a la izquierda ya ha resuelto este problema. Si repetimos estas miniaturas varias veces, se adaptarán a la ventana:

Ahora supongamos que teneemos más de una categoría de miniaturas que queremos mostrar en la página, y queremos agruparlas visualmente, con un mismo fondo y/o borde. Simplemente, enciérralos en un DIV contenedor:

div.container {
 border: 2px dashed #333;
 background-color: #ffe;
 }

Sin embargo, al hacerlo nos topamos con un problema. Cuando flotamos un elemento con CSS, ya no consume ningún “espacio” y el fondo y el borde se muestran sobre las imágenes en lugar de rodearlas. Necesitamos poner algo de contenido además de los DIVs flotantes dentro del contenedor DIV. Algo como un DIV que haga de espaciador:

div.spacer {
 clear: both;
 }

El siguiente HTML (fíjate que hay espaciadores en forma de DIVs en la parte superior e inferior del contenedor):



 



  alt="image 1" / />

 caption 1





  alt="image 2" / />

 caption 2




  alt="image 3" / />

 caption 3

...nos da como resultado:

DIVs anidados o TABLEs anidadas, ¿qué diferencia hay?

Así que ahora tenemos un puñado de DIVs anidados. ¿Qué mejora supone esto respecto de las tablas que reemplazan? La respuesta está en la manera en que cada etiqueta se concibió para ser utilizada. Los DIVs suponen un agrupamiento estrucutral o lógico. Incluso cuando están anidados permanecen como código estructural. en nuestro ejemplo agrupamos imágenes con sus pies (primer nivel) y después agrupamos los pares imagen/pie con otros pares semejantes (segundo nivel) Estos dos son ejemplos claros de agrupación estructural que la etiqueta DIV asume perfectamente.

Sin embargo, las tablas implican una relación entre columnas y/o filas o encabezamientos, y los datos en las celdas. Cuando las utilizamos para la maquetación de páginas, perdemos la estructura semántica de una tabla. Y estamos utilizando otra vez el HTML para el layout. Anidar tablas sólo agrava el problema.

FORM(s) y su función

Otro uso común de la maquetación con tablas es alinear los elementos de un formulario, FORM, con sus etiquetas. Aunque se puede argumentar que este es un uso apropiado para las tablas, la técnica de CSS que describiré a continuación demostrará ser útil para otras necesidades similares.

Una disposición típica para un FORM tiene las etiquetas a la izquierda, alineadas a la derecha, con los elementos del formulario a la derecha, y alineados a la izquierda, y todo se encuentra en el centro:

Basado en código original de Eric Meyer.

El formulario precedente se creó sin ninguna tabla. De nuevo empleamos FLOAT para conseguir el posicionamiento. El truco está en crear un DIV que funciona como la fila de una tabla, tal como estamos acostumbrados. Entonces creamos dos SPANs: uno para las etiquetas y otro para los elementos del formulario. Flotamos el SPAN con la etiqueta a la izquierda, y el SPAN para el campo del formulario, a la derecha, alineando respectivamente el texto a la derecha y a la izquierda.

El CSS será así:

div.row {
 clear: both;
 padding-top: 10px;
 }

div.row span.label {
 float: left;
 width: 100px;
 text-align: right;
 }

div.row span.formw {
 float: right;
 width: 335px;
 text-align: left;
 }

Este CSS también incluye valores de ancho para los SPANs. Estos valores pueden ser absolutos, como en el ejemplo, o porcentajes que sumen un 100% o un valor ligeramente inferior, dependiendo del espaciado interior y los bordes (y el modelo de caja para el que estés diseñando.) En el ejemplo he envuelto el formulario dentro de otro DIV para dotarlo de un borde y un fondo.

El HTML de este ejemplo es así:


 
   

     Name:class="formw">
   

   
     Age:class="formw">

   

   
     Shoe size:class="formw">
   


   
     Comments:class="formw">
       <br />       Go ahead - write something...<br />

Al frente y al centro

Habrás notado ua parte del atributo del DIV anterior, en el que se indica: margin: 0px auto;. Esto resulta en un DIV que tiene 400 píxels centrado en los navegadores que cumplen los estándares. Otros navegadores, como IE5.x Windows lo ignoran, pero (incorrectamente) centran los DIVs que tienen un valor de TEXT-ALIGN: center. Para centrar un DIV en estos navegadores encierra un DIV con TEXT-ALIGN centrado, alrededor de otro DIV que indica MARGIN:auto (y TEXT-ALIGN a la izquierda para que el texto se alinee correctamente). En el sitio de Rob Chandanais Layout Reservoir encontramos esta y otras técnicas de centrado.

Dividir la diferencia

Un layout similar que típicamente se resuelve con tablas es esencialmente el opuesto del anterior. En lugar de encontrarse en el centro, puede que te interese tener dos elementos en partes opuestas de la ventana. Por ejemplo, cuando tenemos un pequeño logo en la esquina superior derecha y algunos elementos de navegación en la parte superior izquierda:

Aquí utilizaremos los mismos DIV.ROW, pero diferentes SPANs que los que empleamos para alinear los elementos de un formulario. El SPAN a la izquierda flotará a la izquierda, y contendrá texto alineado a la izquierda. El SPAN de la derecha flotará a la derecha y contendrá texto alineado a la derecha.

CSS:

div.row span.left {
 float: left;
 text-align: left;
 font-weight: bold;
 color: #fff;
 width: 49%;
 }

div.row span.right {
 float: right;
 text-align: right;
 font-weight: bold;
 color: #fff;
 width: 49%;
 }

HTML:





Home > Products


[logo]






Ayudas con CSS

Las etiquetas ACRONYM y ABBR tags son útiles, aunque poco usadas. Utilizan el atributo de título, TITLE, para expandir el acrónimo o la abreviatura. La mayor parte de navegadores actuales no hacen nada para avisar a los visitantes de un sitio de que hay algo más detrás de las palabras en la página que les puede ayudar a entender el significado de las abreviaturas o acrónimos.

Puedes añadir un borde en la hoja de estilos para que estas etiquetas llamen la atención en la página. También puedes utilizar CSS para que el cursor cambie a "Ayuda" (normalmente un interrogante) para aquellos navegadores que no lo reconozcan. Y no estás limitado a las etiquetas del HTML. Crea una clase llamada .help y emplea SPANs para dar más información acerca de palabras o frases sobre las que los lectores puedan tener dudas.

Este CSS:

abbr, acronym, .help { border-bottom: 1px dotted #333; cursor: help; }

... se puede usar conjuntamente con el atributo TITLE en una ABBR o un ACRONYM para crear un efecto de subrayado diferente del que presenten los enlaces. Cambiar el cursor a un cursor de “ayuda” implica que la palabra no se puede pulsar como enlace, y que el atributo de TITLE expandirá la abreviatura o acrónimo. La primera vez que vi esta aplicación fue en un sitio de Sander Tekelenburg.

Repasando...

La primera vez que leí acerca de cambiar la forma de mostrar una lista para disponerse en línea fue en Cascading Style Sheets de Bos y Lie. Lo vi aplicado por primera vez en el sitio de Christopher Schmitt, Babble List. El truco hace que la lista se disponga horizontalmente (en línea), así que en lugar de:

Item one
Item two
Item three

consigues:

Item one
Item two
Item three

Y añadiendo algo de espaciado y un borde, consigues:

Item one
Item two
Item three

CSS: li.inline { display: inline; padding-left: 3px; padding-right: 7px; border-right: 1px dotted #066; } li.last { display: inline; padding-left: 3px; padding-right: 3px; border-right: 0px; } HTML:

Item one
Item two
Item three

La Tierra con Nombre de Vino, las notas de Fernando Colomo

2009-04-08T03:41:00.000-07:00

Una iniciativa de Turismo de La Rioja ha hecho posible el estreno online de La tierra con nombre de vino, un documental realizado por Fernando Colomo que se estrenará directamente en la red.

Más concretamente, se ha habilitado una web, www.latierraconnombredevino.com, en la que se podrán ver los 4 capítulos que componen esta película a partir del 13 de abril. En ella, el realizador recorre interesantes rincones de la geografía riojana acompañado del popular actor Daniel Martín, incidiendo especialmente en viñedos y bodegas, que para eso es la tierra con nombre de vino.

Nosotros os ofrecemos en exclusiva y en primicia el cuaderno de notas que Colomo llevó durante el rodaje del documental. Escaneado. Todo un lujazo, vaya.

Como bien dice Colomo: ¡Viva La Rioja!

Falsos Bitonos

2009-04-08T02:04:00.000-07:00

Una de las técnicas que se suelen utilizar cuando pretendemos darle una “gracia” a las fotografías de nuestros impresos es reproducirlas como bitonos.

El bitono se podría definir como la reproducción en dos colores de una imagen que sólo tiene uno (aunque se podría utilizar una fotografía original en color).

En reproducción Fotomecánica convencional/manual, se efectuaba obteniendo dos positivos distintos del mismo original:

La primera era una reproducción de toda la gama tonal más bien tirando a clara (en tono contínuo y posteriormente tramada) del original, pero en un sólo positivo, como si fuera una reproducción normal en escala de grises. Este positivo correspondía habitualmente al color de fondo (un pantone por ejemplo), al que se aplicaba un ángulo de trama correspondiente al cyan o al magenta (esto se hacía así puesto que el trabajo sólo se iba a reproducir en dos colores).
La segunda era una reproducción del original muy forzada, eliminando gran parte de los detalles medios y finos(altas luces), conservando sólo los detalles oscuros (sombras) y los medios/altos. A este segundo positivo se le aplicaba el ángulo de trama del color negro, que solía ser el segundo color.

Ahora es muy raro encontrar alguna fotomecánica que siga realizando este tipo de trabajos manualmente. La técnica informática vino en nuestra ayuda a través de Photoshop.

Pero existe otra forma de llegar a los mismos resultados pero a través de Indesign e Illustrator y que no implica el uso intensivo de Photoshop (pero por contra tampoco se pueden modificar las curvas de las imágenes).

Partiremos de una fotografía en escala de grises que colocaremos en nuestro documento Indesign, y a la cual aplicaremos el color de fondo deseado a través de la Herramienta de Selección Directa y la Paleta de Muestras.

En segundo lugar, duplicaremos esa misma imagen copiándola y pegándola en el mismo sitio. A esta segunda imagen le aplicaremos el color negro (u otro color, aunque el negro suele ser el más habitual).

Posteriormente, y seleccionando la segunda imagen con la Herramienta Selección, aplicaremos en la Paleta Transparencia el modo de fusión Multiplicar, con lo cual obtendremos algo similar a esto:

Por último, en la Paleta Transparencia, cambiaremos la opacidad de la imagen superior hasta que obtengamos los resultados deseados.

Esta técnica se puede utilizar de la misma forma en Adobe Illustrator con los mismos resultados.

Fuente

Logos Pepsi: Date Bombo

2009-04-07T04:11:00.000-07:00

Hoy tenemos un ejemplo práctico de las diversas adaptaciones que se hacen a los logos en publi:

Todas pertenecen a Pepsi, Date Bombo. Un concurso virtual de lo más elaborado.

Merece la pena observar también cómo han montado su web.

Y los premios tampoco están nada mal...

Rexona Girl: vectores para Music y Dance

2009-04-07T02:55:00.000-07:00

Eficaz a la par que sencilla la línea que ha adoptado Rexona Girl para su última campaña:

¿Eres de Music o de Dance?

Vectores, mucho colorido y dos líneas opuestas y complementarias para definir dos estilos. Echémosle un ojo:

Teoría del Color: el Azul

2009-04-06T05:17:00.000-07:00

El color azul es el símbolo de la profundidad. Inmaterial y frío, suscita una predisposición favorable. La sensación de placidez que provoca el azul es distinta de la calma o reposo terrestres, propios del verde.

Es un color reservado y entra dentro de los colores fríos. Expresa armonía, amistad, fidelidad, serenidad, sosiego, verdad, dignidad, confianza, masculinidad, sensualidad y comodidad. Su nombre es de origen incierto, pero parece que procede del sánscrito "rajavarta" (rizo del rey).

Este color se asocia con el cielo, el mar y el aire. El azul claro puede sugerir optimismo. Cuanto más se clarifica más pierde atracción y se vuelve indiferente y vacío. Cuanto más se oscurece más atrae hacia el infinito. Posee también la virtud de crear la ilusión óptica de retroceder.

Es el color del cielo sin nubes, sin amenazas, donde vuelan las aves con libertad, del agua cristalina, fuente de vida para animales y plantas, de la Tierra, nuestro bello planeta azul.

Está asociado a conceptos como seriedad, compromiso, lealtad, justicia y fidelidad, pero también puede expresar melancolía, tristeza, pasividad y depresión.

Si es muy pálido puede inspirar frescura e incluso frío. Si es intermedio, da sensación de elegancia, de frescura. Si es oscuro da sensación de espiritualidad, de seriedad, de responsabilidad.

El azul es un color que da mucho juego en las composiciones gráficas en general y en las páginas web en concreto. Es utilizado ampliamente como color corporativo, por la seriedad y confianza que inspira, y admite buenas gradaciones, pudiendo ser el color dominante en una página.

Combina muy bien con su complementario, el naranja, y con las variaciones de éste, siendo típicos los fondos azules con textos naranjas, sobre todo en dinteles con logotipo.

También ofrece una buena gama de análogos y hace buenos juegos con los colores de su tríada.

Es un color que influye sobre el apetito, disminuyendo éste, seguramente porque no hay ningún alimento azul en la naturaleza, por lo que no es aconsejable su uso para una página sobre recetas de cocina o productos alimenticios.

Fuentes Famosas (III): Música

2009-03-12T04:20:00.000-07:00

Nueva tanda de tipografías de lo más sonado...

Y que por supuesto también merecen ser descargadas.

Teoría del Color: el Verde

2009-03-03T04:13:00.000-08:00

El verde es el color más tranquilo y sedante de todos. Es el color de la calma indiferente: no transmite alegría, tristeza o pasión. Su nombre deriva del latín "viridis" (que tiene savia).

Está asociado a conceptos como Naturaleza, salud, dinero, frescura, crecimiento, abundancia, fertilidad, plantas, bosques, vegetación, primavera, frescor, esmeralda, honor, cortesía, civismo y vigor. El verde que tiende al amarillo cobra fuerza activa y soleada; si en él predomina el azul resulta más sobrio y sofisticado.

Significa la esperanza, los bienes que han de venir, el deseo de vida eterna. Es el color propio del año eclesiástico y de gran número de fiestas, así como de ciertos domingos antes de Pentecostés.

Su paleta de variaciones es rica en colores aprovechables para el diseño gráfico y la web.

Se dice que es el color mas descansado para el ojo humano y que tiene poder de curación ( ¿será por eso que las batas de los cirujanos son verdes?).

Es un color contradictorio. A muchas personas les influye un carácter desagradable, mientras que a otras les sugiere más pasión que el rojo.

En las composiciones gráficas y páginas web da buen juego. Sus degradados son buenos y sus variaciones tonales también, formando gamas apropiadas para diseño.

Su complementario es el rojo y, aunque contrastan muy bien, no suelen hacer buena combinación. Con sus análogos y su tríada es posible obtener paletas aceptables para una página web.

MasKeDummies: música y diseño

2009-02-26T03:56:00.000-08:00

La web que vamos a analizar esta semana se llama MasKeDummies, también conocida como +KD.

¿De qué va? combina plataforma musical con red social. Pertenece a Ford, y se enmarca en su campaña Fiesta Love Factory.

Señales de Identidad:

Logo:

Web:

Etc: Más de un millón y medio de canciones para escuchar en streaming. Una Komunidad (red social), organizan conciertos, colección exclusiva de ropa MANGO, sorteos y premios.

Fuentes Famosas (II): Videojuegos

2009-02-13T03:45:00.000-08:00

Más tipografías que merecen ser recordadas...

Y que por supuesto también merecen ser descargadas.

Teoría del Color: el Rojo

2009-02-04T03:41:00.000-08:00

El rojo es el único color brillante de verdad y puro en su composición. es exultante y agresivo. Es el símbolo de la pasión ardiente y desbordada, de la sexualidad y el erotismo. Es un color cálido, asociado con el sol y el calor, de tal manera que es posible sentirse más acalorado en un ambiente pintado de rojo, aunque objetivamente la temperatura no haya variado.

Su nombre procede del latín "russus".

El rojo es el color de la sangre, de la pasión, de la fuerza bruta y del fuego. Se utiliza en las fiestas del Espíritu Santo, iluminando la llama del amor divino, y en las fiestas de los Mártires, en la Pasión, y el Pentecostés.

Color fundamental, ligado al principio de la vida, sugiere vitalidad, entusiasmo, pasión, agitación, fuerza, sexo, calor, fuego, sangre, amor, audacia, valor, coraje, cólera, crueldad, intensidad y virilidad, estando asociado con sentimientos enérgicos, con la excitación apasionada o erótica. Es el color más sensual de todo el círculo cromático.

También sugiere alarma, peligro, violencia, ira y enfado. Muchos animales y plantas usan el rojo para indicar su peligrosidad, y el hombre lo utiliza en todo tipo de indicaciones de prohibición y peligro.

El rojo es un color controvertido, pudiendo ser atractivo y seductor como unos labios de mujer pintados o desencadenar asco o mareo, como cuando se contempla un charco de sangre.

En una composición puede ser usado para llamar la atención, para incitar una acción o para marcar los elementos más importantes de una composición o página web, pero cuando es usado en gran cantidad cansa la vista en exceso.

Un problema asociado al uso del color rojo es la mala gradación que ofrece, ya que al modificar sus propiedades vamos obteniendo colores rosáceos, poco aptos para su uso en la web.

Una posible solución a este problema es desplazarnos en el círculo cromático hacia los violetas o hacia los naranjas, es decir, usar el rojo como centro de la gama y completar ésta con sus colores análogos.

Otra buena forma es combinar el rojo grises y con los colores de su tríada. En cuanto a su complementario, el verde, aunque contrasta muy bien con él, juntos no crean un efecto visual adecuado.

Test de visión cromática

2009-01-23T02:38:00.000-08:00

Los problemas de la visión cromática (visión de los colores) se dan casi exclusivamente en los hombres, y es un problema relativamente frecuente (lo sufre aproximadamente el 10% de la población masculina). Aunque las mujeres son portadoras del problema, no lo manifiesta más que un bajísimo porcentaje de ellas.

De todos modos es preciso aclarar que el llamado daltonismo no es de ningún modo una enfermedad. Se trata simplemente de una manera distinta de percibir los colores. Hay que precisar, también, que el daltónico distingue los colores, pero tiene problemas para discriminarlos. Además, los daltónicos desarrollan una especial habilidad para distinguir distintas intensidades de luz o de color. Resulta curioso pensar que en la guerra de Vietnam, el ejército de los Estados Unidos empleó, con éxito, daltónicos para distinguir desde sus aviones los campamentos camuflados del Vietcong.

Para realizar estos tests, simplemente, observar el dibujo con cada ojo por separado durante unos segundos, y decir que es lo que se ve.

Test 1

El sujeto normal ve el número 8. El sujeto defectivo ve el número 3. El ciego al color no verá nada El sujeto normal ve el número 2. El sujeto defectivo no verá nada

El sujeto normal ve el número 5. El sujeto defectivo no verá nada El sujeto normal no ve nada. El sujeto defectivo ve el número 5. El ciego al color no ve nada

Test 2


Todas las personas, con o sin defectos cromáticos deben ver el Nº 12.	Con visión normal lee 6; el que no ve rojo y verde lee 5; el que no ve los colores rara vez puede leerlo.

Con visión normal lee 8; el que no ve rojo y verde lee 3; el que no ve los colores rara vez puede leerlos.	El que no ve rojo lee 6; el que no ve verde lee 2; el normal y el que ve algo de rojo y verde lee 26.

Good Graphic Designer

2009-01-07T02:23:00.000-08:00

Bajo el nombre de Good Graphic Designer es esconde el trabajo de José Antonio Contreras.

Visto en Cosas Visuales.

Fuentes Famosas (I): Televisión

2008-12-26T02:07:00.000-08:00

Tipografías que merecen ser recordadas...

Y que por supuesto también merecen ser descargadas.

Los logos más Rockeros

2008-12-03T01:59:00.000-08:00

Y, por supuesto, el más mítico de toda la Historia del Rock:

Famous Logos. org, un recorrido por la historia de los logos

2008-11-11T09:15:00.000-08:00

Famous Logos es un sitio web en el cual hallarás una completa recopilación de los logos más importantes y significativos de la historia. Esos que ciertamente son casi más famosos que la marca misma, y que con apenas un vistazo te hacen saber lo que representan.

En Famous Logos se encuentran los logos más famosos, con una completa información respecto de los mismos. Una breve reseña de la historia de la compañía, de los diseñadores del logo y, lo más importante, de los conceptos o ideas que les han llevado a crearlo.

Merece la pena echarle un vistazo.

Fable II, concept art

2008-10-14T02:58:00.000-07:00

Fable II, el videojuego de los prestigosos estudios Lionhead, estará disponible a partir del 24 de octubre.

Esto es una muestra de los que nos espera a nivel de diseño:

Poderosos trazos, personajes con mucha personalidad, muy bien definidos y con un diseño espectacular. Lionhead (recordemos que fue adquirida en el 2006 por Microsoft Game Studios)nos trae de nuevo la calidad a la que ya nos tiene acostumbrados desde títulos como Black&White o The Movies.

Peter Molyneux es el hombre al cargo de este ambicioso proyecto del que podremos disfrutar, muy pronto, en la Xbox 360.

Las Reglas de Oro a la hora de diseñar un Logo

2008-10-06T05:10:00.000-07:00

1. No utilizar más de tres colores.
2. Elimina todo lo que no sea absolutamente necesario.
3. La tipografía debe ser fácil de leer, aún para personas de la tercera edad.
4. El logo debe reconocerse al instante.
5. Crea una forma única para el logo.
6. Ignora completamente lo que tus padres o espos@ piensan acerca del diseño.
7. Confirma que el logo sí convence a más de tres personas.
8. No combines elementos basados en logos populares y digas que es un trabajo original.
9. No utilizar clipart bajo ninguna circunstancia.
10. El logo debe verse bien en blanco y negro.
11. Debe ser reconocido cuando se invierta.
12. Se debe reconocer a diferentes tamaños.
13. Si el logo contiene un icono o símbolo en conjunto con un texto, posicionarlos de forma que se complementen uno a otro.
14. Evitar modas pasajeras en diseño de logos. En su lugar crea un diseño que perdure.
15. No abusar con efectos especiales, como gradientes, sombras, reflexiones, rayos de luz, motivos florales, etc.
16. Contener el formato del logo en un cuadro o círculo, evitar formatos indescifrables.
17. Evitar detalles intrincados.
18. Considerar los diferentes lugares y formas donde se presentará el logo.
19. Invocar la sensación de ser fuerte, único y con presencia, en lugar de común y débil.
20. Darte cuenta que no crearás un logo perfecto.
21. Utilizar formas agudas para empresas directas y formas suaves para compañías más amigables.
22. El logo debe tener una conexión directa a lo que representa.
23. Una fotografía no hace un logo.
24. Debe sorprender a los clientes con su representación.
25. No usar más de dos tipografías.
26. Cada elemento del logo necesita estar alineado hacia la izquierda, centro, derecha, arriba o abajo.
27. El logo debe mostrarse sólido, no como algo sin terminar.
28. Debes saber quienes van a ver el logo antes de comenzar la lluvia de ideas.
29. Escoger siempre la función sobre innovación.
30. Si el nombre de la marca es memorable, ese debe ser el logo.
31. El logo debe reconocerse cuando se lee de izquierda a derecha o viceversa.
32. Aún grandes compañías necesitan logos pequeños.
33. A todos les debería gustar el diseño del logo, no nada más la compañía que lo utilizará.
34. Crea variaciones. Mientras más variaciones más posibilidad de que salga un logo que funcione.
35. El logo debe mantenerse consistente en diferentes plataformas.
36. Un logo debe ser fácil de describirlo.
37. No utilizar frases promocionales dentro del logo.
38. Trazar las ideas con lápiz y papel antes de trabajarlas en computadora.
39. Mantener el diseño simple.
40. No utilizar más el”swoosh” o símbolos del mundo.
41. El logo no debe distraer.
42. debe ser honesto en su representación.
43. El logo debe contar con un balance visual.
44. Evitar colores super-brillantes, colores neón o colores sin fuerza.
45. El logo no debe romper ninguna regla ya mencionada o por lo menos saber que así lo estás haciendo.

45 Rules for Creating a Great Logo Design

Traducción gracias a nuestros compis de BVGDG

Alfonso X, imprime su programa

2008-09-15T08:27:00.000-07:00

Si este año has pasado por ese trance que es la selectividad, sabrás que elegir una determinada carrera universitaria no es tan fácil como puede parecer. Por eso, desde este espacio, te proponemos algunas titulaciones que pueden hacerte más fácil la decisión.

Son las carreras que ofrece la Universidad Alfonso X El Sabio. A saber:

Si lo tuyo es la medicina o especialidades relacionadas, puedes decidirte por sus titulaciones en Farmacia, Veterinaria, Odontología o Enfermería.

Si te decantas por las humanidades, puedes elegir entre Derecho, Traducción e interpretación o Turismo.

Pero si eres más de ciencias, lo tuyo puede ser una ingeniería, como Ingeniería de Telecomunicación, Ingeniería Industrial o Arquitectura.

Y también puedes animarte a cursar una doble titulación, ideal para el mundo competitivo al que habrás de enfrentarte en el futuro. Hay algunas tan interesantes como Derecho y Administración y Dirección de empresas o Ingeniería de Caminos, Canales y Puertos y Ciencias Ambientales.

Seguro que entre todas estas propuestas puedes encontrar la tuya. ¿A que así te cuesta menos decidirte?

Con nombre propio: Adam Haynes | Stick Fort

2008-08-26T00:12:00.000-07:00

www.stickfort.com

Toilet Signs: Señalización de Baños

2008-08-20T03:15:00.000-07:00

Este un blog que lo único que muestra es la variedad de señalizaciones que se usan en todo el mundo para diferenciar los baños de hombres y mujeres.

En verdad es una gran fuente de inspiración si ya estas cansado de ver los clásicos monitos en todos los baños.

Fuente original: Toilet Signs

Diseño de folletos y flyers publicitarios

2008-08-11T16:23:00.000-07:00

Los flyers o denominado también, "Volante". Es el término con el que se denomina a aquellos folletos de pequeñas dimensiones y gramajes reducidos y que se utilizan para transmitir información publicitaria sobre productos y servicios de una empresa.

Los folletos, es uno de los elementos que pueden encontarse también, incluidos en un mailing. Presenta el producto o servicio de forma detallada e ilustrada, destacando las ventajas y las características de la oferta. Su formato o tamaño, varía en función de las necesidades del producto y del desarrollo creativo.

Según la dimensión y plegado del flyer, puede clasificarse en:

- Volante: Contiene una sóla hoja y dos caras
- Díptico: Compuesto por una hoja, un plisado y 4 caras
- Tríptico: Compuesto por una hoja, dos plisados y 6 caras
Eventualmente una hoja podria plisarse más veces.

Los flyers, se encuentran dentro de la categoría de folletos, y son pequeños panfletos de reducido tamaño. Son también los que normalmente se reparten en grandes cantidades, a los clientes o consumidores que circulan a pie.

Cómo es un folleto publicitario

Sin tener en cuenta el número de páginas que tenga, un folleto puede presentar en su formato formas y tamaños muy diferentes, sin dejar a un lado las normas generales de una buena composición.

Los plegados más habituales de un folleto, son el doblado tipo rollo. Se pliegan cada una de las hojas dentro de otra, y para ello es muy importante tener en cuenta el grosor del papel, ya que se nos podría abrir el tríptico y quedaría abierto.

La parte del folleto que se encuentra en primer lugar, es lo que denominamos "la portada", debe impactar lo suficiente como para que el receptor le despierte el suficiente interés, para ilustrarse de la información del folleto. El diseñador deberá crear un diseño uniforme y relacionando unas páginas con otras, para evitar que se pierda el atractivo y equilibrio de la publicación.

La información que muestra los folletos, es de forma temporal, y suelen incluirse diseños muy atractivos e innovadores, para que el cliente centre su atención en ellos.

Impresoras láser: ¿más peligrosas de lo que imaginamos?

2008-08-02T23:47:00.000-07:00

En THE INQUIRER Javier Pastor menciona un estudio realizado por una universidad australiana que ha revelado que muchas de las impresoras láser actuales emiten micropartículas que se escapan del tóner y que son tóxicas. Tanto como el humo del tabaco.

Entre las docenas de impresoras analizadas (62 en total) aproximadamente un 30% tenían este problema, eso se hacía más patente cuando se estrenaban tóneres o cuando se imprimían imágenes de gran tamaño y a color, el cual provoca que se escapen niveles potencialmente peligrosos de micropartículas del tóner. Esas partículas podrían ser inhaladas y causarían el mismo efecto que el humo del tabaco, según la profesora Lidia Morawska, de la Queensland University of Technology.

Con nombre propio: Andy Rementer

2008-07-24T00:13:00.000-07:00

andyrementer.com

Photoshop Lightroom 2.0: gestión de bibliotecas RAW

2008-05-30T04:36:00.000-07:00

El sofware de gestión de bibliotecas fotográficas para estudios profesionales de Adobe alcanza la versión 2, teniendo como principales novedades el ser una aplicación de 64 bits (lo cual quiere decir más rendimiento para procesadores G5, Xeon o Core2Duo), tener herramientas de sobre/subexponer, plantillas de impresión más personalizables, gestión de imágenes mejorada en discos externos, soporte para múltiples monitores o mejoras en el enfoque de imágenes, por citar algunas.

Uno de los principales inconvenientes sigue siendo el idioma, ya que no se prevé de momento una versión en español. Pero hay mejoras en áreas clave como es la ampliación por plugins o la integración mejorada con Photoshop CS3.

Grafismos del tiempo

2008-05-03T23:25:00.000-07:00

En meteorología, cada fenómeno tiene su grafismo.

Para reconocer mejor los fenómenos y no confundirlos, damos algunos detalles importantes.

Llovizna es la precipitación de gotitas diminutas, equivalente al calabobos. El chubasco corresponde a la precipitación intensa, de gotas gruesas y de corta duración. Tormenta solo será cuando hay precipitación y se escuchan truenos. La diferencia entre granizo y pedrisco es el diámetro: menos de un centímetro es granizo y más de un centímetro, pedrisco. Hay niebla cuando la visibilidad es inferior a 1 km. Si la visibilidad oscila entre uno y 10 kms y la humedad es superior al 80%, tendremos neblina, pero si la humedad es inferior a este porcentaje con la misma visibilidad se tratará de calima.

El símbolo de viento fuerte está compuesto de una flecha y una barra. Cada barra son 10 nudos. Por lo tanto, tres barras significará viento de 30 nudos, que serían 54 km/h. La dirección nos la indicará la orientación de la flecha. Si la punta de esta marca el sureste, el viento será del noroeste. El aspecto del cielo también se puede representar gráficamente.

Portadas de discos, diseño contemporáneo en estado puro

2008-04-07T04:55:00.000-07:00

Color Pantone del año 2008

2008-03-23T04:29:00.000-07:00

Como viene siendo habitual cada año (aunque yo me acabo de enterar), el Pantone Color Institute, o sea, los del Pantone de toda la vida, eligen su color del año.

Siguiendo con esta colorista costumbre, los amigos de Pantone han designado como color de año 2008 el Blue Iris (No. 18-3943), una mezcla entre un azul intenso y púrpura.

Leatrice Eiseman, directora de Pantone, afirmó sin sonrojarse:

“El color Blue Iris reúne todos los aspectos de confianza que proporciona el azul, subrayados por el fuerte carácter del alma representados por el púrpura y con un toque de magia."

Un color polifacético que refleja la complejidad del mundo que nos rodea

Pantone, Inc., la autoridad global del color y proveedor de colores profesionales estándar para las industrias del diseño seleccionó el color PANTONE 18-3943 Blue Iris, un azul púrpura lindamente equilibrado, como el color del año 2008.

Al combinar los aspectos estables y calmantes del azul con las cualidades místicas y espirituales del púrpura, el Blue Iris satisface la necesidad de certeza restablecida en un mundo complejo añadiendo al mismo tiempo un toque de misterio y excitación.

“Partiendo de la previsión de un color escogimos el PANTONE 18-3943 Blue Iris como el color del año porque es el que mejor representa la dirección en cuanto a color en 2008 para la moda, la cosmética y los productos para el hogar,” explica Leatrice Eiseman, directora ejecutiva del Pantone Color Institute®. "Como un reflejo de estos tiempos el Blue Iris combina el aspecto fiable del azul, acentuado por una impresión púrpura fuerte e introspectiva. Emocionalmente es como un ancla y meditativo con un toque de magia. Encuéntrelo combinado astutamente con ciruela intenso, marrones rojizos, verdes amarillentos, uvas y grises.”

FontForge: crear y editar tipografías

2008-03-04T07:25:00.000-08:00

Fontforge, conocido anteriormente como PFAedit, es un excelente programa de creación y edición de tipografías digitales. Es un proyecto open source y no tiene nada que envidiar al Fontographer, el programa clásico de creación de fuentes.

Fontforge tiene todo lo que necesitas en un buen editor de tipografías, y unas muy buenas herramientas de dibujo. Es muy intuitivo y ofrece un control total sobre la creación de los caracteres. Cierto que su interfaz podría ser algo más atractiva o cuidada, pero este es un mal muy menor.

Este es el aspecto del programa en Xubuntu (Ubuntu con el entorno gráfico Xfc): existe una ventana principal con el menú del programa, con una distribución muy semejante a la de Fontographer. Las herramientas de selección, dibujo y edición aparecen en una pequeña caja separada, también parecida a la de “Fog”. Dispones también de una ventana para la edición de los caracteres individuales y una paleta de capas. Además existen las ventanas para el control de la métrica de la fuente y otras operaciones.

Letras de Shaz Madani

2008-02-20T23:39:00.000-08:00

Bastantes trabajos y muy buenos puedes encontrar en el portafolio de Shaz Madani.

Tarjetas de presentación originales

2008-02-17T04:29:00.000-08:00

Visto en Ñam Ñam

El mundo en logotipos

2008-01-16T04:16:00.000-08:00

Visto en Análisis gráfico

¿Qué es una fuente digital?

2007-12-28T04:20:00.000-08:00

Una fuente digital, es un conjunto de dibujos vectoriales que se pueden escalar sin pérdida de calidad. Se almacenan principalmente en archivos de tipo TrueType(TT) o Postscript Tipo1 (PS1). Són tecnologías de fuente escalable que mantienen buena calidad independientemente de la resolución.

Este tipo de fuentes son reconocidas en la mayoría de sistemas operativos. Cada fuente TT se almacena en un solo fichero, mientras que la PS1 requiere dos ficheros separados, uno para la impresora y otro para su visualización en pantalla. Este fichero contiene, además, la información necesaria para hacer corresponder cada imagen al carácter correspondiente, y también para el espaciado de los caracteres.

Fonts especiales para la pantalla digital

La legibilidad de los carácteres es una propiedad marcada por el propio diseño de los tipos de letra.

De los diferentes tipos de letras que podemos emplear, algunos están especialmente pensados para ser vistos en el monitor de un ordenador. Se ha tenido un interés especial al diseñarlas, para que sean fácilmente legibles en el caso, de que las visualizemos en pantallas con baja resolución.

Se trata de la colección de fuentes, tales, como la Verdana, Tahoma, Trebuchet y Georgia.

Las fuentes ornamentales o caligráficas no deben emplearse más allá de unas pocas líneas, puesto que causarían de fatiga visual.


El sujeto normal ve el número 8. El sujeto defectivo ve el número 3. El ciego al color no verá nada	El sujeto normal ve el número 2. El sujeto defectivo no verá nada

El sujeto normal ve el número 5. El sujeto defectivo no verá nada	El sujeto normal no ve nada. El sujeto defectivo ve el número 5. El ciego al color no ve nada