desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web In via di sviluppo web - XHTML, CSS, standard web, usabilità, l'accessibilità, web design, SEO, blog e della tecnologia per sviluppare il web

No quinto artigo da série, apresento alguns exemplos web do princípio da boa continuidade ou, como prefiro, princípio do alinhamento . Nel quinto articolo della serie, di presentare alcuni esempi di Web principio di buona continuità, o come preferisco, principio di allineamento.

Como apresentado no artigo anterior , o princípio do alinhamento é muito importante! Come illustrato nel precedente articolo, il principio di allineamento è molto 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). Quando viene utilizzato correttamente e con coscienza, siamo in grado di rendere più organizzata layout, più coerente e professionale, dal momento che, utilizzando il principio della Gestalt, può insinuare elementi visivi che hanno interelações tra loro (e altre cose).

Em qualquer web design feito por alguém que estudou o mínimo, é possível encontrar aplicações do princípio do alinhamento. In ogni web design fatto da qualcuno che ha studiato la meno importante, è possibile trovare applicazioni del principio di allineamento. Lembrem-se: nada é por acaso (tanto no desenvolvimento web , quanto na vida)! Vi ricordo: niente è a caso (sia in sviluppo web, come nella vita)!

Este artigo contém imagens com tamanho significativo. Questo articolo contiene le immagini con dimensioni significative. Em função disso, há um link , logo abaixo, para continuar ler o restante da matéria. Di conseguenza, vi è un link, sotto per continuare la lettura del resto del settore.

Em cada screenshot , tracei linhas para evidenciar como o alinhamento nas páginas web acontece. In ogni schermata, tracei linee per dimostrare come l'allineamento avviene su pagine web. Percebam, novamente, que nada é por acaso. Percebam, ancora una volta, che nulla è per caso. Mesmo em sites “abertos”, sem muitos elementos de delimitação, é possível identificar o uso do princípio da boa continuidade em ação. Anche sui siti "aperto", senza molti elementi di demarcazione, può essere identificato con il principio di buona continuità in azione. É justamente através dele que elementos E 'attraverso di lui che gli elementi

Exemplos do princípio da proximidade aplicado ao web design Esempi del principio di prossimità applicato al web design

Vejam no site da aleusia como os blocos de textos superiores mantém um perfeito alinhamento com os da parte inferior. Vedere il sito di aleusia come i blocchi di testo sopra mantiene un perfetto allineamento con il fondo. A base da caixa de busca, acima e à direita, possui a mesma “linha base” que o logotipo. La base della casella di ricerca, al di sopra e diritto, ha lo stesso "di base" che il logo. 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 “. Look interessante caratteristica di essere utilizzato: i testi sulla destra "Citazione del giorno" e "Support", sono allineati con la linea che è al di sotto del sottotitolo "Benvenuti a Aleusia". Por que eles simplesmente não eliminaram esta linha e desceram um pouco o subtítulo? Perché non semplicemente eliminato questa linea ed è diminuito leggermente il sottotitolo? 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. Dal momento che, inconsciamente, i visitatori rendiamo conto che questo è un po 'fuori allineamento, "fornire più attenzione" a quel punto, che "scomoda" la loro percezione, quindi, è garantito che la maggior parte della gente che visita il sito Web di leggere il testo di presentazione.

Conhecimento é poder , meus caros! La conoscenza è potere, mio caro!

No site da desi9n , eles pecaram só um pouquinho no alinhamento dos textos de descrição dos serviços (em baixo das respectivas imagens). Presso il sito di desi9n, sono diminuiti solo lievemente l'allineamento del testo descrizione dei servizi (al di sotto delle loro immagini). Percebam que eles estão ligeiramento recuados à esquerda. Si noterà che esse sono rientrato ligeiramento sinistra. 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). Rimuovere questo margine e giustificare il testo, forse risolvere il caso, ma forse loro hanno scelto un testo allineato a sinistra non passa l'idea di conservatorismo, di dire che sono "nulla osta" (nella giusta direzione, ovviamente). 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 che, apparentemente, è quasi obbligatorio funzione di designer del mondo… Nei testi della colonna 3, qui di seguito, le loro basi sono quasi allineati, anche. 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). Essi potrebbero avere pensato i migliori parole di promuovere un perfetto allineamento tra tutti (ma che talvolta è difficile fare bene, anche così, questo diventa rsrs…).

A brasuca Luxicom tem um design muito bonito e com imagens bem trabalhadas! La brasuca Luxicom ha un design molto bello e ha lavorato bene con le immagini! Utilizaram muito bem o recurso da sangria naquele dispositivo móvel (”sangria” é quando algum elemento “extrapola os limites”). Utilizzati molto bene l'uso di sanguinamento in tale dispositivo mobile ( "sanguinamento" quando qualche elemento è "al di là dei limiti"). 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. Si noterà che la parte superiore del sito (sopra il rettangolo scuro) è ben alinhadinha, ma il fondo non rispetta la buona continuità: desalinhados è con i suoi elementi in relazione a quelli sopra. O botão “Buscar” não é desalinhado no web site ; deve ter dado algum problema quando o superscreenshot gerou a imagem… "Cerca" non è fuori allineamento sul sito web; dovrebbero avere un problema quando il superscreenshot generato l'immagine…

Enfim, existem literalmente milhões de exemplos de aplicação do princípio de Gestalt do alinhamento pela web à fora. Infine, vi sono milioni di esempi di applicazione del principio della Gestalt allineamento del Web verso l'esterno. 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! Basta dare uno sguardo, ora che sei già a conoscenza della sua esistenza e l'attuazione, vai individuare i successi e dagli errori del web designer rapidinho! ;-)

Ah! Perceberam que, além dos elementos estarem alinhados, alguns deles (os mais próximos), apresentam uma outra característica em comum? Hanno visto che, oltre agli elementi sono allineati, alcuni di loro (il più vicino), hanno un'altra caratteristica in comune? Eles estão exatamente com as mesmas distâncias um do outro! Essi sono esattamente gli stessi dist â riferimenti a vicenda! Não se esqueçam do princípio da proximidade ! Non dimenticare il principio di prossimità!

No próximo artigo: princípio da experiência passada . Nel prossimo articolo: principio delle esperienze passate.