Los últimos estándares web, HTML5 y CSS3 enLa combinación con JavaScript realmente ha reducido el tiempo y el esfuerzo involucrados en la creación de sitios web ricos en gráficos, texto y animación. Usando los poderes de HTML5, ya no tiene que escribir código manualmente para incrustar contenido multimedia, mientras que CSS3 hace que sus elementos de interfaz de usuario web sean más flexibles, robustos y, lo que es más importante, más fáciles de manejar. Si ha estado buscando una herramienta de diseño web que le permita aprovechar al máximo los últimos estándares web sin obligarlo a ingresar manualmente el código para cada elemento de la interfaz de usuario, el recién lanzado Adobe Edge probablemente sea justo lo que necesitas.
Adobe Edge ha sido especialmente escrito paradiseñadores visuales, web y de interacción que a menudo luchan con la creación de movimiento web y contenido animado usando estándares web HTML5, CSS3 y JavaScript. Básicamente es una herramienta de diseño de interacción y movimiento web para crear contenido animado usando HTML5, CSS3 y JavaScript. Si bien incorpora todas las herramientas básicas para crear, editar, ajustar y diseñar los elementos de la interfaz de usuario web, ofrece un coreógrafo de animación intuitivo para crear y ajustar fácilmente contenido animado en su página web. Además, no lo obliga a comenzar un nuevo proyecto desde cero, puede importar su archivo HTML para incluir nuevas composiciones de interfaz de usuario y jugar con elementos de interfaz de usuario existentes, como tabla, estilos de texto, sombras de imagen, posición, fuente, alineación de contenedores y más.
La interfaz principal se divide en 3 secciones. La barra lateral izquierda contiene las herramientas de composición de elementos de la interfaz de usuario seleccionadas, la barra del lado derecho tiene todas las listas principales de elementos de la interfaz de usuario web, incluidos los efectos de sombra, imágenes, texto, mientras que la sección inferior contiene el editor de la línea de tiempo para las animaciones de coreografías.
El panel Elementos le permite mostrar / ocultar seleccionadoselemento y bloquéelo para evitar una mayor edición. Cuando selecciona un elemento de la pantalla principal, lo resalta inmediatamente en el panel Elementos, lo que hace que sea más fácil ocultarlo o bloquearlo. Cuando pasa el puntero del mouse sobre un elemento listado en Elements, le dice las iniciales de la clase con el nombre, para que pueda identificarlo fácilmente en el archivo CSS.
El panel de propiedades en el lado izquierdo muestraherramientas de composición para el elemento de IU seleccionado de su página web. Una vez seleccionado, puede cambiar su tamaño de ubicación, opacidad, familia de fuente de texto, tamaño y estilos de texto, establecer origen de transformación, rotación de imagen, etc.
El editor de línea de tiempo le permite ver la línea de tiempode cada elemento animado. Si está tratando con un archivo CSS enorme, haga clic en el botón de filtro para mostrar solo elementos animados en el panel Elementos para editar rápidamente sus posiciones, colores, tamaño, etc. En la parte inferior izquierda del panel, tiene un botón de zoom para ampliar la línea de tiempo para verificar el tiempo asignado y el efecto de transición de todos los elementos animados.
Además de crear compatibilidad entre navegadoresEl contenido animado para todos los navegadores web más populares, incluidos Firefox, Chrome, Internet Explorer 9, el contenido web creado a través de esta herramienta también funcionará perfectamente en las plataformas iOS y Android. Según la comunidad oficial, Edge Preview está en desarrollo activo y pronto se actualizará con una serie de características. Adobe Edge funciona en Windows Vista y Windows 7.
Descargar Adobe Edge
Comentarios