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

Video: Creación de una partitura con MuseScore

Antes de comenzar el diseño de un sitio web, usted debe familiarizarse con las herramientas de software en web estándar de la industria gráfica. Si bien hay una serie de herramientas en el mercado que puede ser más adecuado para el guerrero de fin de semana, los que se muestran aquí son los estándares de calidad profesional utilizados por todos los organismos 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 ha comprado 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 jumbo. Además de los años se puede tomar para dominar totalmente el poder de Photoshop, también tiene que lidiar con una etiqueta de precio muy elevado.

La mayoría web comps, como los diseños de página se denominan en la industria, están construidos en Photoshop. Es el organismo y en la casa 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 uso extensivo de las capas y conjuntos de capas, manteniendo distinta (y ayudar a organizar) todos los componentes que conforman su diseño.

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

Fuegos artificiales

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

La única ventaja que tiene sobre los fuegos artificiales Photoshop está en mejora de la imagen de mapa de bits y la manipulación. Sin embargo, puede hacer todas esas cosas en Photoshop y luego importar el resultado en fuegos artificiales para trabajar en su diseño web. También puede exportar su archivo de Fireworks como un archivo de Photoshop en capas, 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 necesita 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.

Todas las composiciones de web se construyen y ensamblan en cualquiera de Fireworks o Photoshop. Ilustrador más que 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 script - y animaciones de diseño que aprovechan los tamaños de archivo reducidos, así como la escalabilidad de los gráficos vectoriales. Los archivos Flash se pueden incorporar directamente en su página web. Destello películas puede ser tan interactivo y complejo que se puede construir toda una experiencia 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 funciones interactivas como la página web en la siguiente figura, que necesita flash.

Video: Que programas usar para crear juegos (Recomendaciones Lista 2015)

Dreamweaver

Dreamweaver no es un diseño gráfico-herramienta- 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 borrador página web diseñadas en Fireworks o Photoshop para parecerse exactamente la manera que su 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, tiene los desarrolladores que debe volver a crear sus diseños comp en HTML, a menudo usando una herramienta como Dreamweaver.

Video: HTML

¿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 tienen que reconstruir su página. Sus composiciones no sólo sirven como fuente del arte y el diseño por partes a seguir, sino también como el color, el botón, la frontera, y la fuente de texto necesarios para derivar los estilos CSS.