desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web Entwicklung von Web - XHTML, CSS, Web Standards, Benutzerfreundlichkeit, Zugänglichkeit, Webdesign, SEO, Blogs und Technologie zu entwickeln, die Web -

No quinto artigo da série, apresento alguns exemplos web do princípio da boa continuidade ou, como prefiro, princípio do alinhamento . In der fünften Artikel der Serie, präsentiert einige Beispiele von Web Grundsatz der guten Kontinuität, oder wie ich es vorziehen, dem Grundsatz der Angleichung.

Como apresentado no artigo anterior , o princípio do alinhamento é muito importante! Wie im letzten Artikel, den Grundsatz der Angleichung ist sehr wichtig! 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). Bei der Verwendung korrekt und gewissenhaft, können wir mehr Layouts organisiert, konsequenter und professioneller, da mit der Anwendung dieses Grundsatzes der Gestalttherapie, können insinuate das visuelle Elemente haben interelações zwischen ihnen (und andere Dinge).

Em qualquer web design feito por alguém que estudou o mínimo, é possível encontrar aplicações do princípio do alinhamento. In jedem Web-Design von jemandem, studierte am wenigsten ist es möglich, finden Anwendung des Grundsatzes der Angleichung. Lembrem-se: nada é por acaso (tanto no desenvolvimento web , quanto na vida)! Lassen Sie mich daran erinnern: Nichts ist zufällig (beide in Web-Entwicklung, wie im Leben)!

Este artigo contém imagens com tamanho significativo. Dieser Artikel enthält die Bilder mit beträchtlicher Größe. Em função disso, há um link , logo abaixo, para continuar ler o restante da matéria. Als Ergebnis gibt es einen Link unten, um weitere Informationen der Rest des Feldes.

Em cada screenshot , tracei linhas para evidenciar como o alinhamento nas páginas web acontece. In jedem Screenshot, tracei Linien zu zeigen, wie die Ausrichtung geschieht auf Webseiten. Percebam, novamente, que nada é por acaso. Percebam wieder, dass nichts ist Zufall. Mesmo em sites “abertos”, sem muitos elementos de delimitação, é possível identificar o uso do princípio da boa continuidade em ação. Auch an den Standorten "offen", ohne viele Elemente der Abgrenzung, können mit dem Grundsatz der guten Kontinuität in Aktion. É justamente através dele que elementos Es ist durch ihn, dass Elemente

Exemplos do princípio da proximidade aplicado ao web design Beispiele für das Subsidiaritätsprinzip auf Web-Design

Vejam no site da aleusia como os blocos de textos superiores mantém um perfeito alinhamento com os da parte inferior. Sehen Sie sich die Website von aleusia als die Blöcke der Text über eine perfekte Anpassung an den Boden. A base da caixa de busca, acima e à direita, possui a mesma “linha base” que o logotipo. Die Grundlage für das Suchfeld ein, oben und rechts, hat die gleiche "Baseline", dass das 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 “. Schauen Sie interessante Eigenschaft, dass sie verwendet werden: die Texte auf der rechten Seite "Zitat des Tages" und "Support", stehen im Einklang mit der Zeile, die unter dem Untertitel "Welcome to Aleusia." Por que eles simplesmente não eliminaram esta linha e desceram um pouco o subtítulo? Warum tun sie nicht einfach eliminiert diese Zeile ging leicht zurück und die Untertitel? 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. Da unbewusst die Besucher erkennen, dass es sich hierbei um ein wenig falsch, sie "mehr Aufmerksamkeit" an dieser Stelle, dass "unbequem" ihre Wahrnehmung, so ist es gewährleistet, dass die meisten Menschen, besuchen Sie diese Web-Site wird den Text lesen der Präsentation.

Conhecimento é poder , meus caros! Wissen ist Macht, meine liebe!

No site da desi9n , eles pecaram só um pouquinho no alinhamento dos textos de descrição dos serviços (em baixo das respectivas imagens). Auf der Website von desi9n, sie fiel nur geringfügig auf die Ausrichtung von Text-Beschreibung der Dienstleistungen (unter ihre Bilder). Percebam que eles estão ligeiramento recuados à esquerda. Sie werden feststellen, dass sie eingerückt ligeiramento links. 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). Entfernen Sie diese Marge und begründen Sie den Text, vielleicht löst der Fall ist, aber vielleicht haben sie sich für einen Text links ausgerichtet nicht um die Idee des Konservatismus, zu sagen, sie sind "gelöscht" (in die richtige Richtung, natürlich). 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. , Was offensichtlich ist fast obligatorisch Funktion von Designern in der Welt… In der Wortlaut der Spalte 3, unten, ihre Grundlagen sind nahezu angeglichen haben. 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). Sie hätte gedacht, die besten Worte zu fördern eine perfekte Abstimmung zwischen allen (aber das ist es manchmal schwer zu tun, sogar so, das wird… rsrs).

A brasuca Luxicom tem um design muito bonito e com imagens bem trabalhadas! Die brasuca Luxicom hat ein sehr schönes Design und arbeitete auch mit Bildern! Utilizaram muito bem o recurso da sangria naquele dispositivo móvel (”sangria” é quando algum elemento “extrapola os limites”). Gebraucht sehr gut die Verwendung von Blutungen in der mobilen Gerät ( "Ausbluten", wenn ein Element ist "jenseits der Grenzen"). 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. Sie werden feststellen, dass die obere Seite (oberhalb der dunklen Rechteck) alinhadinha ist gut, aber der Boden sich nicht an die gute Kontinuität: desalinhados ist mit seiner Elemente in Bezug auf die oben. O botão “Buscar” não é desalinhado no web site ; deve ter dado algum problema quando o superscreenshot gerou a imagem… Die "Suche" ist nicht falsch auf der Website; sollte ein Problem haben, wenn die superscreenshot generiert das Bild…

Enfim, existem literalmente milhões de exemplos de aplicação do princípio de Gestalt do alinhamento pela web à fora. Schließlich gibt es buchstäblich Millionen von Beispielen für die Anwendung des Grundsatzes der Gestalttherapie Ausrichtung der Web nach außen. 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! Schauen Sie, jetzt, da Sie bereits wissen, von seiner Existenz und Umsetzung, vai identifizieren, den Erfolgen und Fehlern von Web-Designern rapidinho! ;-)

Ah! Perceberam que, além dos elementos estarem alinhados, alguns deles (os mais próximos), apresentam uma outra característica em comum? Sie sahen, dass zusätzlich zu der Elemente sind aufeinander abgestimmt, manche von ihnen (der nächstgelegene), ein weiteres Merkmal gemeinsam? Eles estão exatamente com as mesmas distâncias um do outro! Sie sind genau die gleichen dist â Verweise auf einander! Não se esqueçam do princípio da proximidade ! Vergessen Sie nicht, das Prinzip der Nähe!

No próximo artigo: princípio da experiência passada . Im nächsten Artikel: Grundsatz der bisherigen Erfahrungen.