Como um reconstrutor de página qualificado, a capacidade de "restaurar o rascunho do design da página da web" é muito importante. É preciso focar se a página pode ser exatamente igual ao rascunho do design. Às vezes, os detalhes podem determinar o sucesso ou o fracasso, e pode-se dizer que a diferença entre o sucesso e o fracasso é de milhares de quilômetros. Principalmente ao criar um projeto boutique.
1. Especificações visuais
Às vezes, os rascunhos de design que recebemos dos designers não são necessariamente precisos. Por exemplo: o texto do título do módulo do mesmo tipo é 13PX em um lugar e 14PX em outro lugar, uma página tem várias cores de fonte. a olho nu, mas o valor real da cor é diferente; a altura da linha de cada parágrafo é diferente; o mesmo tipo de caixa pop-up tem vários tamanhos, etc. de restaurar o rascunho do projeto.
Para reduzir o custo de comunicação com o designer, o engenheiro de refatoração teve que instar o designer a fazer especificações visuais para todo o site no estágio inicial, escrever algum conteúdo acordado publicamente na forma de um documento e implementar estritamente isso na fase posterior.
É melhor que os designers definam as especificações visuais antes de começar a criar a página. Isso pode reduzir bastante o custo da depuração conjunta de pós-produção da página. Além disso, a produção de páginas pode fazer especificações unificadas para itens de modelo no estágio inicial, como fontes, ÍCONES, bordas, cores de fundo, espaçamento, etc., e criar interfaces de classe unificadas, uma vez que as especificações de design sejam fixadas no estágio posterior. será fácil ajustar quaisquer alterações.
2. A anotação de rascunhos de design
deve exigir que os designers marquem vários espaçamentos, larguras, fontes especiais, cores de fonte especiais, alturas de linha especiais, etc. e a restauração é bastante aprimorada. A precisão do rascunho do projeto também reduz o custo de comunicação com o projetista e o custo da depuração conjunta pós-produção. Aqui está um exemplo:
3. Ferramenta de régua de página da Web (FastStone Capture)
Bússola para navegação, termômetro para médicos, fita métrica para carpinteiros... Muitas profissões possuem seus próprios instrumentos de medição especiais, portanto, quando fazemos páginas, devemos também medir espaçamento, largura, altura, cor... e outros dados, então a produção de páginas também deveria ter uma ferramenta profissional para medição precisa de páginas?
Aqui está um software que pode medir páginas da web com precisão, FastStone Capture. o essencial.
4. Tutorial simples do FastStone Capture
1. Abra a ferramenta de medição
Clique no ícone na extremidade direita do painel de controle
, abra e selecione "Régua de Tela", a régua mostrada abaixo será exibida na tela. Para facilitar a medição da perspectiva, a régua pode ser definida como transparente ou translúcida:
2.
Para medição horizontal, a régua padrão é colocada horizontalmente. Você pode pressionar as teclas para cima, para baixo, para a esquerda e para a direita no teclado para mover a régua em um único pixel. haja uma lupa no canto superior direito da tela para exibir a área de medição. Arraste o mouse para medir com precisão o comprimento do nível. Arraste as duas bordas horizontais da régua para aumentá-la ou encurtá-la.
3. Para medir verticalmente,
clique no ícone do botão conforme mostrado na régua.
Para tornar a régua vertical: Ou clique duas vezes na régua para torná-la vertical.
Os métodos de medição vertical e horizontal são semelhantes, por isso não os repetirei aqui.
4. Para medir ponto a ponto,
clique no ícone da régua:
, a lupa no canto superior direito da tela exibirá o comprimento da linha.
Use o mouse para arrastar a linha reta do ponto A ao ponto B e medir a distância entre os dois pontos.
5. Medição de retângulo
Infelizmente, o software não possui esquadro ou compasso, o que dificulta a medição de um retângulo. Não se preocupe, você pode usar outros métodos. Aqui usamos a função de captura de tela.
Clique no ícone da régua
Feche a régua, retorne ao painel de controle do software e clique no terceiro ícone
(Capturar área retangular):
Arraste o mouse para medir o módulo retangular da página da web que deseja medir. A lupa no canto superior esquerdo (ou direito) da tela exibirá w*h=valor*valor, w é. a largura e h é a altura.
6.
Clique no ícone no lado direito do painel de controle do software para selecionar a cor da página da web:
, aparece uma caixa suspensa, selecione "Seletor de cores da tela", aparece o ícone do conta-gotas, mova as coordenadas indicadas pelo conta-gotas e clique para obter o valor da cor em qualquer lugar da tela.