2

Entrevista a Tim Cook

A nadie le ha pasado inadvertida la noticia de la retirada de Steve Jobs de su cargo como CEO de Apple, ni que su sucesor Tim Cook pretende mantener el mismo rumbo en la compañía en el futuro. Por si queda alguna duda, aquí está la prueba.

Entrevista con Tim Cook

 

Tal vez encontréis cierta relación con el comic sobre las patentes…

 

 

VN:F [1.9.22_1171]
Valora esta entrada
Rating: 10.0/10 (4 votes cast)

thumb

Cómo afrontar un proyecto de diseño (II)

Continuamos esta mini-guía para afrontar proyectos. Te recomiendo que leas los principios básicos incluidos en el anterior artículo y los tengas en cuenta para las siguientes explicaciones.

Tablas de la ley

El proyecto gratuito

Son los proyectos en los que en principio no vas a tener beneficio, por ejemplo los concursos o los típicos proyectos por compromiso con un amigo o familiar. Este tipo de trabajos van en contra del tercer principio y por tanto te recomiendo que los evites a no ser que no tengas nada mejor que hacer. Por un lado los concursos suelen tener unas condiciones abusivas y aún en el caso de ganarlos, pueden salirte caros. Conozco un caso muy descriptivo:

Un concurso de creación de logotipo. Premio 500?. El ganador no leyó la letra pequeña de las bases que indicaban que el premiado, además de ceder todos sus derechos sobre el logo, debía realizar el manual de identidad corporativa, diversas piezas publicitarias y el diseño de la web.

En el caso de los compromisos lo típico es encontrarse primero en un ambiente distendido. Pero los “cuando tu puedas” y “cómo tu quieras” que se dan al principio se van tornando en exigencias cuanto más tiempo pasa.

Cómo afrontarlo: Si te ves obligado a realizar uno de estos proyectos, trata de realizarlo en el menor plazo posible, pero jamás por delante de otros proyectos.

El proyecto “altruista”

Es diferente al proyecto gratuito. Aunque no lo haces por dinero, recibirás otros beneficios como promoción, visitas a tu web, reconocimiento, portfolio y el resultado será un escaparate de tus habilidades.

Cómo afrontarlos: Aquí prima el principio 2. El beneficio que obtendrás depende directamente de la calidad. Debes emprender estos proyectos exclusivamente en tu tiempo libre.

El proyecto sencillo

Son los que requieren poco esfuerzo. Son fáciles y suelen ser breves.

Cómo afrontarlo: Deben ocupar los primeros puestos en nuestro esquema de tiempo ya que al ser más cortos tienen menos margen. Es indispensable aplicar el principio de calidad por sencillo o corto que sea un proyecto. Al principio la mayoría de tus proyectos serán de este tipo y debes cuidar los detalles.

El “mega proyecto”

No es un proyecto habitual. Aunque sólo eres diseñador de cualquier tipo, acuden a ti para que realices labores de diseño y de mil campos más que no dominas. Suelen ser proyectos importantes, bien pagados aunque de plazos ajustados.

Cómo afrontarlo: Es imposible saber de todo en profundidad. Cuando te encuentres con un proyecto de este tipo debes pensar si cumples los siguientes factores:

  • Aunque no tengas dominio, conoces suficiente los campos ajenos a tu actividad.
  • Puedes contar con personas profesionales en esos campos.
  • Dispones de colchón económico.
El que mucho abarca poco aprieta

Si no los cumples, rechaza el proyecto. Olvídate de ideas como “no he programado nunca en Python, pero seguro que aprendo en una semana“. Puede que lo consigas pero no tendrás experiencia, por lo que no eres un profesional, no lo vas a hacer bien y habrás perdido tiempo de proyecto. Si un cliente quiere que hagas un proyecto importante, también lo puede querer otro.

Si cumples estos tres factores te encuentras en la situación perfecta para aceptar el trabajo. Subcontrata los profesionales necesarios y dirígelos. Hazlos partícipes de tus principios. Recuerda asegurarte un ingreso dinero mediante pagos fraccionados o por módulos y aún así recuerda conservar el colchón económico para imprevistos. Estos proyectos necesitan mucho tiempo y dedicación pero no debes descuidar trabajos más pequeños. Piensa que si cae el “mega proyecto”, deben quedarte otros trabajos.

 

