Listado de la etiqueta: diseño

La proporción áurea en el diseño

En el ser humano es inherente e intrínseco el deseo por buscar la belleza en todas sus formas, motivo por el que los diseños son cuidados. Es por ello que desde siempre, se han desarrollado teorías que expliquen y permitan realizar diseños más hermosos, y una de esas teorías es la Proporción Áurea, también llamada la razón divina.

Esta teoría propugna que la proporción es la forma más perfecta de belleza, es la proporción entre las formas y elementos de una composición elevada al máximo nivel.  El axioma principal de esta teoría es que al dividir un segmento en dos partes, la proporción entre la parte mayor y la menor debe ser igual que la que existe entre el segmento total y la parte menor, lo que genera diseños web asimétricos pero bien proporcionados que le dan esa armonía de la que antes hablábamos, así como podemos crear un punto focal concreto, convirtiéndolo en el punto principal de nuestra composición.

Su cálculo se realiza de la siguiente manera:

El número obtenido tiene que ver con la proporcionalidad entre los distintos elementos. Esta armonía existe también en elementos de la naturaleza, como pueden ser la perfecta espiral de un caracol,  el pentagrama perfecto que forma una estrella de mar o la disposición de los pétalos de una flor. Esta proporcionalidad curiosamente relaciona la cantidad de abejas macho y abejas hembras que hay en una colmena.

También, por otro lado, en la búsqueda de esa perfección armónica, han sido muchos artistas a lo largo de la Historia los que han usado este número para realizar sus obras, siendo el primero de ellos el griego Fidias, en honor al cual fue llamado este número, Fi, a la hora de crear su obra más universal, el Partenón. También han utilizado este recurso artistas como Leonardo Da Vinci, que, en su Canon intentaba demostrar que el cuerpo humano cumple esta Razón Dorada.

Pero los tiempos han cambiado, y el diseño también. Ahora podemos realizar diseño gráfico y de webs, las cuales cumplen con una función clara, siempre dependiendo de sus objetivos, claro está, entre las cuales se encuentran atraer a clientes y conseguir conversiones.

Para ello, nuestra web debe estar bien construida, planeada y, por supuesto, planeada, lo que implica que en ella los elementos deben estar en perfecta armonía y proporción para lograr la perfecta proporción entre todos ellos, proporcionando a los internautas una perfecta experiencia visual de marca, cliente y usuario, haciéndola más atractiva y clara.

La proporción áurea busca crear un lenguaje natural  claro que pueda comprender nuestro cerebro, así como aprovechar la forma natural de leer una web, que generalmente va de arriba a la izquierda abajo a la derecha, por lo que usando la razón divina, los elementos deberían ir colocados en ella según su importancia siguiendo este patrón de comportamiento.

¿Y tú, qué sabes de la proporción áurea?

Diseño web: desmontando falsas creencias

En los últimos tiempos todo lo referente a internet ha tenido una gran aceptación por parte de los usuarios y empresas, que han visto en este sector un aliado muy potente para conseguir sus objetivos, en lo que a lo económico  se refiere y en otros aspectos tales como la imagen de marca.

Así pues, uno de los principales elementos en los que se apoyan las marcas para construir, no sólo su imagen, sino su identidad, es en el diseño, tanto gráfico como web. Si bien es muy fácil ver una imagen o una web, no siempre es lo que parece, puesto que la opinión y la visión que tiene la gran parte de usuarios no es la más cierta.

De este modo, existen falsas creencias acerca del diseño, datos que están muy lejos de ser ciertos, entre los que encontramos los siguientes:

El diseño web es fácil y rápido

Nada más lejos de la realidad. El diseño web requiere conocimientos de programación, diseño, usabilidad, posicionamiento web, estructuración de contenidos y saber crearlos correctamente, además de precisar total atención a lo que tenemos entre manos. Se requiere habilidad y preparación, además de saber trabajar en equipo, puesto que es una labor totalmente multidisciplinar.

Si sabes de diseño web, lo sabes todo acerca de informática, redes sociales y todo lo referente a este sector

En el mundo de internet y la informática existen muchísimos profesionales que conocen su sector. No es lo mismo un diseñador web que un diseñador gráfico, igual que no es lo mismo un albañil que un pintor, aunque los dos se dediquen a la construcción. Un diseñador gráfico puede no saber de programación, y un programador puede no saber de diseño gráfico.

