Una de ellas es la creación de puntos focales. Un punto focal es un área destacada de nuestro diseño web con el propósito de guiar la atención del usuario. El foco central es normalmente el área más llamativa de nuestro diseño y se distingue de los otros elementos de la web.

Muchas veces durante el proceso de diseño web este foco se pierde, por un lado para crear un aspecto visual impresionante y por otro para dar demasiada prioridad a un diseño orientado a los motores de búsqueda. Mientras que los dos condicionantes anteriores son importantes no debemos olvidar que siempre diseñamos una web para el usuario final

Se recomienda tener un solo punto focal, decidir lo más importante en la página, y luego acentuarla a través del diseño. El punto focal debe relacionarse directamente con los objetivos y prioridades la web y a su vez de las expectativas del cliente, si no es así tendremos dificultades para conseguirlo.

Los puntos focales se deben colocar en la página principal, donde la mayoría de usuarios acceden a nuestra web. Sin embargo, también es importante crear puntos focales si se puede en todas las páginas, de esta manera los usuarios tienen la posibilidad de acceder a la información clave desde cualquier sitio. De la misma manera que en nuestra web, todas estas indicaciones son de igual o mayor  importancia en el diseño de Landing pages o newsletters.

¿Y cómo lo conseguimos?, pues gracias a diferentes elementos visuales de diseño, seremos capaces de hacer hincapié en el área más importante de la web y de transmitir el objetivo principal de la misma.

Estos elementos visuales pueden ser:

Espacios en blanco
Utilizando los espacios conseguiremos de una forma sencilla atraer la mirada a las áreas específicas del diseño sin tener que recurrir a a otros elementos visibles.

Botones

De los más utilizados en el diseño web en especial el botón de llamada a la acción. Son eficaces debido a su alta visibilidad (debido a su tamaño), la familiaridad y el etiquetado descriptivo. Los botones son elementos atractivos, pero su uso excesivo o mal uso puede hacer perder eficacia.

Tipografía

Los elementos de textuales tienen un gran potencial para captar la atención del usuario, sobre todo para los diseños con gran cantidad de texto, por lo que en algunas áreas es recomendable que sean resaltadas. Gracias al tamaño, color, espacio entre caracteres o interlinea y por supuesto la familia tipográfica serán los factores que nos ayudarán a crear un mayor énfasis de los elementos textuales.

Elementos gráficos

Ya sean con iconografías o ilustraciones ayudan a transmitir mensajes de forma rápida y sin necesidad de mucha descripción. Muy útiles para mostrar los pasos de un proceso, al ser tan descriptivos.

Efectos
Una manera de distinguir un área de su entorno es el uso de un efecto sencillo. Un buen uso depende de lo bien que sean utilizado

La tipografía en diseño tiene un doble papel, por un lado establece un compromiso entre su presencia gráfica con relación a otros elementos visuales y por otro lado sus necesidades de legibilidad.

Las funciones que la tipografía desempeña en el diseño implica que los diseñadores debemos pensar que tipo de personalidad es apropiado para una correcta legibilidad (en papel o pantalla)  para poder comunicar nuestro mensaje. El tipo de letra que se emplea puede ayudar o entorpecer la transmisión de la información puesto que cada una de ellas provoca diferentes sensaciones en el usuario.

Hoy en día no podemos hablar de estándares para visualizar tipografías en pantalla, actualmente hay diferentes dispositivos, plataformas y diversas resoluciones de pantalla que hacen difícil seguir unos criterios exactos para un uso correcto, pero si unas recomendaciones que ayudan a conseguir nuestro propósito.

Aunque las reglas básicas de tipografía son las mismas en papel que en pantalla, en el diseño web hay características especiales. Por ejemplo, la legibilidad que ha de proporcionar una tipografía en papel no es posible en web a causa de las características del pixel del monitor.

Como diseñadores web controlamos la tipografía mucho menos en pantalla que en papel, generalmente la resolución es menor por la cual cosa los detalles finos no están bien definidos.

