ICONOGRAFIA

Para  muchosdeseñadores y grafistas del entorno web, es muy importante obtener algunos recursos gráficos como los vectores e iconos.
Los íconos son uno de los elementos más destacados en el diseño  de un web site, cada uno de ellos definirá un concepto cromático y suelen ser de gran ayuda para complementar la imagen del sitio.
Muchasaplicaciones web, no solamente sitios, necesitan crear un conjunto de íconos que definan la paleta cromática y el estilo del proyectos .
Para ello requerimos de además de tener conocimientos sobre el manejo de algunas herramientas como Photoshop, saber bien cuales serán las mejores formas y figuras, así como también la paleta cromática en la que realizaremos dichos íconos. Ej:

iconografia de la web

No es una tarea sencilla, sino que para elaborar la misma debemos disponer de mucho tiempo, y de una planificación de estrategia corporativa adecuada a las necesidades del cliente
Para evitar todo ello, existen algunos sitios que nos brindan la posibilidad de tener iconos, y gráficos para poder utilizar en nuestro proyecto.
Esto nos ahorrará tiempo y trabajo, con una simple clic accederemos a los mejores íconos, ya diseñados  por expertos, los cuales los podemos aplicar en nuestra web.
Pero cual es mejor icono que podemos utilizar en nuestro proyecto.

COLORIMETRIA

El color es una parte del espectro lumínico, y, al fin, es energía vibratoria.

Esta energía afecta de diferente forma al ser humano, dependiendo de su longitud de onda (del color en concreto) produciendo diferentes sensaciones de las que normalmente no somos conscientes.

Pero la gente que trabaja en agencias de marketing y publicidad, los asesores de imagen de empresa, los diseñadores industriales y de moda, etc., son bien conscientes de ello, y utilizan los colores para asociarlos coherentemente al tipo de producto que quieren hacer llegar.

Fundamento teórico

La paleta de colores RGB (RVA en español) consta, básicamente, de tres colores primarios aditivos: Rojo-Verde-Azul. Estos colores primarios aditivos, en HTML, están representados por tres pares hexadecimales del tipo 0xHH-HH-HH según el siguiente formato:(los colores básicos o primarios no aquellos que no son resultantes de mezclas)

#RRGGBB (= #RRVVAA)

Los valores que puede adoptar cada uno de los tres pares hexadecimales van del 0x00 (0 decimal) al 0xFF (255 decimal). sea el valor del par, tanto mayor será también la intensidad (matiz, brillo o claridad) del color correspondiente a ese par (y viceversa). Esto implica que el extremo inferior de la escala cromática parte de una intensidad (grado) de color mínima (nulo = par 0x00), pasa por una intensidad de color media (mediano = par 0x80 [128 decimal]) hasta llegar a una intensidad de color máxima (saturado = par 0xFF). El grado de más alta pureza (absoluto) de un color primario aditivo estará determinado por la presencia total del mismo (saturación = 0xFF) junto con la ausencia total (nulidad = 0x00) de los otros dos colores primarios aditivos.

Además de estos tres colores primarios aditivos (RVA), existen tres colores primarios sustractivos o CMY (CMA en español): Cian- Magenta-Amarillo. Estos colores surgen de la siguiente combinación (mezcla) de los primarios aditivos:

Cian = Verde + Azul

Magenta = Rojo + Azul

Amarillo = Rojo + Verde

En cuanto a su grado de pureza, ocurre algo inverso a los colores primarios aditivos, ya que el grado absoluto estará determinado por la nulidad de uno de sus componentes y la saturación de los otros dos. Los colores complementarios de los primarios, tanto aditivos como sustractivos, serán recíprocamente:

Rojo ↔ Cian

Verde ↔ Magenta

Azul ↔ Amarillo

