Archivos de la categoría ‘publicidad creativa’


paleta colores diseno web creativosonline 7 errores que debemos evitar al diseñar sitios web

Aunque cada trabajo de diseño web es distinto, hay ciertas cosas que se deberían de evitar a toda costa si deseamos que el resultado sea lo más atractivo posible de cara al cliente/usuario final. Se trata de cosas básicas al diseñar sitios web y que sin embargo algunas veces algunos pasan por alto, sobre todo aquellos que recién comienzan en este vasto mundo de gustos y colores.

1. Tipo de letra incorrecto

El tipo de letra que se usa en un sitio web suele ser un aspecto al que muchas veces se le presta poca atención y sin embargo es el alma de cualquier página. El tipo de letra debe de ser amigable a la vista, de fácil lectura, tener buenas formas e integrarse perfectamente en el diseño general. Hay que evitar usar tipos de letra demasiado extraños, aunque tampoco hay que irse por la vía fácil y usar siempre Arial o Lucida Grande.

2. Demasiados tipos de letra

Aunado al punto anterior, hay que evitar utilizar demasiados tipos de letra en nuestro diseño. La variedad es buena, sí, pero si abusamos podríamos terminar con un diseño inconsistente y de mal aspecto.

3. Mala combinación de colores

Los colores del diseño general también deben de estar bien combinados. Si estamos faltos de inspiración siempre podemos hacer uso de herramientas en línea que nos proporcionan paletas de colores que, la mayoría de las veces, son bastante buenas.

4. Imágenes mal optimizadas

Aunque las velocidades de conexión a Internet son cada vez más rápidas, hay que recordar que en algunos lugares hay aún conexiones muy lentas. Por ello hay que asegurarnos de optimizar adecuadamente las imágenes de nuestro diseño para que carguen rápidamente sin que pierdan demasiada calidad, sobre todo si utilizamos elementos en formato JPG.

5. Enlaces que confunden

Hay que asegurarnos de que los enlaces se vean claramente como enlaces y que avisen al usuario si han sido visitados o no. Es realmente molesto visitar el mismo enlace dos veces.

6. Mala alineación

A no ser que el cliente nos encargue un diseño asimétrico debemos asegurarnos de que la alineación de los distintos elementos de la página es la correcta, cuidando espacios y márgenes. Un diseño mal estructurado da la sensación de dejadez, causando una mala impresión.

7. Incompatibilidad entre navegadores

Finalmente llegamos al último punto, tal vez uno de los más importantes: la compatibilidad de nuestro diseño en los distintos navegadores del mercado. Hay quienes diseñan sólo para uno o dos navegadores, cuando como mínimo deberíamos de diseñar para los 5 más populares (en orden aleatorio): Firefox, Opera, Internet Explorer, Chrome y Safari. Aunque más que preocuparnos por nombres de navegadores deberíamos de hacerlo por motores de renderizado como Gecko, WebKit, Trident, etcétera.

Más información – 14 malos hábitos que deben quitarse los freelancers
Foto – Flickr


La imagen creo que lo dice todo. Pero para los que aún no saben de que se trata, Photoshop a veces puede jugarnos una mala pasada. Sea por la configuración que se haya dado al programa, por los modos o diferentes hipótesis según el caso, el degradado de Photoshop muchas veces hace un escalonado en bandas que no es muy agradable a la vista.

Las soluciones son varias si nos ponemos a buscar en la web, algunas parecen funcionar, otras no. Lo cierto es que si hay una acción que con un simple click nos solucione el problema, bienvenida sea esta.

Ese es el caso de No More Banding, una simple acción para Photoshop que aplicándola a la capa del degradado hará desaparecer como por arte de magia este problema.

Enlace | No More Banding


Londres, Reino Unido.- La Academia de los Reales Colegios Médicos de Reino Unido acaba de lanzar una ofensiva para evitar que las marcas de comida rápida y refrescos hagan publicidad en eventos deportivos, como por ejemplo los Juegos Olímpicos, además de pedir que se prohíba a personalidades y personajes animados famosos que sean imagen de este tipo de alimentación.
Según señala esta Academia, que agrupa a más de 200.000 profesionales médicos, se estima que para 2030, un 48 por ciento de los hombres y el 43 por ciento de las mujeres en el Reino Unido tendrán problemas de obesidad, con toda la problemática de salud que esto representa a nivel personal y para el sistema sanitario público.

