\n N\u00e3o existe um layout ideal para fazer isso, pois eles tendem a variar de acordo com os requisitos do seu neg\u00f3cio. No entanto, existem alguns hacks que podem ajud\u00e1-lo a decidir o que \u00e9 melhor para o seu neg\u00f3cio.\n<\/p>\n
\n Use esses truques e voc\u00ea nunca ficar\u00e1 sem ideias.\n<\/p>\n
\n 1 Use fontes que se complementam
\n<\/h5>\n
\n Como literalmente! Fontes antinaturais podem virar as probabilidades a seu favor.\n<\/p>\n \n Esses pares s\u00e3o amplamente classificados na categoria de Serif<\/strong> e Sans Serif<\/strong>, por exemplo, Caslon e Myriad, Liberation Serif e Liberation Sans, etc.\n<\/p>\n \n No entanto, n\u00e3o \u00e9 imperativo emparelhar apenas fontes complementares, pois voc\u00ea tamb\u00e9m pode emparelhar fontes contrastantes. Por exemplo, veja esta imagem:\n<\/p>\n \n A fonte Sifonn<\/strong> foi usada para a palavra Hawaii e Arvo<\/strong> para o resto. E eles se complementam de uma maneira “simp\u00e1tica”.\n<\/p>\n \n Al\u00e9m disso, use fontes adequadas de acordo com a situa\u00e7\u00e3o, caso contr\u00e1rio, o resultado pode ser o seguinte.\n<\/p>\n \n Depois de decidir isso, voc\u00ea deve estar se perguntando sobre o tamanho da fonte, certo? Bem, \u00e9 prov\u00e1vel usar 2,5 vezes o tamanho da fonte do corpo para o t\u00edtulo. Al\u00e9m disso, uma altura de linha de 1,6 \u00e9 recomendada para todos os textos do corpo. Caso voc\u00ea tenha um documento CSS, pode faz\u00ea-lo adicionando-o a todos os elementos p, caso contr\u00e1rio, para papel impresso, multiplique o tamanho da fonte do corpo por 1,6 para obter a altura de linha desejada.\n<\/p>\n \n A maioria das pessoas para aqui depois de todos esses esfor\u00e7os, mas a partir daqui come\u00e7a a verdadeira jornada, ou seja, coloc\u00e1-los. Voc\u00ea pode coloc\u00e1-los no centro ou alinhados \u00e0 esquerda ou alinhados \u00e0 direita. Depende apenas de voc\u00ea e do que seu conte\u00fado exige. Primeiro, voc\u00ea pode come\u00e7ar alinhando-as e empurrar essas imagens para o outro lado e, ao usar imagens de fundo, fa\u00e7a o alinhamento central, por exemplo\n<\/p>\n \n As cores que voc\u00ea usa para fontes e suportes de texto devem sincronizar com a imagem de fundo.\n<\/p>\n \n Geralmente, a tipografia \u00e9 90% do design completo, ent\u00e3o \u00e9 definitivamente uma quest\u00e3o de preocupa\u00e7\u00e3o decidir a cor ideal da fonte.\n<\/p>\n \n Voc\u00ea pode come\u00e7ar com duas cores inicialmente, por exemplo, usar laranja para todos os elementos da marca e azul para todos os CTAs com certeza parecem promissores. Al\u00e9m do tamanho e das cores da fonte, usar no m\u00e1ximo 58 caracteres por linha torna o texto mais leg\u00edvel, que \u00e9 o seu objetivo final, certo?\n<\/p>\n \n Se voc\u00ea estiver procurando por elementos de separa\u00e7\u00e3o ou conte\u00fado que se destaque, \u00e9 melhor usar sublinhados. \u00c9 como se f\u00f4ssemos transportados de volta aos nossos dias de inf\u00e2ncia, onde os professores usavam pol\u00edticas r\u00edgidas de confronto para ousar, destacar e sublinhar os pontos importantes. Ao decidir uma boa caligrafia, o espa\u00e7amento era de suma import\u00e2ncia, e costumava ser muito inc\u00f4modo decidir o tamanho ideal dela. Da mesma forma, os espa\u00e7os em branco que usamos em nosso design devem ser utilizados de maneira sutil e voc\u00ea nunca deve trat\u00e1-los como meros espa\u00e7os vazios. Lembra da seta no logotipo da FedEx? \u00c9 assim que voc\u00ea transforma esses brancos em negativos.\n<\/p>\n \n Tanta negatividade, eu te digo!\n<\/p>\n \n Voc\u00ea entendeu? Transpar\u00eancia \u00e9 a nova moda e o uso de \u00edcones transparentes pode tornar seu site muito mais interessante. Esses \u00edcones podem salv\u00e1-lo em suas necessidades extremas.\n<\/p>\n \n No exemplo acima, a folha ficou um pouco mais transparente enquanto escureceu o fundo para que pare\u00e7a um pouco mais interessante.\n<\/p>\n \n Mas, embora preste muita aten\u00e7\u00e3o para torn\u00e1-los transparentes, preste um pouco de aten\u00e7\u00e3o \u00e0 sua tipografia tamb\u00e9m. Quero dizer, faz\u00ea-los falar coisas que devem e n\u00e3o devem. Voc\u00ea pode usar guia(s) de estilo para desenh\u00e1-los. por exemplo\n<\/p>\n \n Enquanto isso, tente ser um pouco habilidoso com o caderno de esbo\u00e7os em vez de atirar todas as suas flechas criativas para o inocente Photoshop. Voc\u00ea precisa ser l\u00facido ao projetar \u00edcones, pois eles s\u00e3o as pequenas coisas gr\u00e1ficas que chamam a aten\u00e7\u00e3o do visualizador.\n<\/p>\n \n Em caso de d\u00favida, simplesmente v\u00e1 para o estado l\u00facido e relaxe. Agora, tente novamente, tenho certeza que voc\u00ea ter\u00e1 sucesso. N\u00e3o tenha medo dos fracassos, mas tenha muito medo das d\u00favidas, pois as d\u00favidas mataram mais sonhos do que o fracasso jamais matar\u00e1.\n<\/p>\n \n N\u00e3o n\u00e3o n\u00e3o! Procrastina\u00e7\u00e3o n\u00e3o \u00e9 o que eu quis dizer! Isso \u00e9 exatamente como a democracia que estamos “desfrutando” agora, ou seja, ter a liberdade de escolher a entidade mais est\u00fapida que podemos imaginar.\n<\/p>\n \n N\u00e3o esgote os elementos naturais da fotografia, mas realce suas cores para que pare\u00e7a um pouco mais com o trabalho de um designer gr\u00e1fico.\n<\/p>\n \n Veja como as pessoas no Pinterest olham para as imagens, elas podem transformar literalmente tudo e qualquer coisa em infogr\u00e1ficos. Essas imagens ficam bem sem atrapalhar a ess\u00eancia dos gr\u00e1ficos. Al\u00e9m disso, mais uma coisa, se voc\u00ea encontrar bons layouts de design no Pinterest ou em qualquer outro lugar, certifique-se de marc\u00e1-los, pois eles podem ser \u00fateis para voc\u00ea mais tarde.\n<\/p>\n \n Ent\u00e3o, voltando a isso, fa\u00e7a essas malditas mudan\u00e7as nas imagens para torn\u00e1-las vivas e saturadas. Al\u00e9m disso, quando estiver procurando a imagem de plano de fundo, certifique-se de torcer por aquela que tenha bastante espa\u00e7o n\u00e3o utilizado ou de c\u00f3pia. Esse espa\u00e7o pode ser utilizado para escrever textos que combinem com a ideia da sua marca.\n<\/p>\n \n Voc\u00ea pode recortar as imagens em vez de salvar alguns arquivos JPEG repugnantes em seu estado de flora\u00e7\u00e3o total, pois eles adicionam carga desnecess\u00e1ria ao seu processador, o que voc\u00ea pode facilmente evitar usando v\u00e1rios softwares online gratuitos para salv\u00e1-lo como um arquivo PNG otimizado, um exemplo de tais softwares pode ser Tinypng.\n<\/p>\n \n Esses softwares n\u00e3o comprometem a qualidade, pode ter certeza!\n<\/p>\n \n No sentido pict\u00f3rico de afirmar o \u00f3bvio! Por exemplo, Close-up de v\u00e1rios m\u00f3veis ex\u00f3ticos no plano de fundo do seu site, se voc\u00ea estiver no neg\u00f3cio de vender coisas do tipo “transforme sua casa em um lar”.\n<\/p>\n \n As pessoas adoram essas coisas. N\u00e3o est\u00e1 chegando a lugar nenhum com isso? Roube dos grandes designs do seu nicho!\n<\/p>\n \n N\u00e3o se preocupe! Roube o quanto quiser, eles apenas pensar\u00e3o que seu jogo de imita\u00e7\u00e3o est\u00e1 no ponto. Quem se importaria de roubar a imagem da torre Eiffel quando voc\u00ea \u00e9 um agente de viagens?\n<\/p>\n \n Ver? Ningu\u00e9m faz! Al\u00e9m disso, Pablo Picasso<\/strong> disse que bons artistas copiam, grandes artistas roubam. Ent\u00e3o, por que se preocupar? Se um grande homem disse isso, ent\u00e3o deve estar certo, certo?\n<\/p>\n \n Ao projetar seu escrit\u00f3rio, certifique-se de colocar p\u00f4steres de algumas de suas obras de arte ou algumas cita\u00e7\u00f5es motivacionais aleat\u00f3rias.\n<\/p>\n \n Eles podem inspir\u00e1-lo a trabalhar melhor ou seus clientes a comprar de voc\u00ea; entre os dois, o \u00faltimo \u00e9 um pensamento muito mais edificante.\n<\/p>\n \n Os n\u00fameros parecem mais atraentes para os usu\u00e1rios, n\u00e3o importa o quanto voc\u00ea odiasse matem\u00e1tica durante o ensino m\u00e9dio. Ah, voc\u00ea amou? Pode ser um tipo diferente de “matem\u00e1tica”. As pessoas ficam surpresas com a quantidade de confian\u00e7a que isso adiciona \u00e0 sua marca apenas usando algumas porcentagens em formato pict\u00f3rico.\n<\/p>\n \n Veja no exemplo abaixo.\n<\/p>\n \n Uma vez no site deles, esses n\u00fameros aparecem em um formato de contagem come\u00e7ando do zero. Acredite em mim, esperei pacientemente que a contagem parasse e lembre-se, ningu\u00e9m me obrigou a fazer isso.\n<\/p>\n \n Al\u00e9m disso, voc\u00ea deve ter visto organiza\u00e7\u00f5es se gabando do sucesso de seus clientes, por exemplo, ajudamos a empresa XYZ a aumentar suas vendas em 200%. Isso apenas diz que eles dobraram as vendas e tamb\u00e9m sem mencionar o per\u00edodo, mas o que isso importa? Parece promissor para mim. Se eles tivessem usado “dobrar” em vez da porcentagem, isso teria sido menos prejudicial ao meu dinheiro.\n<\/p>\n \n Em suma, formas, porcentagens e gr\u00e1ficos de pizza s\u00e3o algumas das melhores maneiras de provar seu metal em uma apresenta\u00e7\u00e3o da empresa, pois parecem informativos e interessantes ao mesmo tempo.\n<\/p>\n \n As grades s\u00e3o a melhor maneira de criar um layout para suas imagens. Al\u00e9m disso, simplifica o processo de edi\u00e7\u00e3o de pesado para divertido e brincalh\u00e3o.\n<\/p>\n \n Existem muitos grids dispon\u00edveis, mas o grid 1170 \u00e9 considerado o melhor quando se trata de design responsivo, especialmente para o Bootstrap Framework. A grade 1140 foi a primeira introdu\u00e7\u00e3o que mais tarde foi reformulada para chegar \u00e0 grade 1170. Grades de tamanho maior s\u00e3o recomendadas durante o projeto, pois podem ser ajustadas confortavelmente para resolu\u00e7\u00f5es mais baixas. A maioria dos designers iniciantes sente que as grades s\u00e3o restritivas \u00e0 sua imagina\u00e7\u00e3o e tenta “se libertar” delas, mas quando se deparam visualmente com seus benef\u00edcios, tendem a se acomodar com pontos de interrup\u00e7\u00e3o.\n<\/p>\n \n As grades tamb\u00e9m s\u00e3o um fator definidor quando se fala em tipografia. Por exemplo, nunca comece a escrever conte\u00fado do espa\u00e7o da calha, tamb\u00e9m conhecido como espa\u00e7o em branco. Os espa\u00e7os em branco precisam ser melhor aproveitados para tirar o melhor proveito deles.\n<\/p>\n \n A grade 1170 tem layout de 12 colunas com largura de 68px e medianiz de 30px. O ponto de interrup\u00e7\u00e3o inicial para dispositivos m\u00f3veis \u00e9 768px.\n<\/p>\n \n Quem n\u00e3o copia? Shakespeare copiou Romeu Julieta de outra pe\u00e7a chamada “O tr\u00e1gico conto de Romeu e Julieta”, e voc\u00ea pensou que copiar era uma coisa ruim de se fazer! N\u00e3o, Irm\u00e3o.\n<\/p>\n \n Copiar \u00e9 bom, desde que ningu\u00e9m descubra; caso algu\u00e9m descubra, podemos sempre usar um termo politicamente correto “inspirado” para soar bem. Voc\u00ea pode roubar designs de outros sites, como escolher o cabe\u00e7alho de um e o rodap\u00e9 de outro! N\u00e3o, n\u00e3o, n\u00e3o estou sendo c\u00e9tico sobre o sabor de sua criatividade, mas, quando h\u00e1 muito que voc\u00ea pode fazer com ela, por que desperdi\u00e7\u00e1-la com algumas coisas est\u00fapidas?\n<\/p>\n \n N\u00f3s humanos precisamos inspirar uns aos outros atrav\u00e9s da colabora\u00e7\u00e3o de ideias, um dia voc\u00ea vai se inspirar em algu\u00e9m, outros dias algu\u00e9m vai se inspirar em voc\u00ea e a corrente continua. \u00c9 assim que \u00e9. Existem alguns exemplos surpreendentes de modelos gratuitos dispon\u00edveis no Pinterest que podem acelerar o processo de design. Veja por si mesmo:\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-288163-6382d27a19d38.webp\")
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n 2 Conjunto Harm\u00f4nico de Pensamentos
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 3 Use “transpar\u00eancia ic\u00f4nica”
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n 4 Melhore as cores de suas imagens
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 5 Seja um pouco Nerd
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 6 Forme-lhes porcentagens
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 7 Use grades para as imagens
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 8 Roube como um artista
\n<\/h5>\n