domingo, 29 de noviembre de 2009

La jerarquía y la composición


Cuando trabajamos algún nuevo proyecto de diseño, lo primero que tenemos que determinar, antes de incluso desarrollar conceptos visuales, es qué tan importantes son cada uno de los elementos que componen nuestro producto de diseño.
Es así como surgen las jerarquías. Esto es mas importante que esto otro y a su vez, que esto otro. Y para el manejo de las imágenes, es el mismo tratamiento jerárquico.

Parece fácil en principio jerarquizar, decir qué el titular es el primer llamado que uno debe leer, luego la bajada o los destacados, luego los datos anexos, etc. ¿Pero cómo hacer para que la importancia que conceptualmente le dimos a los elementos, logren eficientemente que cumplan el orden jerárquico?.

Si analizamos una nuevamente una composición podremos entender que con una determinada cantidad de trucos para jerarquizar, podemos tener libertad infinita para componer. Entonces, los métodos más frecuentes para destacar o esconder elementos dentro de un producto de diseño son:

1. El orden de lectura
Nuestra cultura occidental es muy rígida en aspectos de lectura, desde muy chicos aprendimos a que debemos leer todo de izquierda a derecha y de arriba hacia abajo.
Es muy dificultoso entender que dos elementos que tienen las mismas características, se lean de proceso inverso. Tenemos inconscientemente una manera automática de ordenar los elementos, y de acuerdo a esoo no podemos luchar.
Por ejemplo, en la imagen de más arriba, vemos 12 barras horizontales dispuestas una arriba de la otra. Si te pones a contarlas probablemente tu cerebro empiece a hacerlo de arriba hacia abajo. Ahora, si lo piensas ¿por qué leemos primero la barrita de arriba siendo que la de abajo es 4 veces más grande?
En un segundo ejemplo podemos entender que si los círculos estuvieran unidos, probablemente el orden de lectura nos guíe a la manera tradicional de leer, de izquierda a derecha. Sin embargo hay un único factor que puede romper el de arriba a abajo y de izquierda a derecha, es el de la superposición: de adelante hacia atrás.


2. El tamaño
El manejo del tamaño de los elementos es sin duda, el más usado de los sistemas de jerarquía y no necesita gran explicación.
En el ejemplo, basta con agrandar un círculo para entender que su importancia es mucho mayor que la del resto.
Sin embargo, agrandar un objeto no es la única manera de hacerlo destacar, en el ejemplo podemos entender que el objeto destacado no tiene por qué ser el más grande para ser jerárquicamente el más importante.


3. El color
Una de las maneras más interesantes de destacar es por color. Lo saben los mejores diseñadores del mundo y lo ocupan a su favor a diario, ya sea para levantar en importancia algún elemento, o bien para ocultarlo.
En el ejemplo podemos observar el típico ejemplo de cómo el color magenta se apodera de nuestra primera mirada para decirnos que el punto más importante de la composición no es el primer punto de la primera fila, sino que el que se destaca por ser distinto.
¿Pero qué pasa cuando todos son distintos?. Por lo general, cuando reina el color, el negro se sobrepone a todo, y da lo mismo cuánto colorido haya, el negro siempre será el más importante.
Otra manera de destacar por color es por exclusión. Esta manera de jerarquizar, se usa mucho en el diseño de logotipos. Julián Naranjo, un destacado diseñador chileno, comentaba que la fórmula del éxito en el diseño de identidad corporativa era elegir 2 colores de similar peso o gama, y por exclusión, elegir un color que se le oponga diametralmente.


4. La forma
Otra forma de romper con la homogeneidad de los elementos y destacar a uno por sobre los demás, es trabajar con formas similares para determinados grupos jerárquicos, y otras formas completamente diferentes para los demás.
Muy probablemente fijaremos nuestra vista en los elementos de forma más estridentes, y leeremos al final los elementos cuya forma sea más tranquila y ordenada.



5. La ubicación
La posición de los elementos dentro de la página, es un factor fundamental a la hora de componer una pieza de diseño. Agrupar por formas tanto como excluir de las mismas es una muy buena manera de levantar y hundir información sin ser estridente. No es necesario cambiar ni tamaños ni colores ni formas.
La elegante manera de dominar la hoja y disponer los elementos como si fuera un escenario teatral, como si fuera una cancha de fútbol en el que se entiende a la perfección cuál es el punto con mayor visibilidad.