Es por esto que los médicos británicos piden que se aplique a la comida rápida, las mismas normativas de publicidad que se usan con el tabaco, pues consideran que es acontecimientos deportivos, incluso los Juegos Olímpicos, y que personajes famosos publiciten comida insana para niños. La Academia considera necesario, para luchar contra la obesidad, imponer “contundentes y duras” medidas para acabar con la publicidad irresponsable de las grandes compañías de alimentación.

Los médicos quieren que se empleen los mismos criterios que con el tabaco y que además, los fabricantes alimentos coloquen en sus empaques de forma clara toda la información nutricional, como calorías y cantidad de azúcar, sal y grasa contenidos en los mismos, como otra medida para luchar contra la obesidad.

Por su parte la Federación de Alimentos y Bebidas, a través de las declaraciones de Barbara Gallani, directora de salud y ciencia de dicha organización que defiende la posición de las empresas de comidas y bebidas no alcohólicas, señala que aunque se deban tomar medidas, no cree que los médicos deban estigmatizar la este tipo de colaboraciones que beneficia tanto a las compañías de comida rápida como a los eventos deportivos.


Para ser un buen diseñador en la actualidad hay que ser aparte de técnica e imaginativamente perfecto una persona que debe estar totalmente informada de las tendencias y de las novedades que se presentan en su campo.

Para ello es aconsejable saber que hacen el resto de profesionales de nuestro ramo, y que mejor que ver la lista de los que han sido en alguna ocasión considerados por algún medio los mejores diseñadores. Entre ellos se encuentran tanto diseñadores gráficos como web.

 

Les dejo una lista de enlaces de algunas de las webs:

http://blogof.francescomugnai.com/2010/02/the-world-best-designers-spain/

http://hellomil.com

http://www.jkaczmarek.com/

http://fa-d.com/

http://www.aeiko.net/

 

Imágenes: foro-cualquierafrancescomugnai


Seguramente muchos hemos visto alguna vez en la web o en algún diseño impreso, esos efectos que simulan hilos de luz. Bueno, esta vez vamos a ver como podemos realizar este efecto en photoshop.

hilo_101

Lo más importante es siempre tener un objetivo para el efecto, esto siempre lo digo y tiene que ver con NO utilizar el efecto por un capricho de “me gusta” sino con darle un sentido y utilizarlo cuando amerite. En este ejemplo el hilo de luz va a rodear a un Iphone desde su base a la parte superior, transmitiéndonos quizás el brillo que tiene este teléfono tan popular, atractivo y usuable que ha lanzado Apple.

1 – Empezar el trazo

Lo primero que tenemos que hacer es seleccionar la pluma en el programa e ir cliqueando y marcando nodos en forma de zig zag al rededor del Iphone, como podemos ver en la imagen.

hilo_21

2 – Curvarlo

Una vez definido todo el trazo de forma recta, nos dirigimos a los nodos a ambos lados del aparato y los curvamos, para ello utilizamos la herramienta pluma pero dejando presionada la tecla Alt, esta nos permite desplegar los tiradores Bezier en el nodo.

hilo_31

3 – Contornearlo

Luego de haber curvado el trazado, pasamos a contornearlo con un color. Antes de eso debemos definir un tamaño de pincel y marcar la opción de “simular presión”. Esto es lo que hace que el trazo sea debilite progresivamente tanto en el comienzo como en el final. Para hacer esto tenemos que ir a las propiedades de pincel, como se aprecia en la imagen inferior.
Una vez definido el tamaño del pincel y la opción de simular presión, con la herramienta pluma seleccionada y en una nueva capa, hacemos click con el botón secundario del ratón y marcamos la opción “contornear trazado”. En la imagen vemos el resultado; ya casi lo tenemos, sólo resta iluminar el trazado resultante.

hilo_8

hilo_51

hilo_61

4 – Iluminarlo

A continuación aplicamos un estilo de capa al trazado; para ello marcamos resplandor exterior y modificamos las opciones a gusto de cada uno. Para lograr que la iluminación se aplique sobre la capa inferior, debemos marcar un “modo de fusión”, en este ejemplo se utiliza el modo “Luz fuerte”.

hilo_91

5 – Enmascararlo