Por todo ello, la velocidad de lectura es aproximadamente un 30% menor que en papel. El usuario hace una rápida barrida en vez de leer,  por lo que entonces la compresión y la retención se reducen al 50%. De la misma manera, el scroll horizontal y vertical dificultan la fluidez de lectura.

Un buen uso de la tipografía depende del contraste visual entre letras y bloques de texto con el blanco, y es natural ya que el ojo  se siente atraído por el contraste. Nos fijamos primero en el conjunto de la web, luego pasa el reconocimiento de las diferentes partes y, finalmente, llegamos al detalle de las palabras.

De esta manera las recomendaciones para el uso tipográfico en un diseño web  lo podemos dividir en dos partes: la legibilidad y  la amenidad.

“La legibilidad se usa generalmente para designar la calidad de la diferenciación entre los caracteres, es decir, la claridad de las letras individuales. La amenidad de estilo es la calidad de lectura proporcionada por una obra tipográfica en la que lo apretado del texto, el interlineado y otros factores tienen una influencia decisiva en la función del tipo.”
Lewis Blackwell.

Los aspectos que pueden influir en la legibilidad de un texto:

El diseño del tipo: las familias que consiguen mayor diferenciación entre caracteres parecen ser más legibles. Si el diseño de letras es muy homogéneo dificulta la lectura.

Serif o Sans-serif: actualmente hay cierto consenso en que las tipografías con remates consiguen una mayor diferenciación entre letras y, en consecuencia, una mayor legibilidad, y suelen usarse en textos continuos.

Caja alta o baja: la caja alta tiene una alineación horizontal homogénea que uniformiza las letras. La caja baja, con caracteres más individualizados, ofrece menor dificultad de lectura.

El estilo o peso: La negrita y la itálica son resultantes de algoritmos que añaden píxels extras al contorno de las romanas. Un peso medio es más legible que una fuente fina o negrita (aunque la negrita dentro de un texto normal llame la atención por su peso). Las fuentes cursivas pierden legibilidad por su inclinación, es recomendable no utilizarlas en textos largos.

Anchura de la fuente: una fuente demasiado ancha o demasiado condensada pierde en legibilidad. Se suele usar el modo condensado para informaciones secundarias que tienen que ocupar poco espacio.

El soporte: las propiedades del soporte influyen en la legibilidad. La baja resolución de las pantallas de televisión y de ordenador paradójicamente baja la legibilidad de las tipografías con remate.

Los aspectos que influyen en la amenidad de lectura:

Espaciado entre letras y palabras: un espaciado reducido puede percibirse como un  amontonamiento de letras; si es demasiado amplio, puede fragmentar el texto.

Tamaño del tipo: hoy en día podemos encontrar tipos diseñadas especialmente para la pantalla , estas están pensadas para adecuarse a la matriz creada por los píxels y cada letra está pensada y optimizada en función de la pantalla. Normalmente las tipografías están diseñadas en medidas específicas (8, 9, 10, 12) y si se utilizan en un cuerpo para el cual no están pensadas (11, 13…) se generan mediante un cálculo que aproxima visualmente a la medida solicitada, pero perdiendo todo el detalle y la definición del diseño original. Es evidente que influye en la lectura, aunque hay que valorarlo conjuntamente con el tipo de soporte y la familia tipográfica escogida.

Ancho de columna: gracias  a la tendencia en el mercado del uso de pantallas panorámicas, la mayoría de webs tienen el doble de anchura del alcance adecuada al ojo, por la cual cosa exige un esfuerzo extra para leer los textos. Se recomienda limitar el uso de columnas, aún así si se utilizan es preferible crear párrafos con una anchura más estrecha que en el papel. Un tamaño estándar podría ser entre 12 y 15 palabras por columna. Una columna muy estrecha fragmenta el texto; en una demasiado ancha el lector encuentra con dificultad la línea siguiente.

