Criando 

Layout – Empresa de Tecnologia: Parte 2/2

Creación de diseño de tecnología empresarial: Parte 2/2

Guardar Guardar Fuegos Eiros de guardia!
Deje que la conclusión de este diseño !

Requisitos previos
Han completado la parte 1 de este tutorial. Si no, haga clic aquí .
Fácilmente como el manejo de la Fireworks CS3 / CS4.

meta
Completar un diseño para una compañía de tecnología de uso de fuegos artificiales.

contenidoPaso 1 ­ Separación Bar
Y observando la disposición final de la Parte 1 de este tutorial, se percibe la necesidad de crear una
separación entre el contenido principal y el secundario. Podemos hacer un número de maneras: la
creación de cajas con diferentes colores, gradientes, bordes ...

Pero en este caso, se utiliza una barra de separación simple y eficiente.
Así que vamos a crear dos rectángulos con las dimensiones 940 x 1 píxel cada uno, los colores de
relleno, #FFFFFF y # D3DDE4 .
Figura 01 :. La división de barrasEntonces me preguntas:
"Pero Carlos, podría haber creado dos líneas en lugar de dos rectángulos?"

Sí, se podría, pero, curiosamente, un archivo / imagen es más "luz" cuando se utiliza un menor número
de líneas, bordes de las artes gráficas. Aquí hay una punta de oro vale la pena ... .hehehePaso 2 ­
Creación de los bloques de contenido
Recuerde que el alambre creado en el tutorial anterior?
Figura 01 :. Wireframe compañía de tecnología de diseñoBueno, hay tres bloques de contenido.
¡Entonces vamos alla!
Hagamos dos rectángulos de las dimensiones de 240 x 143 píxeles en ambas extremidades, un
rectángulo de 245 x 143 píxeles en el centro del bloque y nos ponemos la imagen de acuerdo a:

diseño de carcasa Figura 02 :.
Observe que la alineación a través de las líneas de guía son esenciales para organizar y armonizar los
elementos y contenidos de la disposición .

Conociendo estas posiciones, ahora basta con insertar el contenido apropiado: