desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web Développement web - xhtml, css, standards du Web, l'utilisabilité, l'accessibilité, web design, SEO, des blogs et de la technologie pour développer le web

No terceiro artigo da série, apresento alguns exemplos do princípio da proximidade Gestalt aplicado ao web design . Dans le troisième article de cette série, la présentation de quelques exemples du principe de proximité Gestalt appliquée à la conception Web.

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. Dans l'article précédent a été présenté le principe de proximité qui s'appliquent à la conception Web, a annoncé que des éléments visuels à venir avancé l'idée d'unité et, en outre, que ces éléments sont liés d'une certaine façon.

Navegando pela web , “pincei” alguns exemplos do princípio de Gestalt da proximidade aplicado à designs de web sites . La navigation sur le Web, "pincei" quelques exemples du principe de la Gestalt dessins ou modèles appliqués à la proximité de sites Web. 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. Comme cet article a quelques images un peu lourd, je, soussigné, le lien pour ceux qui veulent vraiment suivre les exemples et de lire le poste avant la fin.

Exemplos do princípio da proximidade no design web Parmi les principe de proximité en conception de sites Web

Vejam neste screenshot do site do GMail e percebam os relacionamentos: Regardez cette capture d'écran du site Gmail et comprendre les relations:

• Itens da direita: O formulário para entrar na conta de e-mail e, abaixo, para se cadastrar no GMail . Articles sur la droite: Le formulaire pour accéder au compte e-mail et, ci-dessous, pour s'inscrire à Gmail. Esse relacionamento é inferido devido a os dois terem o fundo colorido; Cette relation est en raison de déduire les deux ont une couleur d'arrière-plan;
• Itens da esquerda: Justamente por todos terem fundo branco, estão relacionados, já que apresentam informações gerais sobre a conta de e-mail . Points de gauche à droite: C'est précisément parce que ils sont tous blanc, sont liés, car ils ont des informations générales sur le e-mail.

Com o ato simples de colocar cor no fundo de alguns elementos, o princípio da proximidade foi muito bem aplicado. Avec le simple fait de mettre la couleur sur le fond de certains éléments, le principe de proximité a été largement appliquée.

No site da Whoooz! Sur le site de Whoooz! Webmedia o princípio da proximidade foi usado para separar os tópicos de informação que constam na página inicial. Webmedia le principe de proximité a été utilisé pour séparer les sujets d'informations qui apparaissent sur la page d'accueil. 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. Vous remarquerez que l'espacement entre les textes simples a fait est de former des colonnes, chacune sur leur sujet, qui est en gras. Eles se valeram apenas de texto puro e, aplicando o princípio da proximidade, conseguiram o resultado da divisão destes tópicos. Ils valeram tout simplement texte et, en appliquant le principe de proximité, a réalisé le résultat de la division de ces sujets.

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. Dans le site Web Photorec, le principe de la Gestalt a également été utilisées: chacun des rectangles montré dans le fond une contient des informations sur le service offert. 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. Les rectangles ont été placés explicitement parce que la composition de la conception, toutefois, même s'ils n'étaient pas là, qui entre dans le site continuer en sachant que chaque colonne serait un "appel" différent, mais c'est une question en commun.

A treforest design , com muita propriedade, utilizou o princípio da proximidade para “dividir” as informações presentes. Le Treforest conception, avec un grand propriétaire, sont utilisés le principe de la proximité de "diviser" l'information présentée. 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 . S’il vous plaît noter que les textes (blanc) sont "liées" à leur sujet (amarronzados). La proximité entre les deux suggère que chaque texte est pour chaque t ó pointe. Além disso, quem olha interpreta que são vários tópicos diferentes em função da distância entre cada tópico. En outre, qui ressemble interprète divers sujets qui sont différentes en fonction de la distance entre chaque sujet.

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. Le Web Major (avec un excellent site Web, soit dit en passant) utilise le principe de proximité de la Gestalt par l'espacement et les couleurs. 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. Le rectangle sombre, est le "call" Principal (a plus de lettres et est en haut), il est «séparée» de «appelés« secondaires, qui sont ci-dessous. Estas secundárias, por sinal, são “divididas” umas das outras através do espaçamento e do fundo aplicado a cada um. Ces secondaire, pour le signal, sont "divisé" les uns des autres par le biais de l'espacement et le fonds appliqué à chacun d'eux. Vejam que elas são inter-relacionadas, e isto é transmitido devido ao fato de todas apresentarem igual distância e terem o mesmo background . Rechercher ils sont étroitement liés, ce qui est transmis en raison du fait que tous ont égale distance et ont les mêmes arrière-plan.

O belo site da Guardian Community torna nítida a separação entre conteúdo principal e conteúdos relacionados. Le beau site de la Communauté Guardian indique clairement la séparation entre le contenu principal et le contenu. 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 . Le texte qui est dû à la page d'accueil est présenté sans arrière-plan, inséré directement dans le grand rectangle blanc ci-dessous, à ses côtés, les indications sont pour les visiteurs d'informer plus sur le site Web, qui est en même temps, une invitation à de continuer la lecture du reste du contenu de ú. 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. Les trois rectangles de couleur portent sur des questions liées d'une manière quelconque, comme l'ont la même taille, ont le même espacement et les titres et le contenu des égaux. Elementos próximos são elementos relacionados. Éléments à venir éléments sont liés.

Breves considerações sobre o princípio da proximidade Brèves observations sur le principe de proximité

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 . Je pourrais ajouter beaucoup plus d'exemples, mais, je crois, doit se rendre compte que le principe de la Gestalt sites à proximité de professionnels et de grande qualité. 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. Vous remarquerez que les concepteurs de ces sites Web que présenté comme un exemple sont très conscients des lois de la Gestalt et appliquée avec une grande propriété, qui permet de produire intelligente et belle composition, qui vraiment attirer l'attention du visiteur et bienvenue à tous les sens.

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 Comme dans le précédent article de cette série, en sachant que des éléments qui viennent donner l'idée d'unité et de relations, qui sont reliés les uns avec les autres, vous pouvez mieux planifier la conception d'un site Web. Logicamente que o princípio da proximidade não foi e não é aplicado sozinho para a construção de layouts . Logiquement que le principe de proximité n'a pas été le seul et n'est pas appliqué à la construction de maquettes. Outras leis de Gestalt também fazem parte desta verdadeira maestria. D'autres lois de la Gestalt font également partie de cette véritable maîtrise.

No próximo artigo da série: princípio do alinhamento . Dans le prochain article de cette série: principe de l'alignement.