Interlineado: si es demasiado estrecho obtenemos un abarrotamiento de texto con  difícil lectura. Si es demasiado ancho, interrumpe continuamente la lectura, que obliga a atravesar continuamente espacios blancos. Se recomienda incrementar la interlinea un 150% más que en papel, especialmente en tipografías Sans-serif que no poseen la guía horizontal que forman los remates y que ayudan al ojo a seguir el flujo del texto

Alineación: la alineación a la izquierda y la justificada son las más legibles, aunque es preferible la primera. Para textos cortos se puede usar la centrada o la alineada a la derecha. La justificada dificulta la amenidad de lectura si provoca demasiado espaciado entre palabras o un espaciado muy variable.

Contraste de color: la utilización de colores demasiado parecidos  entre el texto y el fondo dificultarán la amenidad de lectura. Hay que buscar un contraste fuerte: colores claros con oscuros, colores muy saturados con poco saturados.

http://www.linotype.com/es/?lang=es
http://es.letrag.com/
http://www.w3.org/TR/css3-fonts/ 
http://www.smashingmagazine.com/2010/11/16/web-typography-100-educational-resources-tools-and-techniques/
http://www.smashingmagazine.com/2011/03/02/the-font-face-rule-revisited-and-useful-tricks/
http://speckyboy.com/2010/11/14/18-super-quick-web-typography-tips-for-newbies/
http://speckyboy.com/2009/08/31/50-essential-web-typography-tutorials-tips-guides-and-best-practices/
http://www.alistapart.com/articles/on-web-typography/

Las cosas simples son fáciles de reconocer, entender y recordar. Por ejemplo, un simple juego de puzzle que tiene pocas vueltas es fácil de resolver, sino un complejo con un montón de vueltas y giros no lo es. Del mismo modo, un artículo de bajo nivel intelectual en la revista Scientific American es fácil de entender, ya que está dirigido a las masas comunes, pero un trabajo científico con detalles muy técnicos, es tan difícil de comprender como cavar su camino a través de una montaña con las manos desnudas.

El minimalismo tiene bastantes características de simplicidad, pero es un concepto totalmente diferente. Mientras que la simplicidad está dirigido a las masas en general con un conocimiento medio, el minimalismo es un arte que se crea por y para las personas que entienden las leyes básicas de la técnica que se produce.

Por lo tanto, “minimalismo describe  las diversas formas de arte y diseño, especialmente el arte visual y música, donde se elimina el trabajo hasta en sus aspectos más fundamentales y la libre expresión del núcleo.”

Es imposible crear arte verdaderamente minimalista, a menos que sepa sus características básicas y principios fundamentales.

Minimalismo y diseño web

En el mundo de diseño de páginas web, “diseño minimalista” el término se lanza alrededor con cuidado.

Minimalismo = Menos desorden = distracciones menos = más tiempo a concentrarse en las cosas importantes.

Pero no todos los diseños minimalistas de trabajar con este principio en mente? ¿No sientes que en algunos casos, un diseñador acaba de lanzar un divs pocos juntos y ha llamado a su minimalista tema?

“Minimalismo” es sólo hablar de diseño para la pereza

Diseño minimalista no se trata de producir la misma tipografía basados ​​fundamental en blanco y negro diseños de una y otra vez. Se trata de crear diseños únicos de la misma manera como cualquier otra forma de digna. Sólo que es mucho más difícil porque no hay un montón de opciones a disposición de un diseñador.

Es curioso que cuando un diseñador crea un diseño con un montón de gráficos, se toma su tiempo y trata de ser lo más creativos posible. Pero cuando el mismo diseñador crea un “diseño minimalista” rápidamente se da una palmada en conjunto unos divs pocos básicas y ¡listo!

Es imposible dar reglas fijas acerca de lo que hace que un diseño minimalista, pero recuerde que un diseño minimalista contiene todas las características importantes y necesarias para un sitio web funcional. Se puede agregar nuevas características, como muchos a su diseño como desee (widgets, gráficos extravagantes, etc), pero no son necesarios para su diseño para que funcione correctamente.

La única “regla” Voy a destacar es: Aclarar su propósito con el diseño y asegúrate de que representa su propósito en la manera más clara y más pura.

