desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web开发Web -的X HTML， C SS的， W eb标准，可用性，无障碍，网页设计，徐，博客和技术开发的W eb

No terceiro artigo da série, apresento alguns exemplos do princípio da proximidade Gestalt aplicado ao web design .在第三条的系列，介绍了一些例子的原则，接近完形适用于网页设计。

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 .在浏览Web时， “ 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.由于这条有一些图像有点沉重，我以下， 链接对于谁真的想效法，并宣读后 ，直到年底。

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;这种关系是推断，因为这两个有一个彩色的背景;
• 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.对调放置明确，因为组成的设计，不过，即使他们不存在，谁进入该网站将继续知道每个栏位将是一个“呼吁”不同，但一个问题是，在共同的。

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 ） 。接近两国之间的表明，每个文本是为每吨ó高峰期。 Além disso, quem olha interpreta que são vários tópicos diferentes em função da distância entre cada tópico.此外，谁看来，解释各种议题不同，视乎之间的距离，每个主题。

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. 网站的主要 （与一个很好的网站，让它说是在及格）使用的原则，接近完形通过间距和颜色。 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.三色方形处理有关事宜以任何方式，因为有相同的大小，有平等的间隔和标题和内容平等的。 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 .在未来的文章中的系列： 原则对齐。