PANTONE 18-3224 Radiant Orchid color del año 2014

PANTONE 18-3224 Radiant Orchid color del año 2014

Share

PANTONE 18-3224 Radiant Orchid

Radiant Orchid es mi color favorito! las combinaciones que se pueden hacer y el concepto que encierra solo dan para más y más… la creatividad es el límite.

Cómo eligen el color del año?

Su selección requiere de una cuidadosa consideración y para llegar a la selección Pantone escanea literalmente el mundo entero en busca de todas las influencias de color: Dichas influencias van desde la industria del entretenimiento y las películas que están en producción, colecciones de arte itinerantes, artistas top o de moda y destinos turísticos populares hasta otras condiciones socio económicas muy diversas.

(más…)

Share
26 tipografías gratis

26 tipografías gratis

Share

Las tipografías

O fuentes son el elemento clave en el proceso de diseño, tienen personalidad propia y características únicas y subjetivas como el diseñador que las crea.

Las tipografías se clasifican a través de estilos por su forma, el uso que le demos y también por el momento en el que fueron diseñadas.

(más…)

Share
Keyword Planner… para diseñadores gráficos?

Keyword Planner… para diseñadores gráficos?

Share
Infografía sobre Keyword Planner

Infografía sobre Keyword Planner y cómo funciona

Keyword Planner nos puede servir a los Diseñadores gráficos?

Sí, por supuesto que sí… y en este post quiero explicarte de qué manera.

Primero comprendamos cómo funciona, para ello he creado la infografía que precede a este texto y que esta basada en información de la red sobre Keyword Planner además de aplicar conceptos básicos de publicidad como el famoso modelo AIDA: Atención, Interés, Deseo y Acción – compra.

La función básica de Keyword Planner, como su nombre ya menciona, es planificar las palabras clave que harán mas efectivas nuestras acciones de venta para llegar de manera específica a nuestro target group a partir de las búsquedas que este haga en Google.

(más…)

Share
La sección o zona aurea

La sección o zona aurea

Share

La sección o zona aurea

Fue considerada por Platón como la “relación matemática perfecta” y según Pitágoras, todo esta regido por figuras y formas matemáticas, y solo falta mirar alrededor para ver que es verdad. Esa relación perfecta esta en la arquitectura, la escultura, la ingeniería, la pintura, el arte en general… pero más impresionante aun: en la naturaleza, que, en su libre albedrío y sin intervención de la mano humana, emplea esa perfección como parte de su estructura y se manifiesta a nuestros ojos.

(más…)

Share
Diferencia entre imágenes Vectoriales y Raster

Diferencia entre imágenes Vectoriales y Raster

Share

Imágenes Vectoriales y Raster son dos conceptos que para nosotros los diseñadores son de suma importancia, puesto que todo lo relativo al “acabado” y la “calidad” de los trabajos que creamos para nuestros clientes es nuestra prioridad.

Es por eso que este post tiene por objetivo aclarar un aspecto técnico sumamente importante y en el que casi todos los novatos caen en su primer trabajo impreso en imprenta…

Si se toman en cuenta estos sencillos conceptos difícilmente se incurrirá en errores.

Qué son las Imágenes Vectoriales y Raster?

(más…)

Share
Cómo hacer un favicon?

Cómo hacer un favicon?

Share
Favicon

Cómo hacer un favicon

Son muchas las formas de dar personalidad a nuestro sitio, pero sin duda una de las mas vistosas, a pesar de su tamaño, un cuadrado desde 16×16, 32×32, 48×48, 64×64 hasta 128×128 píxeles y que parece ocultar una programación de ligas mayores, es la del “favicon“.

Puede parecer un pequeño detalle pero resulta ser más importante de lo que muchos creen. Un favicon, o “favorite icon”, es ese pequeño ícono o imagen que originalmente se utilizaba junto al nombre del sitio web en caso de que el usuario lo agregará a sus favoritos. Más adelante, otros navegadores comenzaron a mostrar el favicon en la barra de direcciones y junto al nombre de la pestaña del sitio web.

Para crearlo se pueden utilizar muchos programas de diseño gráfico, para este post emplearé Photoshop, y Junior Icon Editor. Pero veamos paso a paso como se hace:

Paso 1

