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 terceiro artigo da série, apresento alguns exemplos do princípio da proximidade Gestalt aplicado ao web design .このシリーズで3番目の記事を、いくつかの例を提示ゲシュタルト近接の原則を適用されるウェブデザインです。

No artigo anterior foi apresentado o princípio da proximidade que, aplicado ao design web , informa que elementos visuais próximos transmitem a idéia de unicidade e, além disso, que estes elementos são relacionados, de alguma maneira.は、 前の記事は、近接原則を提示して適用されるウェブデザイン、ビジュアル要素と発表したアイデアを今後の結束に転送すると、また、これらの要素はいくつかの方法で接続されます。

Navegando pela web , “pincei” alguns exemplos do princípio de Gestalt da proximidade aplicado à designs de web sites .のウェブサイト、 " pincei "のいくつかの例ゲシュタルトデザインの原則を適用して近接のウェブサイトです。 Como este artigo tem algumas imagens um pouco pesadas, coloco, abaixo, o link para quem realmente quiser acompanhar os exemplos e ler o post até o fim.この記事にはいくつかの画像として少し重い、私、以下に署名する、 who本当に欲しいのリンクをそれらに従うの例を読んで作成するまで、終了します。

Exemplos do princípio da proximidade no design web近接の原理での例は、 ウェブデザイン

Vejam neste screenshot do site do GMail e percebam os relacionamentos:このサイトのスクリーンショットを見てGmailとの関係を理解する：

• Itens da direita: O formulário para entrar na conta de e-mail e, abaixo, para se cadastrar no GMail .の項目は、右：のフォームの電子メールアカウントを入力すると、下に、 Gmailのを登録します。 Esse relacionamento é inferido devido a os dois terem o fundo colorido;この関係は推測のためには2つの色の背景;
• Itens da esquerda: Justamente por todos terem fundo branco, estão relacionados, já que apresentam informações gerais sobre a conta de e-mail .商品左から：正確ため、彼らのすべての白、に関連したので、彼らは一般的な情報について電子メールアカウントのです。

Com o ato simples de colocar cor no fundo de alguns elementos, o princípio da proximidade foi muito bem aplicado.パットは簡単な法の下のいくつかの要素をカラーにするには、近接の原理は広く適用されます。

No site da Whoooz!は、 サイトのwhoooz ！ Webmedia o princípio da proximidade foi usado para separar os tópicos de informação que constam na página inicial. webmedia の近接の原理を使用して別のトピックの情報をホームページに表示されています。 Percebam que o simples espaçamento entre os textos fez com que colunas se formassem, cada uma delas relativa ao respectivo tópico, que está em negrito.行うことに気がつくことは簡単な文章の間の間隔が列を形成するが、各トピックをして、これは太字で表示されます。 Eles se valeram apenas de texto puro e, aplicando o princípio da proximidade, conseguiram o resultado da divisão destes tópicos.彼らだけvaleram 、プレーンテキストと、近接の原理を適用し、当部門の結果を達成して、これらのトピックが含まれます。

No web site Photorec , o princípio da Gestalt também foi utilizado: cada um dos retângulos mostrados na parte inferior contém uma informação sobre o serviço oferecido.は、 ウェブサイト photorec 、 ゲシュタルトの原則にも利用されては：それぞれの長方形の下に示されており、サービス上で提供する情報が含まれています。 Os retângulos foram explicitamente colocados devido à composição do design , entretanto, mesmo que não estivessem ali, quem entrasse no site continuaria sabendo que cada coluna seria uma “chamada” diferente, mas que trata de um assunto em comum.長方形が明示的に配置するため、組成の設計、しかし、たとえ彼らはない場合、サイトは引き続きwhoに入って各列を知っているが、 "コール"異なるが、その共通点が問題にします。

A treforest design , com muita propriedade, utilizou o princípio da proximidade para “dividir” as informações presentes.のtreforestデザインで、大きな所有権、使用して近接の原理を"分割"の情報を紹介します。 Notem que os textos (brancos) estão “ligados” aos respectivos tópicos (amarronzados). A proximidade entre os dois sugere que cada texto é referente a cada tópico .文章に注意してください（ホワイト）は、 "リンク"してトピック（ amarronzados ）で、 2つの間に親密示唆して、各テキストは、各トンóピークです。 Além disso, quem olha interpreta que são vários tópicos diferentes em função da distância entre cada tópico.また、 whoは様々なトピックを参照して別の解釈の間の距離に応じて、各トピックを表示します。