Para simular que el hilo de luz está rodea al teléfono, tenemos que enmascarar intercaladamente al trazo. Para ello colocamos la capa del trazo en una carpeta (Ctrl + g) y le añadimos una máscara seleccionado el botón con esta función en la parte inferior del panel. Luego, con la máscara seleccionada lo que hacemos es pintar de negro en la zona que queremos ocultar.

Y bueno, colorín colorado, este cuento ha terminado. Espero haya sido útil…

hilo_11

¡Hasta pronto!


Empezamos:
1. No utilices más de tres colores.

2. Deshazte de todo lo que no sea absolutamente necesario.

3. La tipografía debe ser lo suficientemente sencilla como para que tu abuela la pueda leer.

4. El logo debe ser reconocible.

5. Crea una forma o layout único para el logo.

6. Ignora completamente lo que tus padres y/o pareja piensan del diseño.

7. Confirma que el logo se vea atractivo para más de tres (3) individuos.

8. No combines elementos de logos populares y luego digas que es trabajo original.

9. No utilices clipart bajo ninguna circunstancia.

10. El logo debe verse bien en blanco y negro.

11. Asegúrate de que el logo es reconocible al ser invertido.

12. Asegúrate de que el logo es reconocible al cambiar su tamaño.

13. Si el logo contiene un ícono o símbolo, además de texto, ubica a cada uno de manera que se complementen el uno al otro.

14. Evita las tendencias recientes en diseño de logos.
En vez de eso, haz que tu logo se vea atemporal. Gradientes, sombras, reflejos y demás tendencias 2.0.

15. No utilices efectos especiales (incluyendo, pero no limitado a: gradientes, sombras, reflejos, y rayos de luz).

16. Ajusta el logo a un layout cuadrado en lo posible, evita los layouts rebuscados.

17. Evita los detalles intrincados.

18. Considera los diferentes lugares y maneras en que el logo será presentado.

19. Invoca sentimientos atrevidos y confiados, nunca aburridos y débiles.

20. Date cuenta de que no crearás el logo perfecto.

21. Utiliza líneas duras para negocios duros, y líneas suaves para negocios suaves.

22. El logo debe tener alguna conexión con lo que está representando.

23. Una foto no hace un logo.

24. Debes sorprender a los consumidores con la presentación.

25. No utilices más de dos fuentes.

26. Cada elemento del logo necesita estar alineado. Izquierda, centro, derecha, arriba o abajo.

27. El logo debe verse sólido, sin elementos colgantes.

28. Entérate de quién va a ver el logo antes de pensar en ideas para ello.

29. Siempre escoge función por sobre innovación.

30. Si el nombre de la marca es memorable, el nombre de la marca debe ser el logo.

31. El logo debe ser reconocible cuando se le aplica efecto espejo.

32. Incluso las grandes compañías necesitan logos pequeños.

33. El diseño del logo le debe gustar a todos, no sólo al negocio que lo va a usar.

34. Crea variaciones. Mientras más variaciones, es más probable que llegues al correcto.

35. El logo debe verse consistente a través de múltiples plataformas.

36. El logo debe ser fácil de describir.

37. No utilices “taglines” en el logo.  ¿Qué es un tagline?  No está muy claro, pero se podría decir que es una frase generalmente corta, que no entra en la categoría de cita o refrán. Sencillamente son frases que la gente puede usar. Los más comunes son los eslóganes publicitarios.

38. Bosqueja ideas usando lápiz y papel antes de trabajar en el computador.

39. Mantén el diseño simple.

40. No utilices símbolos “swoosh” ni globos terráqueos.

41. El logo no debe distraer.

42. Debe ser honesto en su representación.

43. El logo debe estar balanceado visualmente.

44. Evita los colores neón brillantes y los colores opacos, oscuros.

45. El logo no debe romper ninguna de las reglas ya mencionadas.

 

Fuente: http://profesionalnet.wordpress.com/2009/03/20/45-consejos-para-realizar-un-logotipo-perfecto/

 


Manual de Identidad e Imagen Corporativa
Es donde estan las ideas visuales de la empresa y en donde la comunicación es subjetiva.

Es como influye el diseñador en la imagen de la empresa (corporativo)
Se debe proyectar una excelente imagen visual.

La Identidad corporativa desarrolla un manual que permite dejar claro las diferentes aplicaciones cromáticas y gráficas a utilizar por la empresa, unifica y contribuye al posicionamiento de la empresa.