Selecciona la imagen que quieras utilizar como favicon. En mi caso uso mi propia foto. La abro desde Photoshop y usando la herramienta Crop la “corto” en la medida 1×1 que mencioné antes. En este caso 112mm x 112mm con una calidad de 72dpi:

Cómo crear un favico paso 1

Paso 2

Después de cortar la imagen, se guarda con la opción de “Guardar para web y dispositivos”. En la pantalla aparecen las opciones de calidad y formato para la imagen, seleccionamos PNG-8 con las opciones de ajuste preestablecido en el panel de la  derecha:

Cómo crear un favico paso 2

Paso 3

Una vez que hemos guardado la imagen, emplearemos el programa gratuito Junior Icon Editor para generar nuestro favicon. Al ejecutar el programa salen estas dos pantallas, solo hay que hacer click en los botones encerrados en el círculo verde:

Junior Icon Editor

Primeras pantallas al abrir Junior Icon Editor

Luego se abre esta pantalla con las opciones de configuración inicial para crear un nuevo favicon, solo la emplearemos si no tenemos de antemano una imagen escogida, si no, simplemente cerramos esta pantalla y pasamos al siguiente paso:

Junior Icon Editor

Junior Icon Editor – Configuración inicial

Lo siguiente será abrir la imagen que guardamos con Photoshop en formato PNG-8, por tanto desde el menú “File”, abrimos clicamos a “Abrir” y buscamos nuestra imagen, la seleccionamos y le damos al “Abrir”:

Junior Icon Editor

primer paso para convertir nuestra imagen en favicon

Al abrir la imagen nos aparece esta ventanita en la que seleccionaremos el tamaño que queremos para nuestro favicon:

Junior Icon Editor

Selección de las características de nuestro favicon

Al darle al “ok” automáticamente el programa transforma la imagen en el siguiente patrón de colores:

Junior Icon Editor

Patrón de colores

En este punto, si se quiere se pueden hacer retoques con las herramientas del panel de la izquierda, si esta todo ok se pasaría a guardar el favicon:

Junior Icon Editor

Guardar en formato .ico

Listo, nuestro favicon esta a punto para que lo usemos:

favicon

Favicon con la extensión .ico

Esta es una forma simple y económica de crear un favicon, pero si no quieres descargarte el software, también se pueden utilizar varios servicios online que nos facilitan la tarea, como genfavicon.com, favicononline.es u otros que aparecen con la búsqueda en Google. Solo hay que seguir los pasos que nos indiquen y ya tendremos el favicon con la extensión “.ico”.

En cuanto al diseño, debemos tomar en cuenta que, en un espacio muy reducido, deberemos colocar una imagen que nos represente, por lo que sería conveniente emplear o bien el isotipo de nuestra marca como hace Mercedes Benz, un detalle ampliado del logotipo, o una imagen reconocible como es el caso de este blog. En el caso de una marca que tenga alguna mascota que la identifique sería conveniente hacer uso de ella. Tal es el caso de Vía Michelin.

Una vez que tenemos creado nuestro ícono, lo aplicaremos a nuestro sitio web de la siguiente manera: añadiremos el siguiente link en el archivo index.html que es el que por defecto se abre al entrar en una página web. Colocaremos el código entre las etiquetas de la cabecera:

[important]

<head>

rel=”shortcut icon” href=”http://www.tudominio.com/favicon.ico”>

</head>[/important]

Si hemos creado nuestra web sin ningún gestor o plataforma de contenidos simplemente guardamos el archivo y lo subimos junto con el favicon.ico al mismo folder en el sitio donde se alojan los archivos de nuestra página web.

En Blogger simplemente se accede a la opción “Diseño” del panel izquierdo y en la parte superior izquierda se encuentra un gadget  que nos permite cargar un favicon personalizado cuyo tamaño debe ser menor que 100 KB.

En WordPress depende del Theme, Plantilla o Tema que tengamos instalado, generalmente nos dan la opción para cargar nuestro favicon, si no es así, en principio deberemos subir nuestro favicon.ico al directorio raíz de nuestra web, luego accederemos a nuestro panel de control de WordPress o Dashboard y seleccionaremos la opción de “Appearance” en la que accedemos al botón de “Editor” y buscamos en la columna de la derecha el archivo header.php y copiamos el mismo código de líneas arriba antes de la etiqueta

Con eso debería funcionar de maravilla en todos los casos…

Share
Share