Para terminar

Es importante que no olvides hacer un buen trabajo y sobre todo divertirte mientras lo haces. No abarques más proyectos de los que puedas y evitarás quedar mal con tus clientes. Confía en tus habilidades y entrénalas.

VN:F [1.9.22_1171]
Valora esta entrada
Rating: 8.1/10 (7 votes cast)

thumb

Cómo afrontar un proyecto de diseño (I)

Para convertirte en un buen profesional no basta sólo con ser bueno diseñando: tienes que saber gestionar tu tiempo y tus medios. Existen diferentes tipos de proyectos y cada uno se debe afrontar de forma diferente. Aparte de las cláusulas que se puedan incluir en cada contrato, tomas una actitud con cada tipo. El siguiente texto está basado en mis propias experiencias, en los aciertos, fallos y el ensayo y error de este servidor. Empecemos por el principio, o mejor dicho, los principios.

Principios básicos

Los principios básicos son objetivos que debes cubrir en todo proyecto que realices. Numerados para referencias, sin ningún orden en particular:

  1. Termina lo que empieces.
  2. Principio de calidad. Los proyecto que empieces debe terminar con un máximo de calidad, independientemente de otros factores.
  3. Principio de beneficio. Tus proyectos deben darte un beneficio superior al esfuerzo que inviertas. Piensa que el beneficio no siempre es económico.
  4. Principio de precio del trabajo. Todo proyecto tiene un precio (ahora sí hablo de dinero) y tienes que conocerlo, tanto para no ir contra la premisa tres como para no cobrar de forma abusiva.
  5. Principio de “El tiempo es oro”. Tu tiempo es dinero y la cantidad de dinero que hagas en tu tiempo depende de tu productividad.
  6. Principio de alianza con el cliente. Dentro del proyecto, el cliente juega un papel protagonista. Trata de entenderle a él y su actividad, se consciente de que posiblemente él no entienda la tuya y si es así haz de guía y enséñale. Evita los clientes que te traten como un enemigo.
  7. Principio del no. No tienes que aceptar todos los proyectos. No tienes que hacer todo lo que te dicen. Tienes que aprender a decir no.

Tablas de la ley

Los proyectos

Ahora que conocemos los principios, es hora de ver los tipos de proyectos y la forma en la que tienes que actuar ante cada uno.

El proyecto fantasma

Es ese proyecto que parece que va a llegar, pero que nunca llega o nunca se acaba. Es una completa pérdida de tiempo y energías.

Cómo afrontarlo: No hay forma de saber si un proyecto va a convertirse fantasma, así que cobra siempre una parte inicial. La excepción es que sea un cliente de mucha confianza.

El proyecto de plazo largo

Pocas veces verás uno de estos. Son proyectos en los que tienes más tiempo del que necesitas. No creo que un cliente te de un plazo largo porque entienda que estás estresado. Lo hará porque no tiene mucho interés o bien falta algún punto importante, como por ejemplo, dinero para llevarlo a cabo.

Cómo afrontarlo: Pide una parte del dinero por adelantado para (por curioso que suene) implicar al cliente. Procura presionar para que el cliente quiera avanzar y aplícate a ti mismo un plazo razonable. No empieces a procrastinar.

Si tus esfuerzos por convertirlo en un proyecto de plazos razonables no funcionan, te aconsejo que lo evites: puede ser un proyecto fantasma.

El proyecto de plazo corto

Los más habituales. Son esos proyectos catalogados como urgentes para los que te dan muy poco tiempo para realizar un trabajo.

Flash

Cómo afrontarlo: Si no puedes cumplir con los principios 1 y 2, recházalos. Ten presente el principio del valor del trabajo.

Si tienes la mitad del tiempo para hacer un trabajo, su beneficio debería subir al doble. Si esto no se cumple deberías rechazarlo.

Si aceptas el proyecto incluso en contra del principio de beneficio valora si realmente es urgente para elegir sus prioridad frente a otros.

El proyecto de plazo razonable