6. La composición de elementos
Jerarquizar elementos mediante el ordenamiento de los mismos elementos es una avanzada manera de entender cómo funciona la composición. Se ocupa mucho en la composición de escena en comics, fotografía y cine.
Por lo general las puntas y diagonales son la manera más fácil de destacar un objeto dentro de la composición. En el ejemplo, podemos ver cómo los elementos se ordenan diagonalmente para formar una especie de punta de flecha que indica casi gráficamente diciendo "tu, eres el elemento destacado".
Si bien es cierto, a la derecha también hay un elemento destacado por una diagonal, se entiende que el tamaño y la jerarquía de los pesos de que rompen la ortogonal, son diferentes para un objeto que para otro. La proporción es clara, y el blanco de la contraforma refuerza lo anterior.

by Juan Pablo De Gregorio.

Motion Graphics en Córdoba Argentina.

Motion Graphics es un término que se usa para designar a una disciplina que en los últimos años está alcanzando una gran importancia en el mundo del diseño gráfico y la comunicación audiovisual. Consiste en el uso e interacción de elementos gráficos (vectoriales, imágenes, tipografías, etc.) con video, animación y sonido, creando así sensación de movimiento. Suelen ser trabajos donde prima el estímulo visual frente a la narración.

No existe una definición universalmente aceptada para el término y sus orígenes son discutidos. Quizás uno de los primeros en usar esta expresión fue el animador John Whitney, quien en 1960 fundó una empresa con el nombre Motion Graphics Inc. Sin embargo, en lo que sí parece haber cierto acuerdo es en considerar a Saul Bass como uno de los pioneros del diseño gráfico animado, marcando su trabajo los comienzos de lo que hoy en día es conocido como Motion Graphics.

Su popularidad ha ido creciendo en los últimos años. Primero de la mano de las televisiones, que empezaron a apostar por este tipo de creaciones para sus cortinillas, consiguiendo así una estética impactante e innovadora. Y después se ha ido extendiendo a otros campos, como la publicidad o la comunicación de las empresas.

Normalmente suelen ser trabajos muy efectistas y con una gran fuerza visual pero quizás, como pasa con todo cuando se populariza, nos estamos acostumbrando demasiado a verlo y ya no nos llaman tanto la atención. Ahora bien, está claro que cuando el trabajo está aderezado con grandes dosis de sensibilidad y creatividad, surgen piezas realmente deliciosas.

Aquí les dejo algunas piezas realizadas por Malón Creativo para que las disfrutéis:






Si quieren ver mas piezas de motion graphics realizadas por MalónCreativo.Com pueden hacerlo en nuestro canal de YouTube.


.

sábado, 28 de noviembre de 2009

¿Qué es la Web 2.0?

La Web 2.0 es la representación de la evolución de las aplicaciones tradicionales hacia aplicaciones web enfocadas al usuario final. El Web 2.0 es una actitud y no precisamente una tecnología.

Web 2.0

La Web 2.0 es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través del web enfocadas al usuario final. Se trata de aplicaciones que generen colaboración y de servicios que reemplacen las aplicaciones de escritorio.

Es una etapa que ha definido nuevos proyectos en Internet y está preocupándose por brindar mejores soluciones para el usuario final. Muchos aseguran que hemos reinventado lo que era el Internet, otros hablan de burbujas e inversiones, pero la realidad es que la evolución natural del medio realmente ha propuesto cosas más interesantes como lo analizamos diariamente en las notas de Actualidad.

Y es que cuando el web inició, nos encontrábamos en un entorno estático, con páginas en HTML que sufrían pocas actualizaciones y no tenían interacción con el usuario.

Pero para entender de donde viene el término de Web 2.0 tenemos que remontarnos al momento en que Dale Dougherty de O’Reilly Media utilizó este término en una conferencia en la que compartió una lluvia de ideas junto a Craig Cline de MediaLive. En dicho evento se hablaba del renacimiento y evolución de la web.

Constantemente estaban surgiendo nuevas aplicaciones y sitios con sorprendentes funcionalidades. Y así se dio la pauta para la Web 2.0 conference que arranca en el 2004 y hoy en día se realiza anualmente en San Francisco, con eventos adicionales utilizando la marca en otros países.

En la charla inicial del Web Conference se habló de los principios que tenían las aplicaciones Web 2.0:

  • La web es la plataforma
  • La información es lo que mueve al Internet
  • Efectos de la red movidos por una arquitectura de participación.
  • La innovación surge de características distribuidas por desarrolladores independientes.
  • El fin del círculo de adopción de software pues tenemos servicios en beta perpetuo

La Web 2.0 con ejemplos

