"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 quase 9 anos atrás
35
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.

                                                      Semelhante

                                                      Livros para ler para o Vestibular
                                                      Alessandra S.
                                                      Processo Administrativo Federal - Quiz I
                                                      tiago meira de almeida
                                                      Simulado ENEM
                                                      Alessandra S.
                                                      Guia de Redação do Vestibular
                                                      Alessandra S.
                                                      Inglês - vocabulário
                                                      nando.mrossi
                                                      Simulado de Química
                                                      Marina Faria
                                                      Provas anteriores de Vestibular - Unicamp 2014 - 1
                                                      GoConqr suporte .
                                                      Vestibular - Roteiro de Estudos
                                                      GoConqr suporte .
                                                      Artigo 7° da CF
                                                      GoConqr suporte .
                                                      Improbidade Administrativa - Lei 8429/92 - Arts. 1º ao 8º
                                                      Suzy Nobre
                                                      Direito Constitucional focado (INSS 2016) - Direitos e Garantias Fundamentais e Administração Pública
                                                      Thiago Amério