Si además está bien pagado, mándamelo :D.

Ahora en serio. Son aquellos en los que tienes un plazo realista para que realices tu trabajo. Menos comunes que los de plazo corto.

Cómo afrontarlo: Los clientes que dan plazos realistas entienden de que hablan, saben lo que quieren y son buenos clientes. Debes buscar un buen lugar en tu timming para ellos y ajustar el precio del trabajo. Estos sacrificios repercuten en la posterior relación con el cliente.

Otros proyectos

En el siguiente artículo veremos otros tipos diferentes de proyectos y cómo afrontarlos.

VN:F [1.9.22_1171]
Valora esta entrada
Rating: 9.8/10 (8 votes cast)

Cómo combinar color

Psicología y significado del color

Los colores evocan sensaciones y transmiten mensajes.  Si queremos realizar diseños eficientes es fundamental que aprendamos a combinarlos y sobre todo, conozcamos la psicología que se esconde tras ellos.

Los colores pueden tener varios significados dependiendo del contexto del mensaje y del contexto cultural. A continuación te mostraré los colores fundamentales y algunos de sus significados. Verás algunos obvios y abstractos. Todos los significados han sido contrastados en varias fuentes, de las que destacaría el libro de Eva Heller, Psicología del color.

Azul

[blockquote align="right"]Los colores pueden tener varios significados dependiendo del contexto del mensaje y del contexto cultural[/blockquote]El color azul es el color del cielo y por eso evoca inmensidad y divinidad. De igual manera pensamos que el agua es azul (aunque no lo sea) por lo que pensamos que es un color frío y transparente, y cuanto más azul, más profundo. Estas relaciones psicológicas con lo enorme, profundo y lo lejano llevan a entender el azul como un color de fidelidad (que se pone a prueba con la lejanía) y de lo fantástico (ideas alejadas de la realidad).

Rojo

El rojo es el color más cálido y más apasionado. A veces es contradictorio y pesa mucho el contexto en el que se exprese. El rojo es el color del fuego y la sangre. Simboliza la vida ya que es el color de la sangre. Se relaciona con el amor y la pasión por su calidez y su fuerza, pero también con el odio y la violencia. En los países orientales se relaciona con la suerte y no tiene connotaciones negativas como en occidente. Visualmente ocupa las posiciones más cercanas.

Corazón

Naranja

El naranja es un color cálido que refleja el optimismo, la diversión y el dinamismo. Es opuesto al azul, por lo que en vez de espiritualidad e inmensidad hay un enorme letrero de “a vivir que son dos días”. Es el color del sabor por su presencia en muchos alimentos. Es muy llamativo por lo que se relaciona con advertencia e incluso peligro cuanto más componente amarillo posee. Cuando se oscurece, el amarillo da sensación de vejez, de otoño. En la india el amarillo se considera una tonalidad del naranja y no al revés como en occidente.

Amarillo

El amarillo es un color más cálido que el verde, pero menos que el rojo. E un color optimista, divertido y que invita a la actividad. Podríamos decir que es el color del sol y que con el sol todos nos animamos y empezamos a hacer cosas. Nos indica peligro (los animales más venenosos suelen tener colores amarillos), es ácido como el limón y cuanto más verdoso sea ira y enfado (bilis). Es también el color del oro y puede evocar tanto dinero como avaricia. En china el amarillo es el color de la nobleza.

Verde

El verde es un color neutral. Se relaciona con la naturaleza por ser el tono predominante en las plantas. Por supuesto de las plantas sanas y jóvenes, aquellas que no están marchitas. Por eso también simboliza salud, vitalidad, frescura e incluso fertilidad. Como se relaciona con la primavera y todo la vida que comienza en ella, es también el color de la esperanza y de aquello que está entrando en la juventud y es aún inmaduro. Pero el verde es también un color venenoso y extraño, alienígena. Para las culturas islámicas ya que es el color relacionado con Mahoma.

Logotipo del grupo Poison (veneno)

Violeta

