Cómo crear una estructura alámbrica

Una estructura metálica es una representación visual de cómo un diseño propuesto se verá en una página web. Esta maqueta se compone de formas, que se etiquetan según la función y tamaño. Por ejemplo, un rectángulo en la parte superior de la imagen puede ser etiquetado como "Banner 800 x 100" para representar una cabecera que es de 800 píxeles de ancho por 100 píxeles de alto. Otros elementos de la página que pueden estar representados incluyen: la barra de navegación, contenido principal, y el pie.

Utilizar el paso de alambre del proceso de desarrollo web para ayudar a asegurar que el diseño propuesto cumple con las necesidades y expectativas de los clientes y de los usuarios.

Instrucciones

Preparación

1 Determinar cuáles son los elementos que el cliente necesita para incluir en la página web. Debería haber proporcionado esta información cuando lo entrevistó sobre el proyecto. Posibles elementos incluyen una bandera, la navegación, la función de blog y una sección de noticias.

2 Dibuje diseños posibles. Pruebe diferentes ubicaciones para cada elemento. Decidir lo que va a ser fácil de usar, presentar la información de manera más efectiva y cómo puede ser estéticamente agradable.

3 Escanear el dibujo en el ordenador. Esto le dará una referencia de base para cuando comience la prestación del alambre en un programa de diseño gráfico. Aunque este paso es opcional, le da una buena idea desde la que empezar.

Cree la estructura alámbrica

4 Abra el programa de diseño gráfico de su elección. Muchos diseñadores prefieren utilizar Adobe Illustrator, pero Photoshop, Paint o cualquier otro programa que tiene la capacidad de dibujar, será suficiente el lugar y la etiqueta formas. Abrir el boceto en este programa si ha sido escaneada en.

5 Guarde el archivo con un nombre descriptivo. Guarde cada pocos minutos de aquí en adelante para asegurar una mínima pérdida si algo le pasa al archivo mientras se trabaja en la estructura metálica.

6 Dibujar cajas para que coincida con la forma y el tamaño de las cajas en su dibujo. En la mayoría de los programas, que va a utilizar la herramienta de rectángulo.

7 Asignar un color de relleno sólido a cada cuadro. Lo mejor es usar colores neutros o monocromáticas para mantener la estructura metálica simple, con algunos valores más oscuros y más claros para ayudar a ilustrar el diseño.

8 Mover cada cuadro a su ubicación prevista en la disposición. Recuerde seleccionar la herramienta de flecha antes de mover la caja, para evitar que el dibujo de otra caja sobre la existente.

9 Etiquetar cada caja con el nombre de la sección de la disposición que representa. Incluir el tamaño, en píxeles, en la etiqueta. Algunos diseñadores incluyen una breve descripción de la finalidad de esta sección dentro de la etiqueta.

10 Guarde el alambre en un formato que le permitirá compartir con su cliente. El formato de archivo es típico formato PDF o JPEG. Guardarlo como un archivo JPEG si vas a insertar en un documento de propuesta más amplia.

Consejos y advertencias

• Algunos diseñadores se saltan la etapa de dibujar por completo y comienzan en el programa de diseño gráfico. Esta es una cuestión de preferencia. Cualquiera de estos métodos funciona.