El diseñador es el que decide todo los aspectos de su trabajo

Aunque es cierto que al profesional se le debe dejar trabajar lo más libremente posible y aplicar sus conocimientos, el diseño web debe ser una colaboración entre cliente y profesional, de modo que el profesional sea capaz de plasmar en la web las necesidades del cliente.

Podemos cambiar cualquier cosa en la web “en un momentito”

Este es uno de las creencias más molestas con las que los profesionales deben lidiar en su día a día. Los clientes no son conscientes de que cualquier cambio que queramos realizar en una web no es cosa de minutos, sino de mucho tiempo de trabajo. Los clientes piensan que cambiar un cuadro de lugar o cambiar el fondo de la web, o incluso, añadirle un texto es tan fácil como decir “amén”. Hace falta tiempo y trabajo para ello.

Los clientes mandan

Sí pero no. Como hemos dicho antes, la creación y diseño web es la unión entre las necesidades del cliente y el buen hacer del profesional. El cliente debe decir lo que quiere, por supuesto que sí, pero también debe permitir al profesional trabajar, así como debe confiar en las decisiones del profesional a la hora de crear/diseñar la mejor web para satisfacer las necesidades de su cliente.

¿Qué piensas tú? ¿Qué otros mitos existen en torno al diseño web?

Diseño web: un elemento fundamental, la tipografía

Como ya sabemos, la elección del diseño web es de una importancia capital a la hora de crearla, puesto que supone la tarjeta de presentación de una marca, es lo primero que van a ver nuestros clientes cuando quieran conocernos o ya nos conozcan a la hora de adquirir o contratar nuestros productos.

Ya hemos hablado anteriormente de la importancia de los distintos elementos de una página web, en la que cada elemento cumple una función y, todos juntos, componen el engranaje perfecto en el que basar nuestra presencia online como receptor de las visitas de nuestros usuarios.

No sólo es importante la estructura, el color o las imágenes que utilicemos, sino también la tipografía que usamos en nuestra web, ya que, no olvidemos, la web no sólo es un cúmulo de imágenes y colores, sino que en ella la letra, la tipografía, ocupa un lugar esencial al ser el medio principal mediante el cual lanzamos nuestro mensaje, por lo que debemos ser especialmente cuidadosos a la hora de escoger un tipo de letra para nuestra web.

Lo primero que debemos hacer antes de decantarnos por una tipografía es pensar el medio en el que se implantará, en este caso, una web, lo que significa que será visualizada por los usuarios en una pantalla de ordenador, lo que seguramente, nos hará descartar las tipografías de la familia Serif, con origen en la escritura antigua, y adecuada principalmente para los medios impresos, puesto que nos permite establecer una línea de lectura muy cómoda en libros, por ejemplo, siendo algunos tipos de esta familia la Book Antiqua o la Bookman Old Style. Sin embargo, la mejor opción para nosotros es cualquier tipografía de la familia Sans Serif, como por ejemplo, Arial, por su alta legibilidad en una pantalla de ordenador a cualquier tamaño.

Pero no sólo debemos considerar el tipo de letra, sino también su color y tamaño. Existen muchos ejemplos en los que la letra y el fondo no son adecuados, simplemente, porque no se conjuntan. Son ejemplos en los que la letra se confunde, no se lee bien o, simplemente se pierde en un fondo que imposibilita la lectura de esa tipografía. Por este motivo, no sólo debemos elegir bien el tamaño y color de la tipografía, sino un fondo que permita ser leída adecuadamente.

No podemos perder de vista que en una página web es fundamental establecer una estructura clara, por lo que necesitamos escoger una tipografía que permita definir una jerarquía del texto clara, que sea fácil de seguir, siendo una buena opción escoger una tipografía diferente para una parte del texto que queramos resaltar en concreto, con el simple objetivo de llamar la atención del usuario.

Como conclusión y consejo, es una buena práctica leer el texto nosotros mismos para ver si el aspecto que da la tipografía es adecuada para nuestra web, si va acorde con el mensaje que queremos transmitir y, sobre todo, si es legible. En caso de que la respuesta a cualquiera de estas cuestiones sea negativo, es mejor volver atrás y plantearse cambiar la tipografía.