[blockquote align="left"]Los colores evocan sensaciones y transmiten mensajes.  Si queremos realizar diseños eficientes hay que conocerlos[/blockquote]El violeta o púrpura es un color místico usando entre otros en vestimentas y utensilios cristianos. Tiene acepciones de penitencia y sobriedad en sus tonos oscuros. Es un tanto extravagante y mágico. Une tanto lo espiritual con lo sensual, como el amor y la abstinencia… es un color contradictorio. Evoca cierta sensación de originalidad y poca naturalidad, por lo que tiene tendencia a relacionarse con lo tecnológico.

Rosa

Considerado muchas veces como un rojo suavizado, descafeinado. Es el color de lo delicado, y por tanto encantador y cortés. En ocasiones cursi. Evoca la piel, por ello el desnudo y por tanto el erotismo. Los tonos suaves son infantiles y pequeños. Se considera en ocasiones femenino y débil en relación a la menor fuerza física de la mujer, aunque en sus tonos intensos resulta chocante e incluso agresivo, aunque sin llegar al nivel del rojo.

Negro

El no color. Es elegante y fuerte. El negro simboliza la noche y lo más profundo del universo. Por tanto es el final de las cosas, la muerte y con ella el luto y el dolor. Se puede considerar malo o sucio, tenebroso y terrorífico. Es la ausencia de color que nos atemoriza, pero aquello que nos da miedo también nos provoca curiosidad. Destaca sobre los otros colores y sirve como delimitador de las figuras. Es un color que renuncia a los ornamentos. Pese a todas las connotaciones negativas descritas, el negro cambia su sentido dependiendo del color que lo acompañe. Es sencillo y funcional lo que lo hace el favorito de los diseñadores.

La muerte viste de negro

Blanco

El blanco es inocente y bueno. Pacífico. El blanco es el color de la luz. Es minimalista al igual que el negro ya que los colores son meras herramientas estéticas. El blanco simboliza la nada ya que cualquier elemento sobre blanco destaca. Aquello que está blanco está limpio y es aséptico. Da sensación de amplitud y es cómodo y acogedor.

VN:F [1.9.22_1171]
Valora esta entrada
Rating: 7.7/10 (33 votes cast)

thumb

Twitter libera Bootstrap

Hace poco Twitter ha liberado bajo licencia Apache LicenseBootstrap, un “framework” HTML y CSS para la creación de aplicaciones y sitios web.

Bootstrap es CSS orientado al uso de Less.

¿Qué es {Less}?

Less es una biblioteca de javascript desarrollada por Alexis Seiller que interpreta archivos en los que podemos codificar CSS de forma dinámica usando variables, anidando clases o creando funciones, como si de un lenguaje de programación se tratara.

Logo Less

¿Qué hace especial a Bootstrap?

Bootstrap ofrece una interfaz elegante y limpia de corte minimalista (el mismo usado para la nueva visual de Twitter) así como un recurso de maquetación rápido y fácil de aprender. Nos podremos beneficiar de tener pre-maquetados en CSS elementos como botones, ventanas modales, tooltips, pestañas, etc, que además no hacen uso alguno de elementos externos como imágenes, javascript o flash. Además incluye un sistema de grid por defecto de 16 columnas y plantillas que agilizan todavía más la maquetación.

Elementos visuales de Bootstrap
La combinación de los estilos predefinidos y el uso de Less hacen de este framework una potente herramienta para desarrolladores front-end que busquen una respuesta rápida y fácil de modificar.

Se puede descargar Bootstrap en Github.

VN:F [1.9.22_1171]
Valora esta entrada
Rating: 10.0/10 (1 vote cast)

Guerra de patentes

Guerra de patentes

La guerra de patentes no parece dejar títere con cabeza. Cuanto más desalmada es una compañía, más se dedica a acaparar patentes para después extorsionar a su competencia. Está claro que es mucho más productivo (y por productivo me refiero a que se saca pasta) aplicarle impuestos a tus competidores, bloquear la venta de sus productos o amenazar incluso su existencia, que desarrollar y mejorar tus propios productos.

Creo que Apple estaba pensando comprarle la patente a Dios sobre el sistema respiratorio…

Guerra de patentes

VN:F [1.9.22_1171]
Valora esta entrada
Rating: 8.8/10 (6 votes cast)

thumb

