Como projetar um site

ThiSeaches você como projetar um site que aparece profissional e funciona bem. Enquanto a maior parte do design do seu site é, em última instância, até você, há algumas coisas críticas para fazer - e evitar - ao criar um site.

Passos

Parte 1 de 2:
Como projetar seu site
  1. Projete um site Passo 1
1. Determine se você deseja usar um criador do site. Os sites criados a partir do zero exigem uma compreensão bastante detalhada da codificação HTML, mas você pode criar facilmente um site usando um serviço de hospedagem gratuita como Weebly, Wix, Wordpress ou Sites do Google. Os criadores do site tendem a ser muito mais fáceis para os designers de primeira viagem a usarem HTML.
  • Se você decidir codificar seu próprio site, precisará aprender ambos Html e Css codificação.
  • Se investir o tempo e a energia para criar seu site não parecem atraentes, você também pode contratar um designer de site para criar seu site para você. Designers freelance podem custar entre US $ 30 por hora e bem acima de US $ 100 por hora.
  • Design intitulado Design A Site Passo 2
    2. Mapear seu site. Antes mesmo de abrir um criador do site, você deve saber aproximadamente quantas páginas você deseja que seu site tenha, qual deve ser o conteúdo em cada uma dessas páginas, e o layout geral de páginas importantes, como a página inicial e o "Cerca de" página.
  • As páginas do seu site podem ser mais fáceis de visualizar se você desenhar fotos ásperas de cada um deles, em vez de apenas determinar qual conteúdo deve aparecer.
  • Projete um site Passo 3
    3. Use design intuitivo. Enquanto há algo a ser dito para novas idéias, o design básico do seu site deve seguir diretrizes estabelecidas, como o seguinte:
  • Opções de navegação (E.G., guias para páginas diferentes) deve ir no topo da página.
  • Se você usar um ícone de menu (☰), ele deve estar no canto superior esquerdo da página.
  • Se você usar uma barra de pesquisa, deve estar perto do lado superior direito da página.
  • Links úteis (e.G., Links para o "Cerca de" página ou o "Contate-Nos" página) deve ir na parte inferior de cada página.
  • Imagem intitulada Design Um site Passo 4
    4. Ser consistente. Qualquer fonte de texto, paleta de cores, tema de imagem e opções de design que você escolher, certifique-se de usar a mesma decisão em todo o seu site. Pode ser incrivelmente chocante para ver uma fonte ou esquema de cores usado para o "Cerca de" página quando um completamente diferente foi usado para a página inicial.
  • Por exemplo, se você usar exclusivamente cores de tom cool para a página inicial do seu site, não implemente cores brilhantes e altas na próxima página.
  • Tenha em mente que usando cores altas ou confundidas, especialmente quando as cores exibem em uma dinâmica (E.G., mover) moda, pode evocar epilepsia em um pequeno número de usuários da web. Se você decidir usar essas cores no seu site, certifique-se de adicionar um aviso de epilepsia antes de quaisquer páginas relevantes.
  • Projete um site Passo 5
    5. Adicionar opções de navegação. Colocar links diretos para páginas importantes no seu site no topo da home page ajudará a direcionar os visitantes da primeira vez para o conteúdo que importa. A maioria dos criadores de site adiciona esses links por padrão.
  • É importante ter certeza de que cada página no seu site é acessível clicando em opções em seu site em vez de apenas ser acessível através do endereço da página.
  • Design intitulado Design A Site Passo 6
    6. Use cores que se complementam. Como qualquer outro tipo de design, o design do site depende de combinações visualmente agradáveis ​​de cor - por causa disso, colhendo cores temáticas que vão juntos é crucial.
  • Preto, branco e cinza é uma boa combinação se você não sabe onde começar.
  • Design intitulado Design A Site Passo 7
    7. Considere usar um design minimalista. O minimalismo incentiva cores de tom refrigerada, gráficos simples, páginas de texto em preto-branco e tão pouco enfeite quanto possível. Porque o minimalismo requer pouco no caminho de elementos extravagantes, é uma maneira fácil de tornar seu site parecer profissional e atraente sem exigir muito trabalho.
  • Muitos criadores de site terão um "minimalista" Tema Você pode selecionar ao configurar seu site.
  • Uma alternativa ao minimalismo é "brutalismo", que usa linhas mais duras, cores brilhantes, texto negrito e imagens mínimas. O brutalismo tem menos de um mínimo do que o minimalismo, mas dependendo do conteúdo do seu site, pode melhor atender às suas necessidades de design.
  • Projete um site Etapa 8
    8. Faça escolhas exclusivas. Linhas retas e elementos da Web bloqueados de grade são apostas seguras, mas a tomada de algumas decisões estilísticas únicas irão emprestar personalidade para o seu site e ajudar seu site a se destacar.
  • Não tenha medo de furar tendências colocando elementos de site assimetricamente ou usando elementos sobrepostos para criar uma aparência em camadas.
  • Enquanto cantos elegantes, nítidos e elementos esquadrados (também conhecidos como "baseado em cartão" Apresentação) são menos favoráveis ​​do que são elementos suaves arredondados,.
    • Parte 2 de 2:
    Como maximizar o desempenho do site
    1. Projete um site Passo 9
    1. Aproveite as opções de otimização móvel. Conta de navegadores móveis para mais tráfego da Web do que os navegadores de desktop, o que significa que a quantidade de atenção que você paga à versão móvel do seu site deve, pelo menos, igual ao desenvolvimento do site do seu site de desktop. A maioria dos serviços do Criador de Website criam automaticamente uma versão móvel do seu site, mas você vai querer manter as seguintes informações em mente para o seu site para celular:
    • Certifique-se de que os botões (e.G., Links do site) são grandes e fáceis de tocar.
    • Evite implementar recursos que não possam ser vistos no celular (E.G., Flash, java, etc.).


    • Considere ter um aplicativo móvel feito para o seu site.
  • Imagem intitulada Design Um site Passo 10
    2. Evite usar muitas fotos por página. Ambos os navegadores de desktop e móveis podem lutar para carregar páginas que exibem um grande número de fotos ou vídeos. Enquanto as imagens são importantes no web design, usando mais de algumas por página pode causar tempos de carga desnecessariamente longos, o que impedirá que as pessoas visitem a (s) página (s) em questão.
  • De um modo geral, você quer que as páginas do seu site carregue em menos de quatro segundos.
  • Design intitulado Design A Site Passo 11
    3. Adicionar A "Contato" página. Você notará que praticamente todos os sites estabelecidos têm um "Contate-Nos" página que tem informações de contato (e.G., Um número de telefone e um endereço de e-mail) - Alguns sites até têm um formulário de pergunta interno nesta página. Adicionando A "Contato `Page vai dar aos espectadores de site uma linha direta de comunicação para você, adicionando assim uma solução a possíveis frustrações.
  • Imagem intitulada Design Um site Passo 12
    4. Crie uma página personalizada 404. Quando alguém visita uma página específica no seu site que não tenha sido configurada ou não existe, um "404 erro" página da web será exibida. A maioria dos navegadores tem uma página 404 padrão, mas você pode personalizar o seu de dentro das configurações do criador do site - se sim, certifique-se de incluir os seguintes detalhes:
  • Uma mensagem de erro de coração leve (E.G., "Parabéns - você encontrou nossa página de erro!")
  • Um link de volta para a home page do site
  • Uma lista de links comumente visualizados
  • Uma imagem ou logotipo para o seu site
  • Imagem intitulada Design Um site Passo 13
    5. Use uma barra de pesquisa, se possível. Se o seu método de criação do site suporta adicionar uma barra de pesquisa ao seu site, é altamente recomendável que você o faça. Isso garantirá que os usuários possam navegar rapidamente para uma página ou item específico sem precisar clicar em suas opções de navegação.
  • Barras de pesquisa também são úteis quando seu público quer procurar um termo geral sem usar o teste e erro.
  • Projete um site Passo 14
    6. Invista a maior quantidade de tempo em sua home page. Quando alguém chega na página inicial do seu site, eles devem obter a essência do tema do seu site imediatamente - além disso, todos os elementos da página inicial devem carregar rapidamente, incluindo opções de navegação e quaisquer imagens. Sua página inicial deve ter os seguintes aspectos:
  • Uma chamada para ação (e.G., um botão para clicar ou um formulário para preencher)
  • Uma barra de ferramentas de navegação ou menu
  • Um gráfico convidativo (e.G., uma foto sólida, um vídeo ou um pequeno grupo de fotos com texto que acompanha)
  • Palavras-chave pertencente ao serviço, tópico ou foco do seu site
  • Projete um site Passo 15
    7. Teste seu site em vários navegadores em várias plataformas. Isso é incrivelmente importante, já que os navegadores diferentes podem lidar com aspectos do seu site de forma diferente. Antes de começar a promover seu site, tente visitar e usar seu site nos seguintes navegadores em plataformas Windows, Mac, iPhone e Android:
  • Google Chrome
  • Raposa de fogo
  • Safari (iphone e mac apenas)
  • Microsoft Edge e Internet Explorer (somente Windows)
  • O navegador integrado em vários telefones Android diferentes (e.G., Samsung Galaxy, Google Nexus, etc.)
  • Imagem intitulada Design Um site Passo 16
    8. Continue atualizando seu site como envelhece. Tendências de design, links, fotos, conceitos e palavras-chave All Alterem com o passar do tempo, então você terá que continuar fazendo alterações no seu site para se manter atualizado. Isso exigirá que você verifique o desempenho do seu site ao lado de outros sites parecidos pelo menos uma vez a cada três meses (de preferência com mais frequência).

    • Ajuda html básica

    Página de exemplo com html

    Apoio ao e Desbloquear todas as amostras.

    Folha de fraude HTML

    Apoio ao e Desbloquear todas as amostras.

    Exemplo de página simples

    Apoio ao e Desbloquear todas as amostras.

    Pontas

    A acessibilidade do site é outro aspecto importante do desenvolvimento do site. Isso inclui coisas como legendas para audiências auditivas, descrições de áudio para visitantes cegos e advertências de fotossensibilidade se o seu site usar efeitos potencialmente induzidos por convulsão.
  • A maioria dos criadores de sites tem um conjunto de modelos que você pode usar para cimentar o layout e design do seu site antes de adicionar seus elementos preferidos.

    • Avisos

    A maioria dos criadores do site está livre, no entanto, se você quiser usar seu próprio domínio (e.G., "seu nome.com" em vez de "seu nome.Wordpress.com"), você terá que pagar uma taxa mensal ou anual.
  • Evite o plágio e observe todas as leis de direitos autorais: Não adicione imagens aleatórias da Web, ou mesmo elementos estruturais, sem permissão.
    • Compartilhe na rede social:
    Semelhante