¿Crees que la tipografía es tan importante en una web?

 

Foto: cosassencillas.com

Diseño web: azul, mucho más que un color

En el post anterior vimos la gran influencia que tienen los colores a la hora de realizar nuestros trabajos, cómo influyen los colores en la mente y en el ojo de los usuarios, cómo son percibidos por ellos y hacen que una web tenga un mayor o menor éxito.

Hoy nos centraremos en uno de los colores más usados de la gama cromática, el azul.

El color azul es utilizado principalmente por sitios sociales, y tenemos el ejemplo claro de Facebook y de Twitter, que usan este color dentro de su imagen corporativa por el impacto que provoca en el usuario, que asocia la comunicación y el hecho de compartir a este color.

También se asocia al azul en cualquiera de sus tonalidades, el progreso y la innovación, por lo que es idóneo para compañías tecnológicas, como vemos en el logo, por ejemplo, de Samsung, Intel o HP, además de sugerir a los usuarios confianza y un sentimiento de unidad, lo que lo hace perfecto para que las compañías aéreas lo adopten como parte de su identidad corporativa, pongamos como ejemplo la identidad corporativa de American Airlines, o de diferentes partidos políticos, de lo que podríamos poner el ejemplo español del logo del Partido Popular.

Por otro lado, el color azul forma parte del grupo de colores primarios, compuesto además de éste, por el rojo y el verde, lo que hace de él un color preferido a otros al ser natural, no “artificial”. El color azul es muy útil para crear una respuesta emocional en el usuario, permite que el visitante se enfoque en el contenido y no en el continente, además, propone un nuevo enfoque para la elección de los colores.

Tanto hombres como mujeres prefieren los sitios web en los que el color azul tenga papel protagonista, ya que ofrece un efecto tranquilizador.

También da buen resultado a la hora de mezclarlo con otros colores, como se ve en muchísimos sitios web. Así, la mezcla del azul con otros colores también provoca sensaciones y emociones en los usuarios que los visitan.

La combinación celeste con rosa o naranja una sensación alegre y divertida en una web, mientras que si unimos el azul con el verde, resulta una unión perfecta a la hora de querer transmitir la idea de naturaleza, ecología. También podemos conseguir una sensación de confort uniendo el celeste a cualquier color oscuro, y damos una imagen atractiva si unimos el azul y el amarillo.

Para los usuarios más eco-friendly es la mezcla del azul y del marrón, para los más elegantes, el azul y el gris, mientras que para los más románticos, la combinación perfecta es celeste y blanco.

Los colores usados de forma adecuada nos pueden ayudar a difundir un mensaje, una idea.

¿Qué colores usas tú?

 

Pixlr.com | Herramienta de edición de imágenes online

El equipo de Atodesk nos presentan Pixlr Editor. Una herramienta online de edición de imágenes tipo Photoshop, pero gratuita. Después de un amplio testeo parece mentira que se estén consiguiendo herramientas en la nube con tan buen nivel de rendimiento.

Desde el punto de vista de la usabilidad es una copia a Photoshop, misma barra de herramientas, iconos, funciones, atajos de teclado, etc. Sólo algunas funciones varían su ubicación en la barra superior.

Es una aplicación basada en Flash Player por lo que está limitado su uso (a priori) en dispositivos como el Ipad. Para netbook puede ser la opción más recomendada.

Sólo permite la edición de imágenes a 72 píxeles/pulgada, lo que es perfecto para diseñadores Web pero impide que sea una herramientas que puedan utilizar los diseñadores gráficos.

Los filtros son bastante pobres, pero vista su utilidad tampoco es algo que desmerezca a esta aplicación.

Pixlr.com | Herramienta de edición de imágenes online 1

Los formatos para guardar permitidos son:  JPEG, PNG (con transparencia),BMP,TIFF y específico del programa por capas. También te permite compartirlo en redes sociales o almacenar en la nube.

[box_download] No es photoshop, pero para un uso no profesional
puede ser una herramienta muy práctica. :) [/box_download]

[toggle title=»Más información»] Conoce Pixlr.com aquí. [/toggle]