Comic Sans es una buena tipografía

Cuando ves un texto escrito con la Comic Sans no puedes evitar hacer una mueca de indignación. Tal vez se dibuja una sonrisa burlesca en tu cara. Quizá apartas horrorizado esa blasfemia estilística. Eres diseñador, programador, geek o simplemente alguien con buen gusto. Sabes que ese es el tipo de letra prohibido, cuyo nombre no debe pronunciarse. Sabes que es una mala tipografía.

Tú, como muchos, estás equivocado.

Historia de la Comic Sans

[blockquote align="right"]La Comic Sans fué una buena tipografía porque cumplía sus objetivos.[/blockquote]La Comic Sans fue diseñada por Vincent Connare en 1994, cuando trabajaba para Microsoft. Iba a ser la tipografía de Microsoft Bob, una aplicación que pretendía hacer más amigable la interfaz de Windows 3.1. Aunque no se terminó a tiempo para este proyecto dirigido por la mujer de Bill Gates, la “fuente” fue incluida en todos los sistemas operativos Windows a partir de Windows 95 y forma parte de las “Core fonts for the web“.

El briefing de Comic Sans

Como sabes, todo proyecto profesional de diseño comienza con un briefing. Connare recibió unas indicaciones muy claras:

  • Debía ser una fuente amigable e informal.
  • Debía ser popular entre usuarios novatos, padres, madres y niños.
  • Debía alejarse del aspecto de las tipografías clásicas.
¡Que me aspen si no lo consiguió! Es informal, se aleja de las tipografías convencionales y en cuanto a lo de popular… ¿quién puede negarlo?
Comic sans y Kristen
La Kristen es una tipografía similar y nadie la odia
 
 
Entonces, ¿por qué la odio?

El problema, como bien relatan en esta página, es el uso y abuso del tipo de Connare. Las fuentes tienen personalidad y un propósito.

Esto por usar comic sans!

“¡Esto es por usar comic sans, bastardo!” de Nebojsa Cvetkovic
 

La Comic tiene un nombre autodescriptivo y sin embargo ha sido utilizada para carteles informativos de toda índole, para hospitales, oficinas, iglesias, en logotipos, en cartas formales, en comunicados internos, en carteles de “se vende”, en la Copa del Rey de fútbol en España, en lápidas y un eterno etc.

La Comic Sans fué una buena tipografía porque cumplía sus objetivos. Tan buena que se usó para todo, hasta el punto de hacernos aborrecerla.

Moraleja

Ninguno de los dos vamos a usar la Comic para nada serio. Este artículo pretende algo más que defender un caso perdido como este. Trata de advertirte a cerca de los peligros de abusar de determinado recurso o tendencia.

Veo diseñadores cuyo trabajo sigue siempre la misma línea estética, independientemente de que se ajuste a lo que busca su cliente. Me aburren las modas pasajeras como los reflejos 2.0 o los efectos vintage de Instagram. Odio la falta de criterio y estudio con la que trabajan muchos diseñadores.

Si te encuentras en uno de estos casos o similares, deberías hacer propósito de enmienda. Investigar. Estudiar. Mejorar. Diseñar.

VN:F [1.9.22_1171]
Valora esta entrada
Rating: 9.5/10 (4 votes cast)

thumb

Crear juegos isométricos con AS3

Julio de Redribera nos obsequia con un tutorial para crear un motor isométrico en Flash AS3 basado en tiles. El blog ya contaba con un completo tutorial para crear juegos con tiles pero usaba Action Script 2, lenguaje que odio.

Aunque el tutorial no desarrolla un juego completo, si cubre los aspectos básicos:

  • Manejo de tiles.
  • Gestión de mapas de nivel.
  • Colisiones.
  • Profundidad.
  • Movimiento.
  • Scroll multidireccional.
Sin duda una buena base para crear juegos como el Fallout original o el Syndicate.
Fallout

 

VN:F [1.9.22_1171]
Valora esta entrada
Rating: 10.0/10 (1 vote cast)

creandoLogo

Cómo diseñar un logo