Estructura del Manual de Identidad e Imagen Corporativa

1-Introducción
Copias del logo en JPG, alta, media y baja resolución.

2-Presentación
Se hace un resumen de lo que contiene el manual, se puede manejar con una pequeña reseña histórica (investigación, historia, comunicación)

3-Isologotipo
El logosímbolo es el ícono
El Isologotipo son los dos unidos
Al mostrar al cliente el isologotipo se deben de mostrar los dos tanto símbolo como texto.

4-Isotipo
Se explica el Isotipo, es decir su significado, que quiere decir y que mensaje trasmite.

5-Explicación del logotipo
Especificar los pasos de porque el logo es minúscula, mayúscula, gruesa, delgada o cursiva.

6-Prueba Master
Mostrar los logos de pequeño a grande, mínimo 8 puntos en impresión en escalas de mayor a menor.

7-Plano T écnico (coordenadas)
Es la aplicación a escala del logotipo o logosímbolo, ampliación proporcional de las formas.

8-Sicología del Color
Se debe de explicar cada color, es decir que significa y asociarlo con la empresa, muestras de colores y significados.

9-Descomposición del Color
Se muestra el color y su nombre en porcentajes
C:100 % R:28% Código Pantone:C530
M:20 % G:23 %
Y:3 % B:16%
K:0 %

10-Tipología
Se describe la fuente que se utilizo en el isologotipo diseñando una lista del abecedario de la a hasta la z y teniendo en cuenta también los números y caracteres, en mayúsculas,y minúsculas.

11- Usos Correctos e Incorrectos del Isologotipo
No se debe de sesgar, el Isologotipo debe ser igual, es decir, si se piensa ampliar lo mas aconsejable es hacerlo de las puntas, con shift sotenido, y no hacerlo de los lados.
En esta sección se muestra los usos correctos e incorrectos(muestras de los logos)

12-Papelería Comercial

-Hoja Membrete
La hoja membrete debe de tener logo, datos, diseño

-Tarjeta Personal
La tarjeta personal debe de llevar datos del cliente como nombre, cargo, números telefónicos, extensión, e-mail, lo mas conveniente para el diseño de la tarjeta es que lleve diseño, que no sea plana.

-Sobre
En el sobre se puede salir del esquema, es decir se puede diseñar de varias formas como lord, carta, 1/2 carta.

-Factura
Diseñara algo diferente, no es recomendable hacer lo mismo, ya si el cliente desea un diseño de costumbre es palabra de el, pero lo mas importante es que sea atractivo visualmente.

-Escarapela
Contiene foto, nombre, cargo, cédula, (este punto no es necesario) código de barras, llevando siempre los colores corporativos.

-Carpeta Empresarial
Es donde se almacena toda la información de la empresa, debe de conservar la imagen corporativa

-Señalización
Pictogramas, logotipos, símbolos, que lleven siempre diseño, es muy fundamental, no se deben de cambiar los colores, (la señalización son los símbolos que tiene la empresa, por ejemplo, los diseños que llevan los baños, las escalas, ascensores, cafetería)

-Uniformes
Son los uniformes de los empleados, deben de ser corporativos, llevando la imagen de la empresa.

-Transporte
Especificar si la empresa tiene o no transporte, realizar el diseño de como será el transporte.

-Fachada
Diseñar como es, o como será la empresa en su estructura física.

Luego de especificar todos estos aspectos se debe de diseñar el índice

ÍNDICE
1-Introducción
2-Presentación
3-Isologotipo
4-Isotipo
5-Explicación del logotipo
6-Prueba Master
7-Plano T écnico (coordenadas)
8-Sicología del Color
9-Descomposición del Color
10-Tipología
11- Usos Correctos e Incorrectos del Isologotipo
12-Papelería Comercial
-Hoja Membrete
-Tarjeta Personal
-Sobre
-Factura
-Escarapela
-Carpeta Empresarial
-Señalización
-Uniformes
-Transporte
-Fachada

Conclusión:
Hay que tener en cuenta que el Manual de Identidad e Imagen Corportativo debe de ser impreso, y es la guía para cualquier diseñador, al momento de que hayan cambios en la empresa, o para diseñar otro tipo de cosas.

Fuente de la Información:

http://www.artedinamico.com