"9 principios para buen diseño Web"

Descrição

Mapa Mental sobre "9 principios para buen diseño Web", criado por Marisol Angulo em 05-03-2016.
Marisol Angulo
Mapa Mental por Marisol Angulo, atualizado more than 1 year ago
Marisol Angulo
Criado por Marisol Angulo mais de 10 anos atrás
41
1

Resumo de Recurso

"9 principios para buen diseño Web"
  1. Preferencia: Se trata de la carga visual que tienen las diferentes partes de tu diseño. Una de las más grandes herramientas en tu arsenal para hacer esto es la preferencia.
    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: El espacio hace las cosas más claras.
              1. Espacio entre líneas
                1. Relleno
                  1. Espacio en blanco
                  2. Navegación: es cuando no sabes en donde estás ni para dónde vas.
                    1. ¿Dónde estas ahora?
                      1. ¿Hacia dónde puedes ir?
                      2. Diseña para construir: La vida se ha vuelto más fácil desde que los diseñadores Web hicieron la transición a plantillas (layouts) CSS, pero incluso ahora es importante pensar acerca de cómo vas a construir tu sitio si aun estás en PhotoShop.
                        1. Tipografía: El texto es un elemento común en el diseño,
                          1. Opciones de letras – los diferentes tipos de letras
                            1. Tamaño de letras
                              1. Espaciado: el espacio entre líneas y lejos de otros objetos es de importante consideración.
                                1. Anchura de las líneas: las líneas de tu texto no deberían ser tan largas.
                                  1. Color
                                    1. Parrafeando: pega el alineamiento hacia la izquierda
                                    2. Usabilidad: significa que hagas tu web Site utilizable.
                                      1. Apegándose a los estándares.
                                        1. Piensa sobre lo que los usuarios van a hacer.
                                          1. Piensa en las tareas del usuario.
                                          2. Alineación: La alineación hace tu diseño más ordenado y digerible, al igual que lo hace ver más pulido. Quizá también quieras basar tus diseños en una cuadrícula específica.
                                            1. Claridad (Nitidez): Mantener nítido tu diseño es súper importante en el diseño Web. Y en cuanto a la claridad, se trata de los pixeles.
                                              1. Mantener nítido tu diseño es súper importante en el diseño Web. Y en cuanto a la claridad, se trata de los pixeles.
                                                1. Mantener nítido tu diseño es súper importante en el diseño Web. Y en cuanto a la claridad, se trata de los pixeles.
                                                  1. asegurarse que el contraste es alto para que los bordes estén claramente definidos.
                                                    1. sobre-enfatiza los bordes solo un poco para exagerar el contraste.
                                                    2. Consistencia: Consistencia significa hacer que todo combine. Tamaño de encabezados, tipos de letra escogidas, colores, estilos de botones, espaciado, elementos de diseño, estilos de ilustraciones, fotos escogidas, etc.