Entender la evolución que ha llegado con la Web 2.0 puede realizarse con ejemplos, con proyectos. Podemos comparar servicios web que marcan claramente la evolución hacia el Web 2.0 con una nueva forma de hacer las cosas:

¿Qué tecnologías apoyan a la Web 2.0?

El Web 2.0 no significa precisamente que existe una receta para que todas nuestras aplicaciones web entren en este esquema. Sin embargo, existen varias tecnologías que están utilizándose actualmente y que deberíamos de examinar con más cuidado en busca de seguir evolucionando junto al web.

Tecnologías que dan vida a un proyecto Web 2.0:

  • Transformar software de escritorio hacia la plataforma del web.
  • Respeto a los estándares como el XHTML.
  • Separación de contenido del diseño con uso de hojas de estilo.
  • Sindicación de contenidos.
  • Ajax (javascript ascincrónico y xml).
  • Uso de Flash, Flex o Lazlo.
  • Uso de Ruby on Rails para programar páginas dinámicas.
  • Utilización de redes sociales al manejar usuarios y comunidades.
  • Dar control total a los usuarios en el manejo de su información.
  • Proveer APis o XML para que las aplicaciones puedan ser manipuladas por otros.
  • Facilitar el posicionamiento con URL sencillos.

¿En qué nos sirve la Web 2.0?

El uso de el término de Web 2.0 está de moda, dándole mucho peso a una tendencia que ha estado presente desde hace algún tiempo. En Internet las especulaciones han sido causantes de grandes burbujas tecnológicas y han hecho fracasar a muchos proyectos.

Además, nuestros proyectos tienen que renovarse y evolucionar. El Web 2.0 no es precisamente una tecnología, sino es la actitud con la que debemos trabajar para desarrollar en Internet. Tal vez allí está la reflexión más importante del Web 2.0.
Yo ya estoy trabajando en renovar y mejorar algunos proyectos, no por que busque etiquetarlos con nuevas versiones, sino por que creo firmemente que la única constante debe ser el cambio, y en Internet, el cambio debe de estar presente más frecuentemente.

Teoría y psicología del color

El color no es una característica de una imagen u objeto, sino que es más bien una apreciación subjetiva nuestra. Se puede definir como, una sensación que se produce en respuesta a la estimulación del ojo y de sus mecanismos nerviosos, por la energía luminosa de ciertas longitudes de onda.

El círculo cromático.
círculo cromático


El círculo cromático nos sirve para observar la organización básica y la interrelación de los colores.
Los colores primarios son: el rojo, el azul y el amarillo.
Los colores secundarios son: el verde, el violeta y el naranja.

y los colores terciarios son:
el rojo violáceo rojo anaranjado, amarillo anaranjado, amarillo verdoso, azul verdoso y azul violáceo.

Los colores secundarios se obtienen al mezclar partes iguales de dos primarios; los colores terciarios se consiguen al mezclar partes iguales de un color primario y de un secundario adyacente.
Los primarios son colores que se consideran absolutos y que no pueden crearse mediante la mezcla de otros colores. Sin embargo, mezclar los primarios en diversas combinaciones crea un número infinito de colores.

El tono:
Es el matiz del color, es decir el color en sí mismo, supone su cualidad cromática, es simplemente- un sinónimo de color. Es la cualidad que define la mezcla de un color con blanco y negro. Está relacionado con la longitud de onda de su radiación. Según su tonalidad se puede decir que un color es rojo, amarillo, verde...
Aquí podemos hacer una división entre:
- Tonos cálidos (rojo, amarillo y anaranjados): aquellos que asociamos con la luz solar, el fuego...
- Tonos fríos (azul y verde): Los colores fríos son aquellos que asociamos con el agua, la luz de la luna...

Brillantez:
Tiene que ver con la intensidad o el nivel de energía. Es la luminosidad de un color (la capacidad de reflejar el blanco), es decir, el brillo. Alude a la claridad u oscuridad de un tono. Es una condición variable, que puede alterar fundamentalmente la apariencia de un color. La luminosidad puede variar añadiendo negro o blanco a un tono.

Saturación:
Está relacionada con la pureza cromática o falta de dilución con el blanco. Constituye la pureza del color respecto al gris, y depende de la cantidad de blanco presente. Cuanto más saturado está un color, más puro es y menos mezcla de gris posee.


La psicología del color

Los colores despiertan respuestas emocionales específicas en las personas.

El factor psicológico está formado por las diferentes impresiones que emanan del ambiente creado por el color, que pueden ser de calma, de recogimiento, de plenitud, de alegría, opresión, violencia... La psicología de los colores fue ampliamente estudiada por