Así, un diseño minimalista no es simple, sin rasgos distintivos, y aburrido. Pero es un diseño que hace el trabajo que se le da al uso de los recursos posibles, y que muestra sólo los elementos más fundamentales, con una elegancia extrema.

steve jobs siempre tuvo presente el diseño y sobretodo supo potenciarlo y hacerlo más próximo a las personas. en mi opinión, dentro de la historia del diseño, tendrá un sitio preferente, y no como diseñador sino de cómo supo entender la finalidad del diseño y de la gente que nos dedicamos a esto, es decir, ser juzgados no sólo por nuestra creatividad sino por el resultado final del proyecto buscando la mejor solución a la necesidad que se plantea el usuario en cualquier campo.

muchos creen que steve sobs no fue quien diseño la gran mayoria de productos de apple pero fue el “capitán” de llevar acabo y conducir las soluciones de diseño que hoy en día todos conocemos.

aquí os dejo unas frases célebres que realizo steve jobs relacionadas en el campo del diseño:

• algunas personas creen que el diseño es el aspecto, pero cuando se profundiza te das cuenta que es el cómo funciona. el diseño del mac no era lo que parecía, lo fundamental era su funcionamiento. es necesario un compromiso apasionado para comprender realmente a fondo algo, y la mayoría de las personas no se toma el tiempo necesario para hacerlo
• para mí, nada es más importante en el futuro que el diseño. el diseño es el alma de todo lo creado por el hombre.
• cuesta demasiado diseñar productos a partir de grupos cerrados. la mayoría de las veces la gente no sabe lo que quiere hasta que se lo enseñas.
• cuando se pregunta a la gente creativa la forma en que hizo algo, se sienten culpables porque no saben explicarlo, a ellos les parecía obvio. esto se debe a que fueron capaces de conectar las experiencias vividas y sintetizarlas en algo nuevo. desafortunadamente, un gran número de personas de nuestra industria no ha tenido experiencias diversas, por lo que no tienen puntos suficientes para conectar y optan por soluciones muy lineales, sin una perspectiva amplia del problema.
• mira el diseño de la gran cantidad de productos de consumo, son superficiales y muy complicados. tratamos de hacer algo mucho más integral y simple. la primera vez que tratas de resolver un problema, las primeras soluciones que te vienen son muy complejas, y la mayoría de la gente se detienen allí. pero si sigues  y vives con el problema muchas veces puedes llegar a algunas soluciones muy elegantes y sencillas. la mayoría de la gente simplemente no pone ni el tiempo ni la energía para llegar hasta allí. creemos que los clientes son inteligentes, y desea que los objetos esten muy bien pensados.
• nosotros pensamos que venderíamos millones y millones de macs, pero no los fabricamos para cualquiera, lo hicimos para nosotros mismos. no nos pusimos ha hacer investigaciones de mercado, simplemente hicimos lo mejor que sabíamos fabricar.
• cuando eres un carpintero haciendo una hermosa mesa no te pones a usar una pieza de madera de mala calidad para la parte trasera por el hecho de que nadie la va a ver. tú sabrás que está ahí y por eso usarás una madera de la misma calidad para todo el mueble. para que se pueda dormir bien por la noche, la estética y la búsqueda de la calidad tienen que ser llevadas hasta sus últimas consecuencias.
• enfoque y simplicidad ha sido uno de mis mantras. hay que trabajar duro para conseguir esa simplicidad en tus pensamientos, pero vale la pena porque si lo consigues puedes mover montañas.
• es fácil y agradable para nuestros clientes usar nuestros ordenadores; este es nuestro trabajo. no es que no es escuchemos a los clientes, pero es díficil que éstos te digan lo que quieren cuando nunca han visto nada parecido
• ser el más rico del cementerio no es lo que más me importa… acostarme por la noche y pensar que he hecho algo genial. eso es lo que más me importa.
• tenga un criterio de calidad. algunas personas no están acostumbradas a un entorno en el que se espera la excelencia.