desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web In via di sviluppo web - XHTML, CSS, standard web, usabilità, l'accessibilità, web design, SEO, blog e della tecnologia per sviluppare il web

No terceiro artigo da série, apresento alguns exemplos do princípio da proximidade Gestalt aplicado ao web design . Nel terzo articolo della serie, di presentare alcuni esempi del principio di prossimità Gestalt applicata al 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. Nel precedente articolo è stato presentato il principio di prossimità che applicato al web design, ha annunciato che elementi visivi venuta avanti l'idea di unità e, inoltre, che questi elementi sono collegati in qualche modo.

Navegando pela web , “pincei” alguns exemplos do princípio de Gestalt da proximidade aplicado à designs de web sites . La navigazione sul Web, "pincei" alcuni esempi del principio della Gestalt disegni e modelli applicati per la vicinanza dei siti 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. Dato che questo articolo è di alcune immagini un po 'pesante, Io, sottoscritto, il link per coloro che desiderano veramente seguire gli esempi e leggere il post fino alla fine.

Exemplos do princípio da proximidade no design web Esempi del principio di prossimità nel web design

Vejam neste screenshot do site do GMail e percebam os relacionamentos: Guarda questo screenshot del sito di Gmail e comprendere il rapporto:

• Itens da direita: O formulário para entrar na conta de e-mail e, abaixo, para se cadastrar no GMail . Oggetti sulla destra: il modulo per inserire l'account di posta elettronica e, di seguito, per registrare in Gmail. Esse relacionamento é inferido devido a os dois terem o fundo colorido; Questo rapporto è di dedurre perché i due hanno un colore di sfondo;
• Itens da esquerda: Justamente por todos terem fundo branco, estão relacionados, já que apresentam informações gerais sobre a conta de e-mail . Oggetti da sinistra: Proprio perché tutti i bianchi, sono connessi, poiché essi hanno informazioni generali su account di posta elettronica.

Com o ato simples de colocar cor no fundo de alguns elementos, o princípio da proximidade foi muito bem aplicado. Con il semplice atto di messa a colori sul fondo di alcuni elementi, il principio di prossimità è stata ampiamente applicata.

No site da Whoooz! Presso il sito di Whoooz! Webmedia o princípio da proximidade foi usado para separar os tópicos de informação que constam na página inicial. Webmedia il principio di prossimità è stato utilizzato per separare i temi di informazioni che compaiono nella home page. 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. Si noterà che la spaziatura tra i testi semplici ha fatto è di formare le colonne, ciascuno sul loro argomento, che è in grassetto. Eles se valeram apenas de texto puro e, aplicando o princípio da proximidade, conseguiram o resultado da divisão destes tópicos. Essi valeram solo testo normale e, applicando il principio di prossimità, raggiunto il risultato della divisione di questi argomenti.

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. Nel sito web Photorec, il principio della Gestalt è stato utilizzato anche: ciascuno dei rettangoli mostrati in fondo uno contiene informazioni sui servizi offerti. 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. I rettangoli sono stati inseriti esplicitamente perché la composizione di progettazione, tuttavia, anche se essi non sono stati lì, che entra nel sito continuerà sapendo che ogni colonna sarebbe una "chiamata" diversi, ma questo è un problema in comune.

A treforest design , com muita propriedade, utilizou o princípio da proximidade para “dividir” as informações presentes. La progettazione Treforest, con grande proprietà, ha utilizzato il principio di prossimità a "dividere" le informazioni presentate. 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 . Si prega di notare che il testo (bianco) sono "legati" a loro argomenti (amarronzados). La vicinanza tra i due suggerisce che ogni testo è per ogni t ó picco. Além disso, quem olha interpreta que são vários tópicos diferentes em função da distância entre cada tópico. Inoltre, sembra che interpreta vari argomenti che sono diverse a seconda della distanza tra ogni argomento.

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 Maggiore (con un eccellente sito web, avvenga detto per inciso) utilizza il principio della prossimità della Gestalt attraverso la spaziatura e colori. 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. Il rettangolo scuro, è la "chiamata" Main (ha più lettere ed è in alto); egli è "separato" da "chiamata" secondaria, che sono qui di seguito. Estas secundárias, por sinal, são “divididas” umas das outras através do espaçamento e do fundo aplicado a cada um. Questi secondario, per il segnale, sono "divisi" gli uni dagli altri attraverso lo spazio e il fondo di applicare a ciascuna. Vejam que elas são inter-relacionadas, e isto é transmitido devido ao fato de todas apresentarem igual distância e terem o mesmo background . Guardare sono collegati tra loro, e questo è trasmessa a causa del fatto che tutti abbiano parità di distanza e hanno lo stesso sfondo.

O belo site da Guardian Community torna nítida a separação entre conteúdo principal e conteúdos relacionados. La bella sito della Comunità Guardian rende chiara la separazione tra il contenuto principale e contenuti correlati. 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 . Il testo che è dovuto alla home page è presentato senza sfondo, inserito direttamente nel grande rettangolo bianco qui di seguito, al suo fianco, vi sono indicazioni per i visitatori di informare di più sul sito web, che è allo stesso tempo, un invito a per continuare la lettura del resto del contenuto di ú. 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. I tre rettangoli colorati affrontare le questioni connesse in qualsiasi modo, come hanno le stesse dimensioni, hanno parità di spaziatura e titoli e il contenuto è uguale. Elementos próximos são elementos relacionados. Elementi provenienti elementi sono collegati.

Breves considerações sobre o princípio da proximidade Brevi osservazioni sul principio di prossimità

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 . Ho potuto inserire molto di più di esempi, ma, credo, deve rendersi conto che il principio della Gestalt siti in prossimità dei professionali e di alta 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. Si noterà che i progettisti di questi siti web che presenta come un esempio sono molto consapevoli delle leggi della Gestalt e applicata con grande proprietà, che consente di produrre intelligenti e belle composizioni, che veramente attirare l'attenzione del visitatore e il benvenuto ai sensi.

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 Come nel precedente articolo di questa serie, sapendo che gli elementi provenienti dare l'idea di unità e di relazioni, che sono collegati gli uni con gli altri, è possibile pianificare meglio la progettazione di un sito web. Logicamente que o princípio da proximidade não foi e não é aplicado sozinho para a construção de layouts . Logicamente che il principio di prossimità non è stato solo e non è applicata per la realizzazione di layout. Outras leis de Gestalt também fazem parte desta verdadeira maestria. Altre leggi della Gestalt sono anche parte di questa vera maestria.

No próximo artigo da série: princípio do alinhamento . Nel prossimo articolo della serie: principio di allineamento.