Avaliações 184
Locais do servidor
Avaliações 28
Locais do servidor
Avaliações 5
Locais do servidor
Avaliações 3
Locais do servidor
Avaliações 5
Locais do servidor
Avaliações 5
Locais do servidor
Avaliações 1
Locais do servidor
Locais do servidor
Locais do servidor
Locais do servidor
Locais do servidor
Locais do servidor
Locais do servidor
Locais do servidor
Locais do servidor
Locais do servidor
Locais do servidor
Locais do servidor
Projetar sites é um trabalho incrível.
Ao criar um site, você vê muitas coisas às quais não presta atenção diariamente.
O design do site combina o design da web (criação do layout do site), a experiência do usuário e muitas outras coisas.
Por mais complicado que pareça, não é. como você pode transformar o design de um site em uma grande diversão que vai dar muita satisfação a você e aos destinatários do seu site?
O que é Web Design?
Web design é um termo relativamente novo, então há divergências sobre qual é essa direção e quem pode ser chamado de web designer. Vamos tentar esclarecer.
O conceito de web design em um sentido amplo se refere ao processo de criação de websites, que inclui aspectos técnicos de desenvolvimento, estruturação de informações, criação de um shell visual e transmissão de informações para a web.
Estágios
Para um entendimento mais completo de como é a criação de um site, é preciso imaginar por quais etapas a página passa desde sua concepção até o início de seu funcionamento na rede.
Elaboração de especificações técnicas: O início das obras caracteriza-se pelo planejamento detalhado dos objetivos e funcionalidade do site, são feitas as estimativas da sua estrutura e desenho e, em seguida, é elaborada uma lista detalhada das obras, que é aprovada pelo cliente. O gerente do projeto está encarregado disso.
Usabilidade: Neste momento, um conjunto bastante amplo de perguntas está determinado, desde qual será a estrutura das páginas do site planejado até qual será a opção mais conveniente para apresentar a informação neste caso. Isso requer a colaboração de um gerente e um designer.
Artes gráficas: O designer cria uma representação visual do site, incluindo uma variedade de elementos projetados para tornar a página mais funcional e simplesmente decorá-la. Em seguida, é aprovado o layout do site na forma de desenho gráfico.
Layout: Trabalhando junto como programador, o designer implementa sua ideia na forma de um código que permitirá que a imagem seja exibida no navegador.
Web Mastering: A última etapa, quando o site é colocado em um hosting, repleto de informações, segue para sua promoção ao topo dos buscadores. O site já está disponível para os usuários.
Por onde começar o web design?
O design de sites começa com a definição do papel que o site deve desempenhar, ou seja, sua finalidade.
Você acertou - existem todos os tipos de sites que são úteis para outras finalidades. Podemos distinguir os três mais populares: páginas de destino, sites de uma página e sites clássicos.
Claro que existem sites grandes (portais e assim por diante), mas esse é um tópico completamente diferente.
Os sites mais simples são uma página inicial e uma página única.
Embora geralmente sejam pequenos (apenas uma página), eles têm bastante conteúdo. No entanto, eles diferem em propósito.
O que é uma página de destino?Que é mais frequentemente usado para coletar contatos ou se concentrar no tráfego relacionado a alguma ação. Normalmente não há muito conteúdo nas páginas de destino, mas você pode ver claramente o propósito da página. As páginas de destino geralmente não têm um menu.
One-page são páginas da web comuns "esticadas". Todas as informações estão em um site muito longo.
O conteúdo mais importante está sempre no topo. Então, em resumo. Os monitores de uma página possuem menus que se referem aos cabeçalhos das seções subsequentes.
Projetar e criar sites desse tipo requer uma abordagem específica. Embora pareçam simples, são muito exigentes e é melhor começar a sua aventura criando páginas a partir de outra coisa.
Especialmente porque o design de páginas é mais frequentemente associado a páginas "comuns".Eles têm uma página inicial, subpáginas com a oferta, notícias e contato. Você poderia dizer que isso é padrão na Internet.
Além disso, os usuários conhecem sua estrutura como se fossem seu próprio bolso.
Se você precisa de um cartão de visita online - um simples cartão de uma página é o suficiente. Quer colocar um pouco mais de informação no seu site (oferta, blog, etc.) e expandi-la com o tempo? Um site clássico será perfeito.
Agora que você sabe o quê, é hora de começar, ou seja, web design.
Qual é a finalidade do seu site - é aqui que o web design começa
Você precisa saber qual é o propósito do seu site. Graças a isso, a página que você projeta será compreensível para os usuários.
Se você dirige uma empresa, o usuário deve saber desde o início o que você tem a oferecer.
Por exemplo - você tem uma oficina mecânica. O usuário deve saber que acessou o site da oficina mecânica e pode utilizar serviços específicos.
O objetivo desse site é informá-lo sobre esses serviços e, assim, atrair novos clientes.
Ter um objetivo claramente definido é essencial quando se trata de web design. Portanto, você precisa pensar com cuidado e definir claramente o propósito do seu site.
Depois de saber qual é o propósito de um site, você precisa pensar sobre quem é o público.
Web Design - Defina seu público
Seu site não será visto apenas por robôs de mecanismos de pesquisa. Portanto, você precisa considerar quem será (e quem é) o público-alvo do seu site.
Afinal, é isso que você quer alcançar, certo?
Determinar o público do seu site está diretamente relacionado ao propósito do seu site. Afinal, eles devem atingir seu objetivo.
O design do site define esse perfil como "criar uma pessoa".
Portanto, você deve pensar sobre o que exatamente seus usuários vão querer e quem exatamente eles serão.Personas são apenas "usuários perfeitos".
Definitivamente, você tem algum perfil de usuário do seu site em mente. Você tem que pensar sobre o que exatamente ele precisa, quais são suas preferências, por que ele está no seu site e o que deve estar nele para que você possa atingir seu objetivo.
Por exemplo, o usuário ideal de um site de oficina de conserto de automóveis será uma pessoa que precisa de um conserto de carro.
Ele quer saber quais serviços a oficina oferece, onde está localizada, em que horário está funcionando e como entrar em contato com ela. Eles procurarão essas informações no site.
É do seu lado colocá-los em um lugar visível.
Em outras palavras: criar uma pessoa permitirá que você adapte melhor seu site às necessidades de seus usuários.
Lembre-se - o design de um site (bom) está intimamente relacionado com a resposta às necessidades de pessoas específicas. Esses são seus usuários ideais.
Depois de definir seu público, será mais fácil definir o que o usuário deseja encontrar em seu site.
Criar um site para o usuário, ou seja, o que deve estar em seu site
Depois de saber a finalidade do seu site e determinar quem é o usuário (ou usuários) ideal, você pode começar a trabalhar com o site.
O tempo que você gasta pensando sobre o propósito do site e as necessidades dos usuários valerá a pena.
Principalmente porque um site tão bem pensado atenderá às necessidades de seus usuários e, portanto, atingirá seu objetivo.
A próxima etapa no design da web é definir claramente o que deve estar no site.
Projetar um site nesta fase envolve organizar o conteúdo.
Comece escrevendo o que você deseja na página. Pode ser uma lista longa, você não precisa se preocupar com a possibilidade de ela se transformar repentinamente em dezenas de itens.
Em seguida, tente agrupar essas coisas - isso o ajudará muito no próximo estágio.Deixe a lista preparada por alguns dias. Dois bastarão, realmente.
Após esse tempo, dê uma olhada na lista novamente e trate-a como um usuário. Veja quais coisas são relevantes da perspectiva de cada pessoa que você tem.
Cada um deles estará procurando informações ligeiramente diferentes, portanto, você precisa levar isso em consideração.Por exemplo, alguém que procura uma oficina mecânica pesquisará um contato, local e horário de funcionamento. Essas informações devem estar claramente visíveis na página.
Agora é um bom momento para limpar sua lista de informações em excesso. Alguns deles podem ser completamente desnecessários.
Você pode removê-los da página ou adicioná-los no final. Esse agrupamento de informações em categorias o ajudará a separá-las na página. Você verá como isso tornará seu trabalho mais fácil.
Quando suas informações de grupo, numere-as em ordem de importância.
As coisas mais importantes no topo, pelo menos - na parte inferior. Depois de dividir as informações dessa forma - encontre as coisas-chave em cada grupo.
Essas informações devem estar na página inicial. Você não precisa desenvolvê-los, eles só precisam informar aos usuários o que você oferece a eles.
Se quiserem saber mais, com certeza seguirão em frente.
Idealmente, você deve fornecer as informações mais importantes na forma de palavras-chave que são frases de pesquisa. Então, a página inicial comunica bem o que você tem a oferecer e se posiciona bem.
De quais subpáginas seu site precisa?
Depois de saber como você pode compartilhar informações, você pode começar a criar subpáginas. Pense novamente se essa informação for duplicada.Se sim - pense se deveria ser assim (e se é necessário para os usuários atingirem seu objetivo).Cada uma das subpáginas deve corresponder a um dos grupos que você criou.
Se você tiver três ou quatro grupos - perfeito! A estrutura do seu site está pronta para a prática.
Se você tiver mais deles, considere como esses grupos se relacionam entre si. Talvez eles tenham um denominador comum? Lembre-se de que é melhor com menos elementos.
O minimalismo é muito útil ao projetar sites, pois permite que os usuários vejam o que está acontecendo imediatamente. Eles não precisam procurar as informações de que precisam porque são imediatamente visíveis.
A informação estruturada no site também tem um efeito psicológico: se o site for inteligente, do outro lado existem profissionais em quem vale a pena confiar.
E a partir daí, é apenas uma etapa para atingir seu objetivo pelos usuários.
Papel e lápis - eles tornam o design da web mais fácil
É bom se coçar. Especialmente quando você não tem uma ideia de como fazer visual web design (seguindo as tendências) Lembre-se: sempre vale a pena se inspirar, então
é uma boa ideia navegar por algumas páginas que você gosta e tirar conclusões. É por isso que é bom começar a projetar seu site com um pedaço de papel.Depois de ter os elementos que devem estar nele, você pode dividi-los em subpáginas subsequentes. Faça cada página uma página.
Coloque os elementos subsequentes em cada uma das "subpáginas" (lembre-se de manter a hierarquia de importância). Você não precisa ter medo de exclusões.
Teste - um elemento-chave do design do site
A ajuda de entes queridos não pode ser superestimada. Antes de mostrar o seu site aos usuários - pergunte a seus amigos o que eles acham do seu projeto.
Lembre-se de fazer as mesmas perguntas.
Isso tornará mais fácil para você refinar o design.
Claro, vale a pena começar perguntando se eles gostam do site. Em seguida, pergunte se eles entenderam o que você deseja transmitir e se poderiam facilmente atingir o objetivo da página.
Para facilitar, é claro, você pode dizer a eles qual é o seu objetivo. Isso tornará mais fácil para eles responderem se o objetivo do site for claro.
Em seguida, reúna esses comentários e pense em como implementá-los. E vale a pena apresentá-los? Afinal, este é o seu site, mas seus amigos também são bons testadores - vale a pena levar em consideração a opinião deles
Posicionamento do site e SEO - você deve se lembrar disso quando começar a projetar seu site
Se você deseja alcançar pessoas, precisa se lembrar de como posicionar seu site.Boas palavras-chave, descrições alternativas de fotos, título e descrição de cada página - isso é o mínimo.
Você também deve se lembrar da hierarquia dos títulos - graças a ela, os robôs dos mecanismos de pesquisa terão mais facilidade para se orientar na página.Se você agir localmente - lembre-se do chamado SEO local. Ou seja, sobre como adicionar nomes de lugares às palavras-chave selecionadas.
Gráficos no site
Projetar um site também é escolher bons gráficos. Se você tem suas próprias fotos de boa qualidade, o assunto está quase encerrado.As fotos no site não precisam estar em alta resolução. Na prática - quanto menor (ou seja, quanto menos espaço em disco eles ocupam), melhor.
Um site com um grande número de fotos grandes carrega lentamente, o que tem um efeito negativo em seu posicionamento e força os usuários a esperar. A largura ideal das fotos não deve exceder 1200-1400 pixels.
É sempre uma boa ideia compactá-los e adicionar descrições alternativas. Lembre-se: os robôs do navegador não podem ver os gráficos, mas ficam felizes em "ler" descrições alternativas das fotos.
Os elementos mais importantes - web design em poucas palavras
TA página principal é sempre a mais importante. É aqui que você coloca as principais informações e elementos que os usuários devem encontrar primeiro.
Lembre-se de que quanto mais altos esses elementos estiverem na página, mais rápido os usuários os encontrarão. A página inicial também é a primeira página que o usuário vê. Portanto, deve ser legível e conter elementos-chave.
Deve haver um menu em cada página.
Ajuda a navegar os usuários em seu site. Lembre-se de que este elemento deve ser o mais compreensível possível.
Portanto, os nomes típicos e banais das subpáginas no menu são os que seus usuários esperam. Afinal, o design do site é freqüentemente baseado em soluções comprovadas.Página inicial, oferta, lista de preços, contato, feedback do cliente, etc. - essa estrutura de menu fará com que os usuários encontrem o que procuram mais rapidamente.
Os links internos também são um elemento importante de cada página.
Portanto, se você colocar um segmento dedicado à oferta em sua página inicial, é bom incluir um link neste segmento que direcionará os usuários para a subpágina com a oferta.
Ao colocar textos na página, lembre-se de manter a chamada hierarquia de títulos. O cabeçalho pode aparecer como texto grande em negrito.
Na verdade, os cabeçalhos desempenham três funções principais em uma página: eles informam sobre o assunto do texto abaixo, organizam as informações na página e são úteis no posicionamento (os robôs dos mecanismos de busca encontram informações nos cabeçalhos mais rapidamente do que no texto).
Além disso, lembre-se da hierarquia de títulos - graças a ela, os usuários saberão quais informações são gerais (relacionadas a um determinado grupo de informações) e quais são detalhadas.
Mais importante ainda, deve haver apenas um título H1 por página; esse cabeçalho deve conter o nome da página (ou seja, na página de contato deve ser "[nome da sua empresa] - contato" ou "Contato com [nome da sua empresa]").