desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web Desarrollo Web - xhtml, css, estándares web, usabilidad, accesibilidad, diseño web, SEO, los blogs y la tecnología para desarrollar la web

No quinto artigo da série, apresento alguns exemplos web do princípio da boa continuidade ou, como prefiro, princípio do alinhamento . En el quinto artículo de la serie, presentando algunos ejemplos de Web principio de la buena continuidad, o como prefiero, el principio de alineación.

Como apresentado no artigo anterior , o princípio do alinhamento é muito importante! Tal como puede observarse en el artículo anterior, el principio de la adaptación es muy importante! Quando utilizado correta e conscientemente, podemos fazer layouts mais organizados , mais consistentes e profissionais , já que, utilizando este princípio de Gestalt , podemos insinuar que elementos visuais têm interelações entre si (e outras coisas mais). Cuando se utiliza correctamente y con plena conciencia, podemos hacer diseños más organizada, más coherente y profesional, ya que, usando este principio de la Gestalt, puede insinuar que los elementos visuales han interelações entre ellos (y otras cosas).

Em qualquer web design feito por alguém que estudou o mínimo, é possível encontrar aplicações do princípio do alinhamento. En cualquier diseño de páginas web realizada por alguien que estudió el menos importante, es posible encontrar aplicaciones del principio de alineación. Lembrem-se: nada é por acaso (tanto no desenvolvimento web , quanto na vida)! Permítanme que les recuerde: nada es por casualidad (ambos en desarrollo web, como en la vida)!

Este artigo contém imagens com tamanho significativo. Este artículo contiene imágenes con un tamaño significativo. Em função disso, há um link , logo abaixo, para continuar ler o restante da matéria. Como resultado, existe un vínculo, encontrará a continuación para seguir leyendo el resto del campo.

Em cada screenshot , tracei linhas para evidenciar como o alinhamento nas páginas web acontece. En cada una captura de pantalla, tracei líneas para demostrar cómo la alineación que ocurre en las páginas web. Percebam, novamente, que nada é por acaso. Percebam, una vez más, que nada es por casualidad. Mesmo em sites “abertos”, sem muitos elementos de delimitação, é possível identificar o uso do princípio da boa continuidade em ação. Incluso en los sitios "abierto", sin muchos elementos de la demarcación, se pueden identificar mediante el principio de la buena continuidad en la acción. É justamente através dele que elementos Es a través de lo que los elementos

Exemplos do princípio da proximidade aplicado ao web design Ejemplos del principio de proximidad se aplica a diseño web

Vejam no site da aleusia como os blocos de textos superiores mantém um perfeito alinhamento com os da parte inferior. Vea el sitio de aleusia como los bloques de texto mantiene por encima de una perfecta alineación con el fondo. A base da caixa de busca, acima e à direita, possui a mesma “linha base” que o logotipo. La base del cuadro de búsqueda, por encima ya la derecha, tiene el mismo "nivel básico" que el logotipo. Vejam que recurso interessante eles utilizaram: os textos à direita “ Quote of The Day ” e “ Support “, estão alinhados com a linha que fica abaixo do subtítulo “ Welcome to Aleusia “. Vea característica interesante que utiliza: los textos de la derecha "Cita del día" y "Apoyo", están alineados con la línea que está por debajo del epígrafe "Bienvenido a Aleusia". Por que eles simplesmente não eliminaram esta linha e desceram um pouco o subtítulo? ¿Por qué no simplemente eliminado esta línea y se redujo ligeramente el subtítulo? Já que, inconscientemente, os visitantes percebem que este elemento está um pouco desalinhado, eles “prestam mais atenção” naquele ponto, que “incomoda” sua percepção; dessa forma, é garantido que a maioria das pessoas que visitarem este web site lerão o texto de apresentação. Dado que, inconscientemente, los visitantes darse cuenta de que esto es un poco desajustados, que "prestar más atención" a ese punto, que "incómodo" su percepción, por lo tanto, se garantiza que la mayoría de la gente que visita este sitio web a leer el texto de presentación.