La combinación simultánea de los tres primarios aditivos saturados produce el blanco (0xFFFFFF). Contrariamente, la combinación simultánea de los tres primarios sustractivos nulos produce el negro (0x000000). Resulta claro también que la combinación de dos colores mutuamente complementarios producirá el blanco, de igual modo que la sustracción (absorción) de ambos dará lugar al negro (ausencia total de color). Así, p. ej., el rojo (0xFF0000) más su complemetario que es el cian (0x00FFFF), generan el blanco (0xFFFFFF). De hecho, el cian no es otra cosa que la sustracción del rojo al blanco. Obsérvense los siguientes gráficos:

Por su parte, el gris mediano (0x808080), que es el exacto término medio entre el negro y el blanco, se obtendrá a partir de la combinación simultánea de los tres primarios aditivos medianos. Análogamente, el gris semisaturado (claro) se obtendrá a partir de la combinación 0xC0C0C0, mientras que el gris seminulo (oscuro) mediante 0x404040. De este modo, tenemos que el resto de los colores, que están comprendidos entre el negro (0x000000) y el blanco (0xFFFFFF), surgen de la combinación de los tres primarios aditivos en distintos grados. En otras palabras: bastará con reemplazar cada uno de los pares 0xHH-HH-HH por un valor comprendido entre 0x00 y 0xFF para obtener cualquiera de los colores posibles.

Aunque en la práctica, puede haber algunas combinaciones que no sean válidas. Eso pasaba antiguamente, cuando la paleta de colores más grande tenía 256 colores. Por eso, existen 216 colores seguros, que serán visibles en cualquier dispositivo sin necesidad de ditherring   (otros 40 para el sistema), de los cuales algunos se muestran aquí.

Tabla simplificada de colores

Lo visto hasta aquí, lleva a obtener la siguiente tabla de colores con sus respectivos valores hexadecimales:

Primarios aditivos saturados (absoluto)

• ROJO = FF0000
• VERDE = 00FF00
• AZUL = 0000FF

• Combinación de los tres primarios aditivos saturados (absolutos).
• BLANCO = FFFFFF

Primarios sustractivos nulos (absolutos)

• CIAN = 00FFFF
• MAGENTA = FF00FF
• AMARILLO = FFFF00

• Combinación de los tres primarios sustractivos nulos. (absolutos)
• NEGRO = 000000

 Algunos secundarios y terciarios (medianos)

• GRIS = 808080
• ROSA = FF8080
• VIOLETA = 800080
• CELESTE = 80FFFF
• MARRON = 800000

• NARANJA = FF8000
• LAVANDA = 8000FF
• TURQUESA = 00FF80
• ORO VIEJO = BBBB20

Tabla de colores

TIPOGRAFIA

Las 21 tipografías mas utilizadas por los diseñadores

Parte importante del trabajo de los diseñadores es saber elegir la tipografía adecuada para nuestros diseño. Seguramente tengan una extensa coleccion en su disco duro. Perotambién es probable que les pase que inconscientemente usan algunas mucho mas seguido que otras.

En Instant Shift pasaron una semana repasando artículos sobre tipografías y su popularidad. Finalmente lograron armar una lista con las 21 fuentes masutilizadas  por los diseñadores profesionales. Todas las tipografías se muestran con todos los ejemplos disponibles, para que veamos claramente cuales son. Entre ellas, clásicos que todos utilizamos, comoHelvetica, Franklin y Gotham. Si queremosdescargar,  nos listan al final cinco sitios en donde encontraremos la tipografía ideal.

Las 22 tipografías gratis más usadas por los diseñadores profesionales

Como ya sabemos, la tipografía cumple un papel importantísimo en el diseño. Un diseñador web que tenga un bajo nivel de conocimientos sobre las tipografías, no tendrá mucho éxito. Os he mostrado ya un largo recopilatorio de tipografías, esta vez quiero mostraros las 22 tipografías gratuitas más usadas por los diseñadores profesionales, en relación a su usabilidad y popularidad, gracias a Instantshift.

El objetivo básico de esta entrada es ayudarte a encontrar la tipografía que mejor se adapte a tu proyecto, sin tener que buscarlas en línea. Encontraréis una lista de referencias gratuitas al final de la entrada. Es necesario leer detenidamente la licencia de la que vayamos a usar.

Entre otros