Programacion : Módulo 3: Desarrolla Aplicaciones Web y Móviles

Sub-Modulo I: Desarrolla Aplicaciones Web

°Generalidades del diseño de interfaces, distribución y color.

Diseño de interfaz del usuario.

El diseño de interfaz de usuario o ingeniería de la interfaz es el diseño de computadoras, aplicaciones, máquinas, dispositivos de comunicación móvil, aplicaciones de software, y sitios web enfocado en la experiencia de usuario y la interacción.

Normalmente es una actividad multidisciplinar que involucra a varias ramas es decir al diseño y el conocimiento como el diseño gráfico, industrial, web, de software y la ergonomía; y está implicado en un amplio rango de proyectos, desde sistemas para computadoras, vehículos hasta aviones comerciales.

Su objetivo es que las aplicaciones o los objetos sean más atractivos y además, hacer que la interacción con el usuario sea lo más intuitiva posible, conocido como el diseño centrado en el usuario.

El diseño gráfico es el mas útil en este tema.

-Diseño gráfico

El diseño gráfico es una profesión cuya actividad consiste en concebir, programar, proyectar y realizar comunicaciones visuales, producidas en general por medios industriales y destinadas a transmitir mensajes específicos a grupos sociales y con objetivos claros y determinados. Esta actividad posibilita comunicar gráficamente ideas, hechos y valores procesados y sintetizados en términos de forma y comunicación, factores sociales, culturales, económicos,estéticos y tecnológicos.

Diseño web minimalista

¿En qué consiste?
Se trata de combinar diseño y funcionalidad de la forma más sencilla posible, utilizando solamente los elementos necesarios para que el usuario pueda navegar sin confundirse, perderse, ni distraerse. Hay que eliminar todos los elementos superfluos.

Características de webs minimalistas:

Como no, “menos es más” y en este tipo de diseño el contenido es el rey. Él es el que estructura y da forma a toda la página, ayudado por los espacios en blanco que equilibraran los elementos que van a aparecer en la ésta.

Las formas que se utilizan a la hora de hacer una web minimalista son geométricas, simples e impersonales. También se suelen utilizar fotografías a full screen como fondo, y las tipografías marcarán el estilo del sitio. Normalmente el blanco y el negro combinado con grises son los colores más utilizados pero podemos escoger cualquier paleta de colores.

Principios de diseño web minimalista

Menos es más

El objetivo es dar la importancia al contenido mediante la reducción al mínimo de las posibles distracciones para el usuario. Si una página tiene demasiados elementos, el usuario puede llegar a confundirse al buscar un elemento o, incluso, malinterpretar la prioridad de cada elemento.

Omitir cosas innecesarias

Pensar en lo necesario para el contenido y la función de su sitio web y omitir cualquier cosa que no contribuye a su función. El objetivo en este momento no es hacer que el sitio web sea menos funcional, sino eliminar los elementos innecesariosy/o combinar secciones en un esquema más simple. Una opción puede ser dividir el contenido en páginas separadas, dando a cada pieza de contenido más atención.

Eliminar elementos hasta que el sitio web deje de funcionar

Al elaborar un diseño web minimalista, intente eliminar elementos hasta que el diseño deje de funcionar como debería. En ese momento, sabemos que hemos logrado el diseño más minimalista posible.

Cada detalle cuenta

En un diseño minimalista, donde se eliminan todos y cada uno de los elementos superfluos, cada detalle tiene un significado. Una frontera en torno a una imagen, la paleta de colores, el espacio en blanco, cada parte adquiere una importancia vital para la apariencia general de la página web. Debemos analizar la sensación que queremos producir al visitante y, luego, decidir sobre los detalles que generan esa sensación.

Colores

El uso del color adquiere una importancia adicional en un diseño minimalista. La elección de la paleta de colores o con un acento correcto es vital. Muchos diseñadores optan por una paleta basada únicamente en el negro y blanco y/o en tonos grises, pero el minimalismo en el diseño permite el uso de cualquier color. Debemos prestar atención al significado de los colores que elegimos, y sobre cómo interactúan unos y otros.

Los espacios en blanco son esenciales

El espacio en blanco es prácticamente sinónimo de minimalismo y nos sirve para equilibrar los pocos elementos que van a aparecer en la página. Con este recurso podemos hacer hincapié en algunos elementos sobre los demás y destacar los mensajes que queremos enviar al usuario. El equilibrio en el diseño de la página es la disposición de los objetos en una determinada estructura y su relación con su peso visual dentro de una composición. En general, el equilibrio se presenta en dos formas: simétrica y asimétrico.

-Contraste:El contraste hace referencia a los “estímulos sensoriales”, los cuales permiten resaltar elementos o zonas de una composición mediante la oposición o diferencia entre estas, atrayendo así la atención de espectador.

-Balance: El balance es un equilibrio que resulta de mirar las imágenes y juzgarlas con nuestras ideas de estructura física (como la masa, la gravedad o los lados de una página). Es la disposición de los objetos en un diseño en lo que se refiere a su peso visual dentro de una composición. El balance, en general, se presenta en dos formas: simétrico y asimétrico.

-Proporción

La proporción es la comparación de las dimensiones o la distribución de las formas. Es la relación de escala entre un elemento y otro, o entre un objeto una de sus partes. Las diferentes proporciones dentro de una composición puede relacionarse con diferentes tipos de equilibrio o simetría, y puede ayudar a establecer el peso visual y la profundidad.

-Teoría del color:El mundo es de colores, donde hay luz, hay color. La percepción de la forma, profundidad o claroscuro está estrechamente ligada a la percepción de los colores.

-El brillo: Es el resultado de la reflexión y la refracción de la luz en la en la superficie de un mineral.

-Saturación o Intensidad : Este concepto representa la pureza o intensidad de un color particular, la viveza o palidez del mismo, y puede relacionarse con el ancho de banda de la luz que estamos visualizando. Los colores puros del espectro están completamente saturados. Un color intenso es muy vivo. Cuanto más se satura un color, mayor es la impresión de que el objeto se está moviendo.