Conhecimento é poder , meus caros! El conocimiento es poder, mi querido!

No site da desi9n , eles pecaram só um pouquinho no alinhamento dos textos de descrição dos serviços (em baixo das respectivas imagens). En el sitio de desi9n, que disminuyeron sólo ligeramente en la alineación del texto la descripción de los servicios (por debajo de sus imágenes). Percebam que eles estão ligeiramento recuados à esquerda. Usted notará que son ligeiramento sangría izquierda. Retirar esta margem e justificar o texto, talvez resolvesse o caso; entretanto, talvez eles tenham escolhido um texto alinhado à esquerda para não passar a idéia de conservadorismo ; para dizer que eles são “despojados” (no bom sentido , claro). Eliminar este margen y justificar el texto, tal vez resolver el caso, pero quizás las que han optado por un texto alineado a la izquierda no pasa la idea de conservadurismo, por no decir que son "liquidado" (en la dirección correcta, por supuesto). Coisa que, aparentemente, é característica quase que obrigatória no mundo de designers … Nos textos das 3 colunas, abaixo, suas bases estão quase alinhadas, também. Cosa que, al parecer, es casi obligatorio característica de los diseñadores en el mundo… En el texto de la columna 3, más adelante, sus bases son casi alineados, también. Eles poderiam ter pensado melhor nas palavras para promover um perfeito alinhamento entre todos (mas isso, às vezes, é bem difícil de fazer, mesmo, por isso, essa passa… rsrs). Ellos podrían haber pensado mejor las palabras para promover una perfecta alineación entre todos (pero que a veces es difícil hacerlo así, aun así, este se convierte en rsrs…).

A brasuca Luxicom tem um design muito bonito e com imagens bem trabalhadas! El brasuca Luxicom tiene un diseño muy bonito y funciona bien con imágenes! Utilizaram muito bem o recurso da sangria naquele dispositivo móvel (”sangria” é quando algum elemento “extrapola os limites”). Se utiliza muy bien el uso de sangrado en ese dispositivo móvil ( "sangrado" cuando algún elemento es "más allá de los límites"). Percebam que a parte superior do site (acima do retângulo escuro) está bem alinhadinha; entretanto, a parte inferior não respeito a boa continuidade: está com seus elementos desalinhados em relação aos que estão em cima. Usted notará que la parte superior del sitio (por encima del rectángulo oscuro) alinhadinha es así, pero el fondo no respeta la buena continuidad: es desalinhados con sus elementos en relación a las arriba mencionadas. O botão “Buscar” não é desalinhado no web site ; deve ter dado algum problema quando o superscreenshot gerou a imagem… La "búsqueda" no es desalinearse en el sitio web; debe tener un problema cuando la superscreenshot generado la imagen…

Enfim, existem literalmente milhões de exemplos de aplicação do princípio de Gestalt do alinhamento pela web à fora. Por último, hay literalmente millones de ejemplos de la aplicación del principio de la Gestalt alineación de la web para el exterior. Basta procurar que, agora que você já tem consciência de sua existência e aplicação, vai identificar os acertos e equívocos dos web designers rapidinho! Miren, ahora que usted ya está consciente de su existencia y aplicación, vai identificar los aciertos y errores de los diseñadores rapidinho! ;-)

Ah! ¡Ah! Perceberam que, além dos elementos estarem alinhados, alguns deles (os mais próximos), apresentam uma outra característica em comum? Vieron que, además de los elementos están alineados, algunos de ellos (el más cercano), tienen otra característica en común? Eles estão exatamente com as mesmas distâncias um do outro! Son exactamente los mismos dist â referencias el uno al otro! Não se esqueçam do princípio da proximidade ! No se olvide el principio de proximidad!

No próximo artigo: princípio da experiência passada . En el siguiente artículo: principio de la experiencia pasada.