Como reconstructor de páginas calificado, la capacidad de "restaurar el borrador del diseño de la página web" es muy importante. Es necesario centrarse en si la página puede ser exactamente igual que el borrador del diseño. A veces, los detalles pueden determinar el éxito o el fracaso, y se puede decir que la diferencia entre el éxito y el fracaso es de miles de kilómetros. Especialmente al crear un proyecto boutique.
1. Especificaciones visuales
A veces, los borradores de diseño que recibimos de los diseñadores no son necesariamente precisos. Por ejemplo: el texto del título del módulo del mismo tipo es 13PX en un lugar y 14PX en otro lugar. Tiene varios colores de fuente. a simple vista, pero el valor del color real es diferente; la altura de la línea de cada párrafo es diferente; el mismo tipo de cuadro emergente tiene varios tamaños, etc. En este caso, no podemos restaurar el borrador del diseño por el simple hecho de hacerlo. de restaurar el borrador del diseño.
Para reducir el costo de la comunicación con el diseñador, el ingeniero de refactorización tuvo que instar al diseñador a realizar especificaciones visuales para todo el sitio en la etapa inicial, escribir algunos contenidos acordados públicamente en forma de documento e implementar estrictamente en una etapa posterior.
Es mejor que los diseñadores establezcan especificaciones visuales antes de comenzar a crear la página. Esto puede reducir en gran medida el costo de la depuración conjunta de posproducción de la página. Además, la producción de páginas puede crear especificaciones unificadas para elementos de plantilla en la etapa inicial, como fuentes, ICONOS, bordes, colores de fondo, espaciado, etc., y crear interfaces de clases unificadas una vez que las especificaciones de diseño se arreglen en la etapa posterior. Será fácil ajustar cualquier cambio.
2. La anotación de los borradores de diseño
debe requerir que los diseñadores marquen varios espacios, anchos, fuentes especiales, colores de fuente especiales, alturas de línea especiales, etc. en el borrador del diseño. De esta manera, no es necesario volver a medir al hacer la página. y la restauración mejora enormemente. La precisión del borrador del diseño también reduce el costo de comunicación con el diseñador y el costo de la depuración conjunta de posproducción. He aquí un ejemplo:
3. Herramienta de regla de página web (FastStone Capture)
Brújula para navegación, termómetro para médicos, cinta métrica para carpinteros... Muchas profesiones tienen sus propios instrumentos de medición especiales, por lo que cuando hacemos páginas, también debemos medir el espaciado, ancho, alto, color... y otros datos, entonces, ¿la producción de páginas también debería tener una herramienta profesional para medir páginas con precisión?
Aquí hay un software que puede medir con precisión páginas web, FastStone Capture. Se puede decir que aunque el software es pequeño, lo tiene todo. lo esencial.
4. Tutorial sencillo de FastStone Capture
1. Abra la herramienta de medición
Haga clic en el icono en el extremo derecho del panel de control.
, abra y seleccione "Regla de pantalla", la regla que se muestra a continuación se mostrará en la pantalla. Para facilitar la medición de la perspectiva, la regla se puede configurar como transparente o translúcida:
2.
Para la medición horizontal, la regla predeterminada se coloca horizontalmente. Puede presionar las teclas arriba, abajo, izquierda y derecha del teclado para mover la regla un solo píxel. Sea una lupa en la esquina superior derecha de la pantalla para mostrar el área de medición. Arrastre el mouse para medir con precisión la longitud del nivel. Arrastre los dos bordes horizontales de la regla para alargarla o acortarla.
3. Para medir verticalmente,
haga clic en el icono del botón como se muestra en la regla.
Para hacer que la regla sea vertical: O haga doble clic en la regla para hacerla vertical.
Los métodos de medición vertical y horizontal son similares, por lo que no los repetiré aquí.
4. Para medir punto a punto,
haga clic en el icono de la regla:
, la lupa en la esquina superior derecha de la pantalla mostrará la longitud de la línea.
Utilice el mouse para arrastrar la línea recta desde el punto A al punto B y mida la distancia entre los dos puntos.
5. Medición de rectángulos
Desafortunadamente, el software no tiene escuadra ni compás, lo que dificulta la medición de un rectángulo. No te preocupes, puedes utilizar otros métodos. Aquí utilizamos la función de captura de pantalla.
Haga clic en el icono de la regla
Cierre la regla, regrese al panel de control del software y haga clic en el tercer ícono
(Capturar área rectangular):
arrastre el mouse para medir el módulo rectangular de la página web que desea medir. La lupa en la esquina superior izquierda (o derecha) de la pantalla mostrará w*h=valor*valor, w es. el ancho y h es el alto.
6.
Haga clic en el icono en el lado derecho del panel de control del software para seleccionar el color de la página web:
, aparece un cuadro desplegable, seleccione "Selector de color de pantalla", aparece el icono del cuentagotas, mueva las coordenadas indicadas por el cuentagotas y haga clic para obtener el valor del color en cualquier lugar de la pantalla.