El color es un elemento indispensable a la hora de diseñar una App, una web, publicidad… Puede determinar de modo determinante la usabilidad de tu aplicación o sitio web.
El color ayuda a hacer visible la jerarquía, la navegación o arquitectura de un diseño, hace que el usuario muestre más o menos interés en nuestros contenidos y una vez interesado, puede hacer que la experiencia sea positiva o que no vuelva a usar nuestro diseño nunca más.
Imagen tomada de appleweblog.com
Nadie en este mundillo es ajeno a la tremenda influencia de Apple en el diseño web.
Estoy seguro que aparición del iOS7 en el mercado, volverá a dar un cambio de aires al diseño web.
Es cierto que podemos ver una clara inspiración en el diseño más plano de Windows o Google, pero eso si, con el toque especial que siempre Apple da a sus diseños. El responsable, Jonathan Ive.
El cambio ha sido radical, pasando del skeuomorphism (que representa el arte de imitar la realidad) a un diseño totalmente minimalista, es decir, de Steve Jobs a Jonathan Ive.
Los logos más importantes se identifican por sus colores, incluso hay marcas que los registran.
Algo tan importante no debe tomarse a la ligera, especialmente al crear elementos visuales en un diseño web, o en un anuncio para una marca.
Elegir el color adecuado puede aumentar el reconocimiento de marca, aumentar la participación y proporcionar marcas con una ventaja competitiva.
Por supuesto, cada uno tiene un color favorito, pero al diseñar un logo o un sitio web, debemos ser conscientes de los significados que hay detrás de los colores, así como ser conocedores de qué colores producen la mejor respuesta por parte de nuestros usuarios hacia el producto que queremos vender.
Existen recursos casi infinitos online para ayudarnos a encontrar la combinación perfecta del color, si necesitáis alguno, los podéis encontrar en el post «combinación de colores en diseño web«. Pero en este post vamos a profundizar de nuevo en el significado de los colores y sobre todo en las sensaciones que producen en nuestros usuarios.
WebSafeColors, una web en la que podemos inspirarnos a la hora de combinar y elegir colores para nuestros diseños web.
Nos ofrece varias gamas, personalmente las que más utilizo son earth tones, pastels y greys.
Existen multitud de sitios en los que podemos encontrar paletas, este sitio es un recurso rápido para salir del paso.
Paleta de colores
Colores Web
Si estás pensando en un nuevo diseño web, seguro que estás pensando en qué colores utilizar. Esta es una de las primeras decisiones que tenemos que tomar a la hora de afrontar un «papel en blanco», la temática de la web, la imagen corporativa o el target, nos van a condicionar esta decisión.
Las tendencias del color en el diseño web cambian con el resto de las modas, aunque el abanico de diseños que existen en la red es tan amplio, que siempre es difícil establecer una tendencia. Las tendencias se ven más en las estructuras que en las tonalidades, aunque si es verdad que desde hace unos años podemos encontrar mucha más diversidad de colores. Ya en un post anterior pudimos ver cómo según las distintas culturas y según su significado, la elección de color es una decisión muy importante.
Estos son los colores que el estudio de Conecta Publicidad ha elaborado para el verano 2008.
En Tendencias del diseño web, hemos hablado ya del estilo «grunge» y del estilo «retro«, por supuesto que quedaba hablar del más actual, el estilo web 2.0.
La web 2.0 es más una actitud que no una tecnología, es el intentar hacer una web enfocándola al usuario, intentar darle todo lo que puede necesitar de forma fácil y haciendole participar en la medida de lo posible.
La característica fundamental de este estilo es la sencillez, una sencillez, que ha conseguido hacer más usables las páginas web.
Lo «retro» está de moda, o mejor dicho, nunca dejó de estarlo. Ese aire nostálgico de una época ya pasada que va desde los años 50’s hasta los 80’s ha sido retomada por muchos diseñadores en los que el diseño retro se mezcla con el toque personal. Se trata de un estilo muy limpio, atratctivo y fácil de entender por el usuario, ya que está basado principalmente en una ilustración muy descriptiva. Con estas cualidades, es imposible que pase de moda.
Los carteles ilustrativos de los 50’s, o los revolucionarios diseños de los 60’s, el diseño disco de los 70’s e incluso el pop art de los 80’s son un inmenso abanico de posibilidades que nos pueden inspirar para sacar adelante casi cualquier nuevo proyecto. (más…)
¿QUÉ ES EL DISEÑO GRUNGE?
Lo retro está de moda, y en especial el «GRUNGE«, se está convirtiendo en un estilo de diseño casi indispensable en una web o blog que quiera estar a la última. Una tendencia que está en la calle, en los nuevos diseños de coches, ropa, complementos,… y como no podía ser de otro modo, el diseño gráfico también ha sucumbido a esta moda.
Estos diseños grunge, se muestran a través de fondos sucios, desgarro de imágenes y tipografías, y el dibujo a mano de ilustraciones y textos, que pretenden dar más personalidad a estos diseños.
La 2.0 trajo las esquinas redondeadas y los grandes textos, no significa que este estilo»grunge» los haya dejado de lado, es como si los hubiese acogido pero de un modo más sutil. Estaríamos pues hablando de la evolución del estilo 2.0.
Los elementos grunge no tienen que tener necesariamente un aspecto desordenado, una web o blog con diseño grunge puede tener infinidad de elementos grunge pero dar en general un aspecto cuidado y ordenado. Una prueba la tenemos en la web de Jeremy Zevin en ella podemos ver como combina el aspecto grunge del fondo con el aspecto 2.0 del blog, son dos tendencias de diseño perfectamente compatibles.
A continuación os dejo un bloque de utilidades y consejos para que hagáis vuestros diseños grunge… (más…)
Básicamente una web es un producto de marketing, representa la imagen de una marca, de una idea. Las grandes empresas dedican sumas inmensas de dinero para elaborar una cuidada imagen corporativa que les ayude a alcanzar el éxito, a no ser una más en un dilatado mercado.
Pues bien, igual de importante o más (si vemos la cantidad de público potencial que puede llegar a alcanzar) es el diseño de una web, aunque siga habiendo muchos responsables que no compartan esta idea…
El color de una web ejerce un impacto determinado en el usuario, por lo que la elección de la banda cromática que vayamos a utilizar es de suma importancia de cara a una aceptación mayor.
Una vez que el usuario llega a nuestra web, tenemos unos 10 segundo para llamar o no la atención de este cliente potencial.
Los colores pueden hacer que se sienta cómodo y seguro o todo lo contrario. Para esto existen varias combinaciones con su repercusión correspondiente, que paso a definir a continuación.
Colores cálidos
Colores fríos
Colores neutros
ARMONÍA DE COLORES
El exceso de color puede llegar a ser inquietante y caótico, mientras que la falta, puede llegar a ser aburrido, como siempre el punto intermedio es la mejor solución.
Los ordenadores muestran el color en función de la cantidad de rojo, verde y azul RGB. Estos colores, desgraciadamente no se muestran siempre igual, dependen mucho de la máquina que tenga el usuario, y esto puede originar serios problemas estéticos y funcionales. Aquí llega pues el dilema, ¿usamos los colores seguros de la paleta de los sistemas operativos? ¿o nos arriesgamos?…
EL COLOR EN LOS TEXTOS
Es muy importante saber fijar buenos contrastes entre la fuente y su fondo, de ello depende en gran medida la atención del usuario, en general deberemos facilitar en todo lo posible la legibilidad de los textos.
Negro sobre blanco siempre es una buena elección. El rojo y el azul son útiles para destacar. Evitemos en la medida de lo posible el negro como fondo
EL SIGNIFICADO DEL COLOR EN GENERAL Y POR CULTURAS
El color es una herramienta muy poderosa, es la primera en crear sensaciones al usuario, de ahí su importancia. Estudia cuidadosamente a quien va a ir dirigida tu web y elige adecuadamente los colores.
