Monthly Archives: January 2015

Games for designers

Buscando por la red, encontramos esta peculiar lista de juegos para diseñadores. Encontrarás desde juegos basados en la teoría del color, hasta juegos de programación en código. Nuestro favorito en Republik, Color Sheep, realmente adictivo, disfrútenlos con moderación … 😉

  • img01

    The Bézier game

    El Juego de Bézier. Un juego para ayudar a dominar la herramienta pluma.

     

     

  • img02

    Type:Rider

    es un juego ambicioso sorprendentemente tipográfico.

     

     

  • img03

    RGB CHallenge

    Trata de adivinar el color correcto para el código RGB se muestra arriba.

     

     

  • img04

    Brandseen

    ¿Qué tan bien se reconoce a estas marcas?

     

     

  • img05

    KernType

    El juego perfecto del “kerning” entre caracteres

     

     

  • img07

    CodeCombat

    Necesitas aprender a programar? Hazlo sin lecciones con este juego.

    img06

     

     

  • Code:deck

    Code:deck es una baraja de naipes estándar luciendo un diseño moderno y elegante.

     

     

  • img08

     

     

  • Color

    El color tiene que probar la exactitud de su percepción del color a medida que aprende acerca de los conceptos clave de la teoría del color y el diseño.

     

     

  • img09

    Shape

    Si usted tiene una pasión por la forma de carta perfecta y quiere dominar la habilidad de utilizar las curvas de Bézier, este pequeño juego tendrá que luchar por carta perfección.

     

     

  • img10

    The color!

    ¿Qué tan bien se reconoce a estas marcas?

     

     

  • img11

    Color Run

    Simplemente haga clic en el color más claro

     

     

  • img12

    CMYK Playing Cards

    Brillantemente quitando todo el patrimonio y la historia de buen diseño de la tarjeta de juego, hemos eliminado todo lo que pudimos.

     

     

  • img13

    Playdots

    El objetivo es simple; subir a las tablas de clasificación mediante la conexión de color mismos puntos vertical y horizontalmente.

     

     

  • img14

    Color Sheep

    Color Sheep  es un juego arcade de ritmo rápido en el que los jugadores cambian de color  para que coincida con los lobos que vienen de frente por la mezcla de diferentes intensidades de luz roja, verde y azul.

     

     

  • img15

    Hex Invaders

    Hark! Los aliens están invadiendo! Usted debe proteger el planeta, haciendo coincidir el código de color hexadecimal para la criatura correspondiente.

     

     

  • img16

    Type Connection

    Type Connection  es un juego que te ayuda a aprender cómo emparejar las tipografías.

     

     

  • img17

    Pixactly

    Herramienta online que pone a prueba qué tan bien conoce sus píxeles.

     

     

  • img18

    ColorNot

    No confíes en tus ojos! Prueba este adictivo (todavía difícil) juego basado en el color.

     

     

  • img19

    Kill Comic Sans

    Desperdicia algo o mucho de tiempo matando la tipografía ComicSans.

     

     

  • img20

    Helvetica vs. Arial font fight

    Increible pelea de fuentes.

     

     

  • img21

    Shoot the serif

    Dispara a las fuentes serif en el tiempo disponible para pasar a la siguiente etapa.

     

     

  • img22

    Online Color Challenge

    ¿Qué tan bien se ve de color? DATO: 1 de cada 255 mujeres y 1 de cada 12 hombres tienen algún tipo de deficiencia de la visión del color.

     

     

  • img23

    Ragtime

    ¿Qué es mejor que la tipografía y música ragtime?

     

    vía: graphism.fr/games

     

     

50 Tutoriales de Illustrator que todo diseñador debe ver

Adobe Illustrator puede ser un poco difícil de entender a primera vista, sobre todo después de acostumbrarse al flujo de trabajo de aplicaciones como Photoshop. Las diferencias entre el uso de la capa y la creación de objetos y formas pueden ser realmente extraño en un inicio. Por suerte hay una variedad de ayuda disponible de forma gratuita en línea en forma de tutoriales. Aquí está una colección de artículos seleccionados a mano de varios sitios que todo diseñador debe ver, si usted es un principiante o un usuario avanzado, habrá algo aquí para usted!

 

