desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web発展途上ウェブ-のX HTML、 C SS、 W eb標準、ユーザビリティ、アクセシビリティ、ウェブデザイン、ソ、ブログやウェブの技術を開発する

No quinto artigo da série, apresento alguns exemplos web do princípio da boa continuidade ou, como prefiro, princípio do alinhamento .第5条このシリーズは、 ウェブの例をいくつかの原則を提示良いの継続か、または私を好むとして、 アライメントの原則です。

Como apresentado no artigo anterior , o princípio do alinhamento é muito 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).正しくかつ誠実に使用されるときに、私たちは他の組織にレイアウト 、さらに多くの一貫性と専門家は、以来、この原則のゲシュタルトを使用して、視覚的な要素をほのめかすことはそれらの間のinterelações （およびその他のもの） 。

Em qualquer web design feito por alguém que estudou o mínimo, é possível encontrar aplicações do princípio do alinhamento.させることによって、任意のウェブデザイン who研究しても、アプリケーションを見つけることができるの原則を配置します。 Lembrem-se: nada é por acaso (tanto no desenvolvimento web , quanto na vida)!君に教えてあげよう：何も偶然（ ウェブ開発の両方で、人生のように） ！

Este artigo contém imagens com tamanho significativo.この記事は重大なサイズの画像が含まれています。 Em função disso, há um link , logo abaixo, para continuar ler o restante da matéria.その結果、 リンクには、下記の続きを読むの残りのフィールドに入力します。

Em cada screenshot , tracei linhas para evidenciar como o alinhamento nas páginas web acontece.それぞれのスクリーンショットは、どのようにtraceiの行を示すでウェブページ上の配置が発生します。 Percebam, novamente, que nada é por acaso. percebam 、再度、それは何も偶然です。 Mesmo em sites “abertos”, sem muitos elementos de delimitação, é possível identificar o uso do princípio da boa continuidade em ação. サイトでも"オープン" 、境界の多くの要素がなく、確認できる良い継続性の原則を使用して、アクションです。 É justamente através dele que elementosこれは彼が要素を通じて

Exemplos do princípio da proximidade aplicado ao web design近接の原理を応用例として、 ウェブデザイン

Vejam no site da aleusia como os blocos de textos superiores mantém um perfeito alinhamento com os da parte inferior. サイトを見てaleusia上記のテキストのブロックとして完璧な整合性を維持するの下にします。 A base da caixa de busca, acima e à direita, possui a mesma “linha base” que o 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 “.面白そうに見えるして使用される機能：テキストを調べて下さい"今日の名言"と"サポート"は、整列の行の下に字幕では" aleusiaへようこそ。 " Por que eles simplesmente não eliminaram esta linha e desceram um pouco o 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.以来、無意識のうちに、観光客実感してこれは少しずれて、彼ら"提供する他の注意"その時点で、その"不快な"自分たちの知覚、このように、ほとんどの人々ことが保証さwho訪問このウェブサイトのテキストを読むのプレゼンテーションです。

Conhecimento é poder , meus caros! 知識はパワー、私の愛する！

No site da desi9n , eles pecaram só um pouquinho no alinhamento dos textos de descrição dos serviços (em baixo das respectivas imagens).は、 サイトのdesi9n 、彼らはほんの少しでの配置のテキストの説明書のサービス（の下にある画像）です。 Percebam que eles estão ligeiramento recuados à esquerda.インデントていることに気がつくことligeiramento左です。 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).このマージンを正当化するテキストを削除すると、おそらく解決する場合には、しかし、おそらく彼らは選択したテキストを左揃えに渡すという考えをしないように保守、と言っては、 "クリア" （ 正しい方向へ、もちろん） 。 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.ことは、どうやら、お定まりの機能はほとんどのデザイナーは世界の…は、テキストの3つのコラムは、下記の、彼らの基地はほぼ整列であることが判明。 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).彼らの考えかもしれない完璧な配置を促進する最良の言葉をすべての間（ただし、この操作を行うことが時にはハードええと、たとえそうであって、これが… rsrs ） 。

A brasuca Luxicom tem um design muito bonito e com imagens bem trabalhadas!のbrasuca luxicomには、非常に美しいデザインとはうまくいったの画像と一緒に！ Utilizaram muito bem o recurso da sangria naquele dispositivo móvel (”sangria” é quando algum elemento “extrapola os limites”). 出血の使用を非常によく使われ、そのモバイルデバイス（ "出血"がいくつかの要素が"の限界を超える" ） 。 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. サイト上のことに気がつくこと（の上に暗い長方形）はよくalinhadinha 、しかしの下にはありません尊重して良いの継続： desalinhadosは、その要素に関連してそれらの上にします。 O botão “Buscar” não é desalinhado no web site ; deve ter dado algum problema quando o superscreenshot gerou a imagem… "検索"ではない、 Webサイト上のずれ;には、問題が発生するsuperscreenshot生成する画像…

Enfim, existem literalmente milhões de exemplos de aplicação do princípio de Gestalt do alinhamento pela web à fora.最後に、文字通りには、何百万もの原則を適用してゲシュタルトの例を配置するためにウェブを外部のです。 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!だけ見て、今すぐしていると、すでにその存在を認識の実装では、ヴァイ識別するためのウェブデザイナーの成功や失敗rapidinho ！ ;-)

Ah!ああ！ Perceberam que, além dos elementos estarem alinhados, alguns deles (os mais próximos), apresentam uma outra característica em comum?彼ら見たことに加えて、配列の要素は、いくつかのこと（最も近い） 、もう一つの特徴が共通のですか？ Eles estão exatamente com as mesmas distâncias um do outro!彼らはまったく同じdist â参照してお互いに！ Não se esqueçam do princípio da proximidade !ことを忘れないでの原則に近接！

No próximo artigo: princípio da experiência passada .は、次の記事： 過去の経験の原則です。