Cómo diseñar una página Web en Illustrator

Todo el mundo necesita un sitio web, ya sea por negocios, el trabajo sin fines de lucro o simplemente el uso personal. Sin embargo, no muchos de nosotros sabemos cómo codificar un sitio web. Incluso si usted no puede codificar un sitio, sin embargo, todavía se puede diseñar una página web utilizando un programa de gráficos como Adobe Illustrator. Esto le permite hacer su página web se parecen a la forma que desee, y luego otra persona puede hacer la parte de codificación.

Instrucciones

1 Sacar sus ideas de diseño en un pedazo de papel. El bosquejar es la mejor manera de empezar que fluya la creatividad y ayuda a subir con buenos conceptos. Dibuje unos 10 bocetos de diferentes diseños, a continuación, elija su favorito y dibujar más variantes de ese diseño. Una vez que haya perfeccionado su idea de diseño, puesto que su papel de dibujo al lado de su computadora para una referencia mientras trabaja en Illustrator.

2 Descargar una plantilla de rejilla para Adobe Illustrator. Todo buen sitio web comienza con una rejilla, para ayudar a organizar el contenido y hacer que el sitio agradable a la vista. La anchura estándar es de 960 píxeles para una página web, ya que es compatible con la mayoría de las resoluciones de pantalla, por lo que encontrar uno que es de 960 píxeles de ancho =. Abra la plantilla en Illustrator.

3 Comenzar a colocar las cajas en donde el contenido de su página web irá a servir como guías. Poner las cajas en su navegación, columnas de texto e imágenes tope. Esto se llama wireframing. La navegación debe ir en la parte superior o en los lados, no en la parte inferior. Recuerde poner el contenido más importante en el lugar más obvio. No se mueva hasta que haya finalizado la estructura metálica.

4 Comenzar a llenar en su estructura metálica con gráficos y texto. Puede importar gráficos de otros programas, otros archivos o simplemente crearlas en Illustrator a medida que avanza. Adobe Illustrator es especialmente bueno para la creación de gráficos en Web 2.0 estilo, un estilo suave, moderno, que a menudo utiliza elementos en 3D busca. Tenga en directrices mente web tipografía en general para el texto: la altura de la línea debe ser de 150 por ciento de la altura de su tipo, el tamaño del texto nunca debe ser inferior a 10 o 12 puntos, y asegúrese de que el color del texto contrasta con el fondo suficiente para la lectura .

5 Mirar por encima de su diseño cuidadosamente para cualquier cosa que se puede mejorar. Los pequeños detalles se suman a una finura de diseño, por lo que mirar hacia fuera para lugares donde se puede añadir un detalle pequeñito. A menudo, sin embargo, un diseño puede ser mejorado mediante la simplificación de que en lugar de añadir a la misma. Pregunte a sus amigos para la retroalimentación, también. Una vez que está convencido de que su diseño es perfecto, ya está hecho. Puede enviarlo a un servicio en línea que convierte archivos de Illustrator en sitios web, o aprender HTML y CSS y hágalo usted mismo!

Consejos y advertencias

• Visita las galerías de sitios web y leer blogs de diseño web para obtener inspiración para su diseño!
• Es un error común para llenar la mayor cantidad de área de la página web como usted puede con texto y gráficos. No tenga miedo de dejar áreas en blanco y grandes márgenes, llamados espacios en blanco, en su diseño. Se da un diseño una sensación de mayor calidad y hace más fácil para navegar.