Então, você decidiu que finalmente é hora de lançar um site para mostrar suas habilidades profissionais ou sua convicção lateral. Na preparação, você pegou o domínio perfeito, inscreveu-se em um serviço de criação de website, escolheu o modelo certo e criou uma cópia premiada para ser lançada lá. E agora você está olhando para o seu site grande, bonito e vazio . Ênfase no espaço em branco.
Apesar da facilidade com que muitas plataformas on-line estão construindo um site atualmente, olhar para uma página vazia ainda provavelmente faz sua cabeça girar. Afinal de contas, ainda há algumas coisas que você precisa descobrir - como quais fotos incluir e como organizar a página - e, se você não tem muito conhecimento de design da Web, o processo pode parecer seriamente intimidador.
Estamos aqui para dizer que você tem isso. Para facilitar a criação de um belo site, criamos o kit de ferramentas definitivo que orientará você sobre todos os elementos necessários para que seu site funcione, além de nossos programas favoritos e dicas profissionais para torná-los impressionante.
1. As Imagens
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website.jpg width=780 />
<p>Você certamente já ouviu o ditado, "imagens valem mais que mil palavras". Isso é especialmente verdadeiro quando se trata de conteúdo digital; quanto mais você conseguir transmitir por meio de imagens atraentes, menos texto precisará usar para descrever o que está tentando dizer ou vender.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center><p>Comece pensando em você e no seu trabalho. Você tem uma foto profissional que você pode usar? Se não, encontre um amigo e tente tomar o seu, ou considere contratar um profissional. Você tem fotos ou screenshots do trabalho que você fez no passado? Recolha-os. Que tal as fotos que você ama e compartilhou no Instagram que representam seu trabalho ou personalidade? Escolha alguns dos seus favoritos.</p>
<p>Se você precisar de enchimento, as imagens são o caminho a percorrer. Unsplash e StockSnap.io são algumas das nossas opções favoritas sem atribuição (o que significa que você pode usá-las gratuitamente para o conteúdo do seu coração). Se você não encontrar o que está procurando, considere pagar por uma ou duas fotos perfeitas. Há muitas opções por aí, desde grandes sites de imagens como Getty Images - que tem uma integração com o Squarespace oferecendo imagens de US $ 10 para pessoas que compram através do site - para operações menores como Stocksy e Twenty20, onde o custo é geralmente entre US $ 10 e US $ 25. por imagem.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center><p>Ao escolher essas fotos, pense em imagens que reflitam sua personalidade ou as coisas que você passa diariamente fazendo. Você, como a maioria de nós, senta em uma mesa o dia todo? Procure uma foto de mesa que se adapte à sua personalidade. O seu trabalho principal envolve pessoas? Procure por fotos mostrando grupos colaborando. Você fala sobre sua paixão por viagens? Procure por alguma fotografia impressionante de seus destinos favoritos. Você pode até decidir usar um vídeo como sua imagem de fundo, se isso fizer sentido para o trabalho que você faz!</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center><p>As chances são de que, em algum momento ou outro, você deseje editar imagens que você já tenha ou tenha encontrado on-line. Consiga cortar, iluminar, retoques e até adicionar texto ou gráficos com um simples editor de imagens. Alguns serviços de design de sites - inclusive o Squarespace - têm um editor de imagens disponível como parte da plataforma. Caso contrário, existem muitas opções gratuitas ou baratas online. O PicMonkey oferece um conjunto completo de recursos por US $ 5 / mês, que vão desde o fácil uso de clareamento de dentes a efeitos de maquiagem para o seu headshot, filtros de fotos, molduras e muito mais.</p>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="5787935184"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script><p><strong>Leitura adicional:</strong> 50 fotos gratuitas que você pode usar para deixar seus perfis sociais mais impressionantes</p>
<a id="menu-2"></a><h2>2. A paleta de cores</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-2.jpg width=780 />
<p>Muitos modelos de sites vêm com um esquema de cores predefinido, portanto, se você gostar do que recebeu, fique à vontade para pular esta seção. Mas como as cores são uma maneira fácil de adicionar um pouco de personalidade ao seu site, você pode optar por alterá-las.</p>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center><p>Se você gosta de preto e branco com um pouco de brilho ou quer um punhado de máscaras em seu site, o coolors.co é um ótimo recurso para identificar cores que funcionarão juntas. É super fácil de usar - basta visitar o site e acessar a barra de espaço até encontrar um conjunto de cores que você goste. Você pode até fazer upload de fotos com cores que adora e obter amostras diretamente delas. Se você incluir muitas imagens em seu site, essa pode ser uma boa estratégia para garantir que seu esquema de cores funcione em geral. Outro lugar surpreendente para encontrar cores que funcionam bem juntas e representam você? Seu armário! Puxe alguns de seus tópicos favoritos e combine suas escolhas de cores para eles.</p>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="5787935184"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script><p>Para evitar que as coisas fiquem visualmente impressionantes, recomendamos escolher uma paleta quase neutra com uma ou duas cores de destaque. Para um fácil acesso, tente alguns tons de cinza, além de sua cor favorita e seu tom complementar (por exemplo, cinza claro, cinza médio, cinza escuro, laranja e azul). Depois de adorar o que você criou, exporte a paleta como um todo ou copie os códigos de cores para amostras específicas de que você gosta e cole-os diretamente no código do site ou no editor de estilos interno.</p>
<p><strong>Leitura Adicional:</strong> Teoria das Cores Para Designers: Criando Suas Próprias Paletas Coloridas</p>
<a id="menu-3"></a><h2>3. As Fontes</h2>
<p align=)
.</p>
<p>Uma palavra de aviso aqui - embora possa ser tentador escolher algo divertido ou diferente, você deve seguir o mesmo princípio que você ao escolher fontes em seu currículo e garantir que tudo seja profissional e legível. Se você realmente quiser incluir uma fonte cursiva ou única, jogue colocando-a em um único lugar como elemento gráfico (no cabeçalho, por exemplo) e mantendo o restante do texto mais básico.</p>
<p><strong>Leitura adicional:</strong> 20 melhores e piores fontes para usar em seu currículo (ou site pessoal)</p>
<a id="menu-4"></a><h2>4. O Layout da Página</h2>
<p align=)
![](http://i.go-travels.com/img/advice/839/here-s-how-design-brag-worthy-website-4.jpg width=780 />
<p>Agora você escolheu tudo - mas onde você coloca tudo na página? Organizar muitos conteúdos e fazer com que pareça intencional pode ser difícil se você não estiver familiarizado com o design da Web, mas há muitas maneiras de se adaptar rapidamente.</p>
<p>Se você está construindo seu site no Squarespace, você apreciará os layouts iniciais da empresa, que oferecem modelos otimizados para tudo, desde sua página sobre a página de contato. A partir daí, você pode conectar seu conteúdo diretamente ou mover blocos de elementos para atender às suas necessidades.</p>
<p>Outro ótimo lugar para obter inspiração para o seu layout é o site de outras pessoas! A imitação é a melhor forma de bajulação, então encontre pessoas que você acha que organizaram bem seus sites e tentam imitar os elementos que você gosta nelas. Ou pesquise termos como "design de website" e "layout de website" para coletar exemplos que você pode reproduzir por conta própria.</p>
<p><strong>Leitura adicional:</strong> Os 35 melhores sites pessoais que já vimos</p>
<a id="menu-5"></a><h2>5. O Logo</h2>
<p align=)