Cuando una empresa contrata a un comercial, quiere que sea apto, profesional y que tenga buena presencia. Que sepa transmitir la calidad de sus productos o servicios y que sepa venderlos. El logotipo cumple una función similar. Igual que cuando se contrata a un comercial se tienen en cuenta una serie de criterios, para construir un logo que pueda desempeñar su función tienes que ajustarte a una serie de pautas.

Cómo debes diseñar un logotipo

Nota: Para construir un logo que pueda desempeñar su función tienes que ajustarte a una serie de criterios.
Si quieres diseñar un logotipo exitoso tienes que partir de unas premisas. Yo hago la siguiente división:

Premisas técnicas:

    • El logotipo debe ser legible. Se debe entender su contenido hasta tamaños reducidos. Tú marcas el tamaño mínimo de reproducción, pero debes ser consecuente. Si el logotipo debe aparecer en un llavero, debe ser legible a ese tamaño.
    • Escalable. Debe poder reproducirse a cualquier tamaño. Si te dedicas a diseñar logotipos en Photoshop lo estás haciendo muy mal. Puedes sentirte más cómodo diseñando con Photoshop, pero no se trata de tu comodidad, sino de hacer un trabajo profesional. Escalable es igual a vectorial.
Vector vs Bitmap
Los bitmaps no son escalables
  • Reproducible y práctico en cualquier material y medio.
  • Distinguible en sus versiones positiva, negativa y en blanco y negro.
  • Durable. El logotipo debe sobrevivir al tiempo. Basar tu diseño en las tendencias actuales (véase los mal llamados logos 2.0) puede dar una solución rápida, pero en cuanto la moda cambie, tu logotipo se verá obsoleto, anticuado.

Premisas perceptivas:

  • El logotipo debe ser sencillo. Es fundamental que mantengamos nuestro diseño lo más simple. Pocos trazos, pocos colores, pocas formas. Elimina todos los elementos innecesarios ya que cuanto más elementos, más difícil es de recordar. Lo que nos lleva a…
Percepción y diseño
“Excelente artículo de hRod en Cristalab”
  • Memorable. Nike, McDonald’s, Coca-cola… logotipos que están instalados en nuestra memoria. Incluso ver solo una porción de ellos nos evoca su producto.
  • Consistente. La esencia de tu logo debe estar presente en cada una de las piezas derivadas. Los colores, las formas, la comunicación… deben ser las mismas tanto en una tarjeta de visita como en un rótulo de fachada.
  • Único. Muchos creativos usan imágenes prediseñadas para sus logotipos. De esta forma siempre existe la posibilidad de que el logotipo de una empresa sea igual al de otra. Incluso cuando tu creación sea original debes procurar que no sea similar o se pueda relacionar con otra marca.
  • Reflejo. El buen logotipo debe hablar por si mismo. Debe expresar lo que es la empresa. Si la empresa es una empresa joven y dinámica no podemos expresarlo con un logotipo de líneas clásicas. El color, las formas, la composición… todo envía un mensaje al receptor.
Es fundamental que mantengamos nuestro diseño lo más simple. Pocos trazos, pocos colores, pocas formas.
  • Atractivo. Aunque no se suele indicar en la mayoría de los estudios sobre lo que debe cumplir un logotipo, está claro que un logotipo debe ser atractivo. No hay que ser un lince para saber que algo bonito atractivo es más cercano al público. Sin embargo no hay que olvidar que lo que hace un logotipo atractivo es la combinación de todos los puntos anteriores.

La excepción que confirma la regla

En ocasiones verás logotipos que no cumplan la mayoría de los puntos de ahí arriba y sin embargo son importantes.

Google Logo

Mi ejemplo favorito es logotipo de Google. ¿Cómo un logotipo que no es ni un reflejo de la empresa, ni es especialmente memorable, práctico, sencillo ni atractivo, puede ser tan conocido? Volvemos al ejemplo inicial: el comercial. Cuando el producto que vendes es tan bueno, se vende por si mismo. El comercial puede ser un completo inútil, porque el cliente va a querer comprarlo de todas maneras. En este caso el producto hizo memorable al logotipo.
VN:F [1.9.22_1171]
Valora esta entrada
Rating: 9.2/10 (12 votes cast)