Principios para un buen diseño web

Descripción

Mapa Mental sobre Principios para un buen diseño web, creado por Rodríguez López R. el 05/03/2016.
Rodríguez López R.
Mapa Mental por Rodríguez López R., actualizado hace más de 1 año
Rodríguez López R.
Creado por Rodríguez López R. hace casi 9 años
20
0

Resumen del Recurso

Principios para un buen diseño web
  1. Diseño visual
    1. Factor importante para que cuando el usuario entra en la pagina hacer que su vista sea dirigida a un punto en especifico. Se debe tomar en cuenta algunos puntos que ayudaran a realizar esto:
      1. Posición – Donde algo en la página claramente influencia en qué orden el usuario lo ve.
        1. Color – Usando colores sutiles es una manera sencilla de decirle a tu usuario hacia donde mirar.
          1. Contraste – Ser diferente es lo que hace a las cosas resaltar, mientras que siendo similares las hace secundarias.
            1. Tamaño – Lo grande toma preferencia sobre lo pequeño (a menos que todo sea grande, en cuyo caso lo pequeño quizá sobresaldrá gracias al contraste)
              1. Elementos de diseño – Si hay una gran flecha apuntando algo, adivina ¿hacia dónde mirará el usuario?
    2. Espacio
      1. Es vital saber cuanto espacio se quiere usar para cada cosa que se quiera poner en la pagina. Para esto es bueno tener en cuenta los siguientes puntos:
        1. Espacio entre líneas Dejar un espacio muy grande entre lineas hace que la vista del usuario se desvié con facilidad, por eso un espacio corto entre lineas es bueno para que la vista del usuario siga con la siguiente linea de texto sin dificultad.
          1. Relleno Es el espacio que puede existir entre cada objeto, ya sean imágenes, tablas, entre otros
            1. Espacio en blanco Tener espacios en blanco no siempre esta del todo mal, ya que con esto se puede dar contraste a la pagina
      2. Navegación
        1. Para que una pagina tenga una buena navegación es buen saber estos puntos para ayudar al usuario el como andar por la pagina:
          1. Navegación – ¿Hacia dónde puedes ir? Los botones para navegar en el sitio deberían ser fáciles de encontrar – hacia la parte de arriba de la página y fáciles de identificar. Deberían verse como botones de navegación y estar bien descritos. El texto de un botón debe estar bien claro en cuanto hacia donde te está llevando.
            1. Orientación – ¿Dónde estas ahora? Hay muchísimas maneras en las que se le puede orientar a un usuario. En sitios pequeños, con un gran encabezado o una versión “menor” de la versión del botón correspondiente.
        2. Diseño para construir
          1. El como esta organizado el cuerpo y su forma son importantes ya que así la pagina sera atractiva para el usuario.
          2. Tipografía
            1. Para esto se debe tomar en cuenta que tipo de letra se va a usar dependiendo del contexto de la pagina.
            2. Usabilidad
              1. Tener en cuenta loe que el usuario hará en tu pagina es vital, para que así puedas hacer un buen acomodo de botones
              2. Alineación
                1. Mantener las cosas alineadas es tan importante en el diseño Web. No quiere decir que todo tiene que estar derecho, sino que debes tratar de mantener las cosas bien colocadas en una página.
                2. Claridad
                  1. Mantener nítido tu diseño es súper importante en el diseño Web
                    1. Mantener las formas de los límites pegados a los pixeles. Esto podrá incluir limpiar los límites manualmente, las líneas y los cuadros de texto si las estás creando en PhotoShop.
                  2. Consistencia
                    1. Es hacer que todo el contenido que existe en tu pagina este bien acomodado, para que todo tenga un orden que seguir y sea facíl su recorido
                    Mostrar resumen completo Ocultar resumen completo

                    Similar

                    PMBOK
                    Maye Tapia
                    Ecuaciones diferenciales lineales de segundo orden
                    Juan Beltran
                    Retribuciones a Empleados
                    owem_039
                    Mi Entorno Personal de Aprendizaje (PLE)
                    Martín López Barrientos
                    Ropa de invierno en ingles.
                    Danna Catalia Salamanca
                    MAPA LITERATURA PRECOLOMBINA
                    Sharit Romero Bolaño
                    3 Tipos de Interacciones para la Participación de los Alumnos
                    Diego Santos
                    Should - Shouldn't
                    Miguel Hurtado
                    Sistema Cardiovascular
                    Kevin BD
                    Membrana Plasmatica
                    Gisela Asendra Menitofe
                    Unidad III - Dibujo de Conjunto
                    Mariana Cardozo