Vector Tracing a Photo

Illustrator tutorial

Create the Photoshop CS2 Splash Graphic

Illustrator tutorial

Illustrating a Summer Field Landscape

Illustrator tutorial

How to Turn Glasses into a Great Geek Icon

Illustrator tutorial

Create a Vector Film Slate Icon

Illustrator tutorial

A Guide to Illustrator’s Paintbrush Tool and Brush Panel

Illustrator tutorial

A Guide to Illustrator’s Blend Tool

Illustrator tutorial

How to Create a Cute Bunny Vector Character

Illustrator tutorial

Design with Swirls and Flourishes

Illustrator tutorial

Swirl Mania in Illustrator and Photoshop

Illustrator tutorial

Designing a Sleek Pencil Icon

Illustrator tutorial

Illustrator Watercolour Brush Tutorial

Illustrator tutorial

Creating a Vector Folder Icon

Illustrator tutorial

Adobe Illustrator Cartoon Snail Tutorial

Illustrator tutorial

Creating Vector Graphic Circles

Illustrator tutorial

How to Make a Map in Illustrator

Illustrator tutorial

Creating Convincing Characters

Illustrator tutorial

Creating a Crazy Cool Logo

Illustrator tutorial

Draw Your Own Vector Self Portrait

Illustrator tutorial

Create a Vector Cartoon Character

Illustrator tutorial

Guide to Illustrator’s Pen Tool

Illustrator tutorial

From Sketch to Vector Illustration

Illustrator tutorial

Create the Design Float Circle Icon

Illustrator tutorial

Illustrator 101 – Opacity Masks

Illustrator tutorial

Create a Vector Home Cinema Design

Illustrator tutorial

Creating a ribbon in Adobe Illustrator

Illustrator tutorial

Recreate the Obama Logo in Illustrator

Illustrator tutorial

Create the Perfect Diamond in Illustrator

Illustrator tutorial

Old School Type with Line Gradients

Illustrator tutorial

Simple organic shapes the Illustrator way

Illustrator tutorial

Learn Illustrator CS3 in 30 Days

Illustrator tutorial

Creating a Friendly Green Type Treatment

Illustrator tutorial

Blueprint-Style Text in Adobe Illustrator

Illustrator tutorial

Building a Website Wireframe in Illustrator

Illustrator tutorial

Create an envelpe icon with a satin feel

Illustrator tutorial

How to Create Anatomy Illustrations in Illustrator

Illustrator tutorial

Illustration 4 Pt Series – From Sketch to Finish

Illustrator tutorial

Create Sketchy-Style Vectors

Illustrator tutorial

Create Vector Japanese Style Tattoos

Illustrator tutorial

Create a Tasty Skate Deck Graphic

Illustrator tutorial

Just in case you didn’t know, I also have a collection of Illustrator tutorials right here on Blog.SpoonGraphics, to finish off the last 10 here’s some shameless self promotion of Illustrator turorials of my very own!

Create a Vector RSS Icon with Illustrator

Illustrator tutorial

Create a Vector Pirate Cartoon Character

Illustrator tutorial

Vector Monster Character Illustrator Tutorial

Illustrator tutorial

Create a Colourful Abstract Wavy Ribbon

Illustrator tutorial

Translucent IM Style Illustrator Icon Tutorial

Illustrator tutorial

Create Your Own Spoof Airplane Safety Illustrations

Illustrator tutorial

How to Create a Vector iMac Graphic in Illustrator

Illustrator tutorial

How to Create a Vector Safari Compass in Illustrator

Illustrator tutorial

Illustrator Tutorial – Create a Blissful Vector Scene

Illustrator tutorial

Create a Themed Repeating Pattern in Illustrator

Illustrator tutorial

  • 38
    Share

Panda Security estrena marca de la mano de Saffron

Redactado por: Modesto García  Fecha: 28/01/15  vía: brandemia.org