Colores cálidos
Colores cálidos
El ardiente remite al rojo de máxima saturación en el círculo cromático; es el rojo en su estado más intenso.
Los colores ardientes se proyectan hacia fuera y atraen la atención. Por esta razón, a menudo se usa el rojo en letreros y el diseño gráfico. Los colores ardientes son fuertes y agresivos, y parecen vibrar dentro de su espacio propio. El poder de los colores ardientes afecta a la gente de muchas maneras, tales como el aumento de la presión sanguínea y la estimulación del sistema nervioso.


Colores fríos
Colores fríos
El frío remite al azul en su máxima saturación. En su estado mas brillante es dominante y fuerte. Los colores fríos nos recuerdan el hielo y la nieve. Los sentimientos generados por los colores fríos azul, verde y verde azulado son opuestos a los generados por los colores ardientes; el azul frío aminora el metabolismo y aumenta nuestra sensación de calma



Colores claros
Colores claros
Los colores claros son los pasteles más pálidos. Toman su claridad de una ausencia de color visible en su composición, son casi transparentes. Cuando la claridad aumenta, las variaciones entre los distintos tonos disminuyen.
Los colores claros descubren los alrededores y sugieren liviandad, descanso, suavidad y fluidez. Se parecen a las cortinas transparentes de una ventana, y envían un mensaje de distensión. Son el color marfil, rosa, celeste, beige ...


Colores oscuros
Colores oscuros
Los colores oscuros son tonos que contienen negro en su composición. Encierran el espacio y lo hacen parecer más pequeño. Los colores oscuros son concentrados y serios en su efecto. En cuanto a las estaciones, sugieren el otoño y el invierno. Combinar juntos los claros y los oscuros es una manera común y dramática de representar los opuestos de la naturaleza, tales como el día y la noche.



Colores brillantes
Colores brillantes
La claridad de los colores brillantes se logra por la omisión del gris o el negro. Los colores azules, rojos, amarillos y naranjas son colores de brillo pleno. Los colores brillantes son vívidos y atraen la atención. Un bus escolar amarillo, un racimo de globos de colores, el rojo de la nariz de un payaso nunca pasan inadvertidos. Estimulantes y alegres, los colores brillantes son colores perfectos para ser utilizados en envases, moda y publicidad.

Cuadrado blancoBlanco.
Se halla en el extremo de la gama de los grises.. Es un color latente por su capacidad de potenciar los otros colores vecinos. El blanco puede expresar paz, soleado, feliz, activo, puro e inocente.

Cuadrado negroNegro.
Al igual que el blanco, también se encuentra en el extremo de la gama de grises. Es el símbolo del silencio, del misterio y, en ocasiones, puede significar impuro y maligno. Confiere nobleza y elegancia, sobre todo cuando es brillante.

Cuadrado grisGris.
Simboliza la indecisión y la ausencia de energía, expresa duda y melancolía.
Los colores metálicos tienen una imagen lustrosa, adoptando las cualidades de los metales que representan. Dan impresión de frialdad metálica, pero también dan sensación de brillantez, lujo, elegancia, por su asociación con los metales preciosos.

Cuadrado amarilloAmarillo
Es el color más luminoso, más cálido, ardiente y expansivo. Es el color del sol, de la luz y del oro, y como tal es violento, intenso y agudo. Suelen interpretarse como animados, joviales, excitantes, afectivos e impulsivos.

Cuadrado naranjaNaranja.
Posee fuerza activa, radiante y expansiva. Tiene un carácter acogedor, cálido, estimulante y una cualidad dinámica muy positiva y energética.

Cuadrado rojoRojo.
Significa la vitalidad, es el color de la sangre, de la pasión, de la fuerza bruta y del fuego. Está ligado al principio de la vida, expresa la sensualidad, la virilidad, la energía; es exultante y agresivo. El rojo es el símbolo de la pasión ardiente y desbordada, de la sexualidad y el erotismo.

Cuadrado azulAzul.
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. Expresa armonía, amistad, fidelidad, serenidad, sosiego... y posee la virtud de crear la ilusión óptica de retroceder. Este color se asocia con el cielo, el mar y el aire. El azul claro puede sugerir optimismo.

Cuadrado violetaVioleta.
Es el color de la templanza, de la lucidez y de la reflexión. Es místico, melancólico y podría representar también la introversión.

Cuadrado verdeVerde.
Es el color más tranquilo y sedante. Evoca la vegetación, el frescor y la naturaleza. Es el color de la calma indiferente: no transmite alegría, tristeza o pasión. Cuando algo reverdece suscita la esperanza de una vida renovada.

