desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web Desarrollo Web - xhtml, css, estándares web, usabilidad, accesibilidad, diseño web, SEO, los blogs y la tecnología para desarrollar la web

No terceiro artigo da série, apresento alguns exemplos do princípio da proximidade Gestalt aplicado ao web design . En el tercer artículo de la serie, presentando algunos ejemplos del principio de proximidad Gestalt aplicada a diseño 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. En el artículo anterior se presentó el principio de proximidad que se aplica para el diseño web, anunció que elementos visuales de presentar la idea de unidad y, además, que estos elementos están relacionados de alguna manera.

Navegando pela web , “pincei” alguns exemplos do princípio de Gestalt da proximidade aplicado à designs de web sites . Navegando por la web, "pincei" algunos ejemplos del principio de la Gestalt diseños aplicados a la proximidad de los sitios 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. Como este artículo tiene algunas imágenes un poco pesado, yo, el abajo firmante, el enlace para aquellos que realmente quieren seguir los ejemplos y leer la entrada hasta el final.

Exemplos do princípio da proximidade no design web Ejemplos del principio de proximidad en diseño web

Vejam neste screenshot do site do GMail e percebam os relacionamentos: Vea esta captura de pantalla del sitio de GMail y entender las relaciones:

• Itens da direita: O formulário para entrar na conta de e-mail e, abaixo, para se cadastrar no GMail . Los puntos a la derecha: La forma para entrar en la cuenta de correo electrónico y, a continuación, a registrarse en GMail. Esse relacionamento é inferido devido a os dois terem o fundo colorido; Esta relación se infiere debido a las dos tienen un color de fondo;
• Itens da esquerda: Justamente por todos terem fundo branco, estão relacionados, já que apresentam informações gerais sobre a conta de e-mail . Temas de izquierda a derecha: Precisamente porque todos los blancos, están relacionadas, ya que tienen información general acerca de cuenta de correo electrónico.

Com o ato simples de colocar cor no fundo de alguns elementos, o princípio da proximidade foi muito bem aplicado. Con el simple acto de poner color en la parte inferior de algunos elementos, el principio de proximidad se aplica ampliamente.

No site da Whoooz! En el sitio 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 el principio de proximidad se utiliza para separar los temas de información que aparecen en la página principal. 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. Usted notará que el espaciamiento entre los textos sencillos se ha hecho para formar columnas, cada una en su tema, que está en negrita. Eles se valeram apenas de texto puro e, aplicando o princípio da proximidade, conseguiram o resultado da divisão destes tópicos. Ellos valeram sólo texto plano y, aplicando el principio de proximidad, alcanzado el resultado de la división de estos temas.

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. En el sitio web Photorec, el principio de la Gestalt se ha utilizado también: cada uno de los rectángulos se muestra en la parte inferior contiene información sobre el servicio ofrecido. 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. Los rectángulos se colocaron explícitamente porque la composición de diseño, sin embargo, aun cuando no estaban allí, que entra en el sitio continuará a sabiendas de que cada columna sería un "llamamiento" diferentes, sino que es un tema en común.

A treforest design , com muita propriedade, utilizou o princípio da proximidade para “dividir” as informações presentes. El treforest diseño, con gran propiedad, utiliza el principio de proximidad a "dividir" la información presentada. 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 . Tenga en cuenta que los textos (en blanco) son "vinculados" a sus temas (amarronzados). La cercanía entre ambos sugiere que cada uno de estos textos es para cada t ó pico. Além disso, quem olha interpreta que são vários tópicos diferentes em função da distância entre cada tópico. Por otra parte, parece que interpreta diversos temas que son diferentes dependiendo de la distancia entre cada tema.

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. La web principal (con un excelente sitio web, que sea dicho de paso) utiliza el principio de proximidad de la Gestalt a través de espaciamiento de los nacimientos y colores. 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. El rectángulo oscuro, es la "llamada" Main (tiene más letras y se encuentra en la parte superior), es "independiente" de "llamada" secundaria, que están por debajo. Estas secundárias, por sinal, são “divididas” umas das outras através do espaçamento e do fundo aplicado a cada um. Estos secundaria, para la señal, se "divide" el uno del otro a través del espaciamiento de los nacimientos y los fondos aplicados a cada una de ellas. Vejam que elas são inter-relacionadas, e isto é transmitido devido ao fato de todas apresentarem igual distância e terem o mesmo background . Mira que están relacionados entre sí, y esto se transmite por el hecho de que todos tengan igualdad de distancia y tienen el mismo fondo.

O belo site da Guardian Community torna nítida a separação entre conteúdo principal e conteúdos relacionados. El hermoso sitio de la Comunidad Guardian deja en claro la separación entre el contenido principal y contenido relacionado. 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 . El texto que se debe a la página se presenta sin fondo, inserta directamente en el gran rectángulo blanco a continuación, a su lado, las indicaciones son para informar a los visitantes más información sobre el sitio web, que es al mismo tiempo, una invitación a a seguir leyendo el resto del contenido 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. Los tres rectángulos de color frente a las cuestiones relacionadas de alguna manera, como tienen el mismo tamaño, tengan igualdad de espaciamiento de los nacimientos y los títulos y el contenido es igual. Elementos próximos são elementos relacionados. Elementos procedentes elementos están relacionados.

Breves considerações sobre o princípio da proximidade Breves comentarios sobre el principio de proximidad

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 . Yo podría insertar un montón de ejemplos más, pero, creo, tiene que darse cuenta de que el principio de la Gestalt sitios en la proximidad de profesionales y de alta calidad. 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. Usted notará que los diseñadores de estos sitios web que presenta como un ejemplo son muy conscientes de las leyes de la Gestalt y aplicado con gran propiedad, lo que permite producir inteligentes y bellas composiciones, lo que realmente llama la atención del visitante y la bienvenida a los 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 Al igual que en el anterior artículo de esta serie, a sabiendas de que los elementos próximos a la idea de unidad y las relaciones, que están conectados unos con otros, puede planificar mejor el diseño de un sitio web. Logicamente que o princípio da proximidade não foi e não é aplicado sozinho para a construção de layouts . Lógicamente que el principio de proximidad no es el único y no se aplica a la construcción de diseños. Outras leis de Gestalt também fazem parte desta verdadeira maestria. Otras leyes de la Gestalt son también parte de esta verdadera maestría.

No próximo artigo da série: princípio do alinhamento . En el próximo artículo de la serie: principio de la alineación.