A Web Major (com um excelente web site , diga-se de passagem) utiliza o princípio da proximidade da Gestalt através dos espaçamentos e das cores. ウェブメジャー （おに優れたWebサイトを、合格によるとレットイットビー）を使用して近接の原理を通じての間隔や色をゲシュタルトです。 O retângulo escuro, é a “chamada” principal (tem letras maiores e fica na parte superior); ele é “separado” das “chamadas” secundárias, que estão abaixo.ザダーク長方形のは、 "コール"メイン（はの上部に他の文字とは） ;彼は"別の"から"と呼ばれる"二次的には以下のとおり。 Estas secundárias, por sinal, são “divididas” umas das outras através do espaçamento e do fundo aplicado a cada um.これらのセカンダリ、信号は、 "分断"お互いを通じてそれぞれの間隔と、ファンドに適用されます。 Vejam que elas são inter-relacionadas, e isto é transmitido devido ao fato de todas apresentarem igual distância e terem o mesmo background .見ている相互依存関係、およびこれはすべての伝送のためにという事実が背景に等しい距離とそれまでと同じです。

O belo site da Guardian Community torna nítida a separação entre conteúdo principal e conteúdos relacionados.美しいサイトは、 コミュニティのガーディアンをクリアして分離の間の主要なコンテンツと関連したコンテンツです。 O texto que é devido à página inicial é apresentado sem background , inserido diretamente no grande retângulo branco inferior; a seu lado, estão indicações para os visitantes se informarem mais a respeito do web site , que é, ao mesmo tempo, um convite para que que se continue lendo o restante dos conteúdos .のために、テキストでは、ホームページの背景は提示せず、挿入した大規模な白い長方形の下に直接統合して、彼の側では、来場者に通知を勘案すると、 ウェブサイトの詳細については、これはこれと同時に、 に招待状を読書の残りの部分を続行するの内容をúです。 Os três retângulos coloridos tratam de assuntos de alguma forma relacionados, já que possuem o mesmo tamanho, têm igual espaçamento e títulos e conteúdos iguais.長方形の3つの色のいずれに関連した問題に対処する方法としては、同じ大きさ、間隔と、タイトルやコンテンツが平等に等しいです。 Elementos próximos são elementos relacionados.要素来るの要素が関連しています。

Breves considerações sobre o princípio da proximidade近接の原理の簡単なコメントをする

Eu poderia inserir mais um monte de exemplos, mas, creio, já deu para perceber a aplicação do princípio de Gestalt da proximidade em sites profissionais e de muita qualidade .私がいたよりさらに多くの例を挿入する、しかし、私は、その原理を実現するにはゲシュタルト サイトでは、近接の専門家と高品質です。 Percebam que os web designers destes sites que apresentei como exemplo têm muita consciência das leis de Gestalt e as aplicam com muita propriedade, o que os permite elaborar composições bonitas e inteligentes, que realmente chamam a atenção do visitante e agrada aos sentidos. デザイナーことに気がつくことを提示これらのウェブサイトの例としては非常に認識して法の適用ゲシュタルトと非常に所有権、知的生産が可能と美しい曲、これ実際の来場者の注目を引くとへようこそ感覚の問題です。

Como comentei no artigo anterior desta série , sabendo que elementos próximos dão a idéia de unicidade e relacionamento, que têm ligação entre si, é possível planejar melhor o design de um web site . comenteiのように、 前の記事は、このシリーズは、 今後の要素を知っているという考えを与えるの団結との関係は、お互いに接続し、改善することができます。 ウェブサイトのデザインを計画しています。 Logicamente que o princípio da proximidade não foi e não é aplicado sozinho para a construção de layouts .論理は、近接の原理が適用されるだけではないレイアウトを建設します。 Outras leis de Gestalt também fazem parte desta verdadeira maestria.その他の法律のゲシュタルトは、次の該当する部分にも精通。

No próximo artigo da série: princípio do alinhamento .は、次の記事は、シリーズ： アライメントの原則です。