En 1990 en España los ordenadores estaban asentándose en el país y con ellos los virus informáticos. Fue entonces cuando una ‘panda’ de amigos de Bilbao decide iniciar una batalla contra la inseguridad cibernética creando lo que en poco tiempo se convertiría en la 4ª compañía del mundo en seguridad informática: Panda Securitycon presencia directa en más de 80 países, productos traducidos a más de 23 idiomas y millones de clientes en todo el mundo.

saffron_panda_press-release_150126-13.jpg

Este año, aprovechando su 25 aniversario, esta compañía lanza una nueva marca que pretende reforzar otra etapa de crecimiento y éxitos. El proyecto ha sido desarrollado por la consultora internacional Saffron Brand Consultants, de los que últimamente hemos conocido trabajos comoPróximusTurkíaVolotea, o M-tel.

panda_logo_antes.jpg

Antes

panda_logo_despues.jpg

Después

Dentro de un entorno cada vez más competitivo y complejo, Panda decidió apostar por una renovación integral de su marca. Saffron realizó un profundo análisis del sector así como de la particular idiosincrasia de la compañía y terminó por destacar la capacidad de Panda para hacer de lo más complejo algo fácil, simple, efectivo y accesible a todos.

Simplexity es la idea que define esta nueva marca optimista, honesta y sagaz” leemos en la nota de prensa oficial.

saffron_panda_press-release_150126-14.jpg

“Apoyándose en la idea de Simplexity, Saffron ha creado para Panda una identidad visual que, apartándose radicalmente de los códigos del sector, es simple y pura, honesta y directa” comentaGabor Schreier, Director Creativo Ejecutivo de Saffron“La nueva identidad simplifica los virus, los hace cercanos y juega con ellos. Saffron ha creado un lenguaje icónico que trasmite la esencia de la marca y le otorga una carácter optimista, casi lúdico, a un asunto tan preocupante y difícil de entender por muchos como es el de los virus informáticos” continúa Schreier.

transparencia.png

Es interesante observar la imagen inferior, ya que podemos tener una idea general de los elementos básicos de la marca, desde un punto de visto meramente gráfico. Podemos ver, por ejemplo, la gama de color escogida, las distintas versiones del logo, los tipos de iconos que se utilizarán, el estilo fotográfico e incluso la tipografía corporativa, la llamada Compton, de la fundición Font Fabric.

saffron_panda_press-release_150126-20.jpg

Al observar por primera vez estas sombras diagonales que se utilizan tanto últimamente, me ha parecido un recurso gratuito, guiado únicamente por la moda. Sin embargo, conforme he ido entendiendo el proyecto me he dado cuenta de que existe un sentido lógico para la utilización de este efecto. Puesto que la sencillez es la premisa que guía esta identidad, se ha creado un universo visual basado en bloques geométricos que se amontonan, como si se tratase de juguetes de un niño, componiendo formas icónicas y minimalistas para expresar conceptos que de otra manera podrían ser bastante complejos. La sombra que proyectan los bloques permiten que este planteamiento tenga sentido.

En cualquier caso, sigue siendo un recurso bastante oportunista, que nace de una moda muy concreta, y aunque funciona muy bien y está muy alineado con la estrategia, quizás corra el peligro de quedarse obsoleto demasiado pronto. Esperemos que no sea así.

Creo que es interesante el hecho de mostrar al oso panda en el símbolo, reforzando el nombre (que es bastante universal), y aunque tenga un aire muy infantil, recordando a un oso de peluche, parece que es precisamente lo que se busca con esta nueva estrategia de máxima simplicidad. Mención especial merecen los virus de la imagen inferior, que consiguen resultar hasta simpáticos, a pesar de cargarse nuestros sistemas operativos.

saffron_panda_press-release_150126-05.jpg

saffron_panda_press-release_150126-12.jpg

saffron_panda_press-release_150126-25.jpg

saffron_panda_press-release_150126-07.jpg

saffron_panda_press-release_150126-21.jpg

saffron_panda_press-release_150126-23.jpg

saffron_panda_press-release_150126-18.jpg

saffron_panda_press-release_150126-28.jpg