Cuadrado marrónMarrón.
Es un color masculino, severo, confortable. Es evocador del ambiente local otoñal y da la impresión de gravedad y equilibrio. Es el color realista, tal vez porque es el color de la tierra que pisamos.


Importancia del color

  • El color es uno de los medios más subjetivos con el que cuenta el diseñador.
  • Tiene mucho poder de atracción o rechazo dependiendo del uso que se le dé.
  • Los colores también dan sensación de movimiento.
  • Las emociones, sensaciones, y en definitiva todo lo que los colores pueden llegar a expresar y hacer sentir al espectador forma parte fundamental de la base de un buen diseño.
  • El color, como elemento claramente evidenciado de nuestro diseño, puede ser la clave de nuestro éxito. Tanto si pensamos como si no, si nos damos cuenta o no de ello, estamos cargando de significados cuando elegimos un color.

Fuentes de Tráfico para su Sitio Web

Twitter es una excelente plataforma para generar relaciones con otros profesionales que se dedican a nuestro nicho de mercado. Todas estas redes sociales, o lo que se conoce hoy en día como la Web 2.0, no solamente nos permiten establecernos como expertos en nuestro nicho de mercado, no solamente nos sirve para establecer confianza y credibilidad, sino que también nos permite generar mucho tráfico de regreso hacia nuestro sitio principal.

Ver más..
.

Servicio de Web Hosting

El alojamiento web (en inglés web hosting) es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, correo electrónico o cualquier contenido accesible vía Web.
Una vez desarrollado su Sitio Web, necesitará alojarlo en un servidor que esté permanentemente conectado a Internet para que cualquier internauta pueda verlo. El alquiler de este espacio en un servidor se suele llamar: hosting, web hosting, alojamiento o alojamiento web.

Malón Creativo ofrece un poderoso servicio de hosting para satisfacer desde los mas básicos requerimientos hasta planes a medida de alta gama. Cada plan cuenta con ventajas particulares y una excelente combinación de características, calidad y precio.

Consultar costos..

.

Que son los Dominios de Internet?

Un dominio de Internet es una etiqueta de identificación asociada a un grupo de dispositivos o equipos conectados a la red internet.

El propósito principal de los nombres de dominio en internet y del sistema de nombres de dominio (DNS), es traducir las direcciones IP de cada nodo activo en la red, a términos memorizables y fáciles de encontrar.
Sin la ayuda del sistema de nombres de dominio, los usuarios de internet tendrían que acceder a cada servicio web utilizando la dirección IP del nodo (Ej. Sería necesario utilizar http://74.125.45.100 en vez de http://google.com).

El siguiente ejemplo ilustra la diferencia entre una URL (Uniform Resource Locator) y uno nombre de dominio:

  • URL: http://www.ejemplo.com/index.html
  • Nombre de dominio: www.ejemplo.com
  • Nombre de dominio registrado: ejemplo.com


Dominios de nivel superior

Cuando se creó el Sistema de Nombres de Dominio en los años 80, el espacio de nombres se dividió en dos grandes grupos.
El primero incluye los dominios, basados en los dos caracteres de identificación de cada territorio de acuerdo a las abreviaciones del ISO-3166. (Ej. *.ar, *.mx) y se denomina ccTLD (Dominio de nivel superior de código de país ó Country Code Top level Domain).
Los segundos, incluyen un grupo de siete dominios de primer nivel genéricos, (gTLD), que representan una serie de nombres y multi-organizaciones: GOV, EDU, COM, MIL, ORG, NET e INT.

Los dominios basados en ccTLD son administrados por organizaciones sin fines de lucro en cada país, delegada por la IANA y o ICANN para la administración de los dominios territoriales

El crecimiento de internet ha implicado la creación de nuevos dominios gTLD. A junio de 2009, existen 20 gTLD y 248 ccTLD.

Información extraida de Wikipedia
.

Google Analytics. La solución de análisis web más inteligente, gratuita y fácil de usar.


Google Analytics es una solución de análisis web para empresas que proporciona información muy valiosa sobre el tráfico del sitio web y la eficacia del plan de marketing. Ahora, gracias a unas funciones potentes, flexibles y fáciles de usar, podrá ver y analizar el tráfico desde una perspectiva totalmente distinta. Google Analytics le ayudará a diseñar anuncios más orientados, a mejorar sus iniciativas de marketing y a crear sitios web que generen más conversiones.

Ver más..

.