Software utilizado en la creación de composiciones y sitios web

Antes de comenzar el diseño de un sitio web, usted debe familiarizarse con las herramientas estándar de la industria de software gráfico en la web. Si bien hay una serie de herramientas en el mercado que pueden ser más adecuados para el guerrero de fin de semana, los que aparecen aquí son los estándares de calidad profesional utilizados por todas las agencias y en la casa tiendas. Son caros, y se pueden comprar por separado o agrupados en las suites. Observe que todos los productos mencionados aquí son de Adobe Systems. (Adobe compró sistemáticamente los pura sangre de software de diseño web.)

Photoshop

Para crear, editar y manipular mapas de bits, ninguna otra herramienta en el mercado tiene una vela a Photoshop. El problema con Photoshop, sin embargo, es que aprender a usarlo a su máximo es similar a aprender a volar un avión jumbo. Además de los años puede tomar para dominar totalmente el poder de Photoshop, también tiene que lidiar con una etiqueta de precio muy elevado.

La mayor web comps, como diseños de páginas se denominan en la industria, se construyen en Photoshop. Es la agencia y en el local de normas mayoría de los desarrolladores esperan que se les entregó Photoshop comps antes de construir el sitio web real. Por lo general, hay un archivo de Photoshop por plantilla de página web. Photoshop le permite hacer un amplio uso de capas y conjuntos de capas, manteniendo distinta (y ayudando a organizar) todos los componentes que conforman su diseño.

Es una buena práctica para nombrar y organizar las capas para que otros diseñadores pueden dar sentido a su documento.

Fuegos artificiales

Fireworks es una gran herramienta de software de diseño gráfico, ya que es construido de propósito para la creación de composiciones web. Por desgracia, sólo se ha cogido en realidad no como un estándar en las agencias de diseño y en la casa departamentos. Eso es una lástima, porque una sola página web un borrador - con todas sus capas - en Photoshop pueden ser archivos 24-100mb. Esa misma página exacta en Fireworks tendría suerte para empujar 3mb, ya que utiliza una mezcla de vectoriales y de mapa de bits. Es un archivo que podría enviar por correo electrónico como archivo adjunto a los clientes y desarrolladores.

La única ventaja que Photoshop tiene sobre los fuegos artificiales está en mejora de la imagen de mapa de bits y la manipulación. Sin embargo, usted puede hacer todas esas cosas en Photoshop y luego importar el resultado en Fireworks para trabajar en el diseño web. También puede exportar los fuegos artificiales archivo como un archivo con capas de Photoshop, o importar archivos con capas de Photoshop, por lo que tiene una buena versatilidad.

Illustrator

Illustrator está aquí sólo porque es el estándar para la producción de gráficos vectoriales. A menudo, usted necesitará crear iconos personalizados, botones o ilustraciones en el diseño web, y es más fácil de usar Illustrator para tales tareas. A continuación, puede importar estas ilustraciones en Photoshop o Fireworks para doblar en su borrador web.

Todos los comps web se construyen y ensamblan en cualquiera Fireworks o Photoshop. Illustrator simplemente contribuye piezas gráficas o se utiliza para crear gráficos web individuales puede exportar en varios formatos web, incluyendo SVG, PNG y JPEG.

Destello

Flash le permite crear aplicaciones altamente interactivas web con ActionScript - su robusta lenguaje de scripting - y animaciones de diseño que aprovechan los tamaños de archivo reducidos, así como la escalabilidad de los gráficos vectoriales. Archivos Flash se pueden incrustar directamente en su página web. Destello cine puede ser tan interactivo y complejo que se puede construir una experiencia entera sitio sólo con Flash. La página HTML solo presenta el archivo Flash y Flash se ocupará del resto. Si quieres un sitio web que muestra el vídeo o tiene características interactivas, como la página web en la siguiente figura, necesitarás flash.

Dreamweaver

Dreamweaver no es un diseño gráfico de herramientas es para la construcción de páginas HTML y archivos CSS. Lo que mucha gente se confunde acerca es que, por un lado, usted tiene su página web un borrador diseñado en cualquiera de Fireworks o Photoshop para mirar exactamente como tu página web va a buscar en línea - hasta los últimos detalles de sus barras de desplazamiento y pies de página. Entonces, por el contrario, usted tiene desarrolladores que debe volver a crear sus diseños comp en HTML, a menudo usando una herramienta como Dreamweaver.

¿Por qué los desarrolladores tienen que volver a crear los diseños? Con el fin de obtener la máxima eficiencia de la página, los desarrolladores deben reconstruir su página. Sus composiciones no sólo sirven como fuente de arte poco a poco y el diseño a seguir, sino también como el color, el botón, las fronteras, y la fuente de texto necesarios para derivar los estilos CSS.