Não só as pessoas são atendidas por suas roupas, mas também sites. O vestido do site é o seu design. Um design atraente e de alta qualidade do recurso causa uma impressão favorável nos usuários, garantindo assim sua lealdade e disposição para dedicar seu tempo à visualização posterior. Além da qualidade, a originalidade e a exclusividade do design são importantes. Tópicos usados repelem os visitantes. Mas desenvolver um design exclusivo é caro. É por isso que muitos webmasters novatos estão se perguntando como desenhar o design de um site com suas próprias mãos.
É necessário
- - lápis;
- - papel;
- - editor de gráficos raster GIMP ou Photoshop;
- - opcional: editor de gráficos vetoriais (por exemplo, CorelDraw);
- - opcional: ambiente de modelagem 3D (3DStudio, Blender);
- - navegador moderno;
- - acesso à internet.
Instruções
Passo 1
Desenvolva um conceito de design de site. Decida o estilo, esquema de cores, layout da página (tamanho do cabeçalho do site, localização do menu, blocos de texto, imagens). É bom se o conceito de design for baseado em ideias originais. Mas se eles estiverem faltando, você pode se inspirar na análise das soluções existentes. Por exemplo, navegando em catálogos de temas CMS populares. O resultado do trabalho pode ser um esboço da página do site, feito a lápis sobre uma folha de papel, indicando as zonas de tamanhos fixos e variados.
Passo 2
Crie um modelo de página de site em branco em um editor de gráficos raster. Abra um novo documento em um editor gráfico. Os tamanhos dos documentos devem ser muito maiores do que o tamanho mínimo da página, tanto horizontalmente (mesmo se você não pretende criar um design "fluido") e verticalmente. Adicione uma nova camada transparente. Na camada adicionada, desenhe a imagem do template da página com linhas de 1 pixel de espessura, respeitando as dimensões reais dos elementos. Para designs de página de largura fixa, designe as margens que serão preenchidas com a cor de fundo.
etapa 3
Baixe da Internet ou crie seus próprios elementos de design de página. Logotipo e elementos de design exclusivos podem ser criados no ambiente de modelagem 3D, editor vetorial ou raster. Um grande número de imagens temáticas de alta resolução está contido em bancos de fotos gratuitos na Internet. Também existem coleções de ícones gratuitas na Internet que você pode usar livremente em seus projetos.
Passo 4
Desenhe um design de site. Adicione camadas transparentes a um documento que contém um modelo para uma página de site da Web em um editor gráfico. Selecione e preencha as áreas que correspondem ao fundo da página. Preencha áreas com preenchimento gradiente e texturas periódicas. Insira logotipo, imagens estáticas, ícones. Desenhe limites de bloco. Adicione algum texto. Coloque cada elemento de design acabado, imagem estática e logotipo em uma camada separada. Mova as imagens em camadas para obter o layout necessário.
Etapa 5
Salve a "fonte" de trabalho do design do site no formato "nativo" do editor gráfico. Isso permitirá que você volte mais tarde para editá-lo.
