ENTENDER LOS FUNDAMENTOS DEL DISEÑO

EL PROCESO CREATIVO

Los pasos del proceso creativo:

  1. Preparación: investigar, recopilar.

  2. Incubación: experimentar, sintetizar.

  3. Iluminación: idear, imaginar.

  4. Evaluación: criticar, replantear**.**

  5. Implementación: construir, trabajar.

    1. ****Investigamos y recopilamos toda la información relativa a un problema o algo que queramos solucionar.
    2. ****Buscamos diferentes soluciones. Miramos como alguien ya lo soluciono.
    3. ****Aquí es donde se nos ocurre las ideas. Ideamos e imaginamos soluciones.
    4. ****Evaluamos si estas soluciones son prácticas, son viables. Vemos los fallos y si es necesario, replanteamos las soluciones.
    5. ****Construimos la idea hasta el producto final. “La creatividad es algo que se desarrolla”.

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/51ccab6e-002b-4e91-aa24-890b9df408fe/Untitled.png

    CONCEPTOS BÁSICOS DE DISEÑO

    Conceptos básicos:

    1. Balance: Hace referencia a la estructura y a la estabilidad de la composición de la misma, en donde la posición de cada elemento está dada por su peso visual. Podemos tener un balance simétrico o asimétrico.
    2. Contraste: Lo podemos utilizar para señalar un concepto marcado por la diferencia entre dos elementos distintos. Ejemplo: claro – oscuro, grande – pequeño, etc.
    3. Alineación: Nos permite crear una ruta visual entre los diferentes elementos que queremos señalarle al usuario.
    4. Proximidad: Nos permite agrupar diferentes elementos, no necesariamente tiene que ser física, sino que podemos agrupar elementos utilizando colores, iconos u otro tipo de elementos.
    5. Repetición: Es muy utilizada para generar un concepto de marca.
    6. Espacio: Es el espacio es aprovechado de muchas maneras.

    DISEÑO RESPONSIVO

    Metodología para crear diferentes diseños que sean adaptables al tamaño de la pantalla.

    Metodología: Mejora progresiva

    Pasos:

    1. Data – contenido
    2. HTML – Wireframes (bocetos)
    3. CSS – Diseño visual
    4. JS – Animaciones

    Metodología: degradación agraciada

    ACCESIBILIDAD Y DISEÑO