Najnowsze standardy sieciowe, HTML5 i CSS3 ww połączeniu z JavaScriptem naprawdę skróciły czas i wysiłek związany z tworzeniem stron internetowych z grafiką, tekstem i animacjami. Korzystając z możliwości HTML5, nie trzeba już ręcznie pisać kodu do osadzania treści multimedialnych, a CSS3 sprawia, że elementy interfejsu użytkownika są bardziej elastyczne, niezawodne i, co ważniejsze, łatwiejsze w obsłudze. Jeśli szukasz narzędzia do projektowania stron internetowych, które pozwala maksymalnie wykorzystać najnowsze standardy sieciowe, nie zmuszając Cię do ręcznego wprowadzania kodu dla każdego elementu interfejsu, świeżo uruchomiona Adobe Edge jest prawdopodobnie właśnie tym, czego potrzebujesz.
Adobe Edge został specjalnie napisanyprojektanci wizualni, internetowi i interakcyjni, którzy często mają problemy z tworzeniem ruchu internetowego i treści animowanych przy użyciu standardów internetowych HTML5, CSS3 i JavaScript. Jest to w zasadzie narzędzie do projektowania ruchu i interakcji internetowych do tworzenia animowanych treści za pomocą HTML5, CSS3 i JavaScript. Chociaż zawiera wszystkie podstawowe narzędzia do tworzenia, edytowania, poprawiania i projektowania elementów interfejsu użytkownika, oferuje intuicyjnego choreografa animacji, który z łatwością tworzy i dostosowuje animowane treści na twojej stronie internetowej. Co więcej, nie zmusza Cię do rozpoczęcia nowego projektu od zera, możesz zaimportować do niego plik HTML, aby uwzględnić nowe kompozycje interfejsu użytkownika i majstrować przy istniejących elementach interfejsu, takich jak tabela, style tekstu, odcienie obrazu, pozycja, czcionka, wyrównanie kontenera i inne.
Główny interfejs jest podzielony na 3 sekcje. Lewy pasek boczny zawiera wybrane narzędzia do tworzenia elementów interfejsu użytkownika, prawy pasek zawiera wszystkie główne listy elementów internetowych interfejsu użytkownika, w tym efekty cienia, obrazy, tekst, natomiast dolna sekcja zawiera edytor osi czasu do animacji choreograficznych.
Panel Elementy pozwala pokazać / ukryć wybraneelement i zablokuj go, aby zapobiec dalszej edycji. Po wybraniu elementu z ekranu głównego natychmiast podświetla go w panelu Elementy, co ułatwia jego ukrycie lub zablokowanie. Po najechaniu wskaźnikiem myszy na element wymieniony w elemencie, wyświetla on inicjały klasy z nazwą, dzięki czemu można łatwo zidentyfikować go w pliku CSS.
Zostanie wyświetlony panel właściwości po lewej stronienarzędzia do komponowania dla wybranego elementu interfejsu użytkownika na twojej stronie internetowej. Po wybraniu możesz zmienić rozmiar jego lokalizacji, krycie, rodzinę czcionek, rozmiar i style tekstu, ustawić początek transformacji, obrót obrazu i tak dalej.
Edytor osi czasu umożliwia wyświetlanie osi czasukażdego animowanego elementu. Jeśli masz do czynienia z jednym ogromnym plikiem CSS, kliknij przycisk filtru, aby wyświetlić tylko animowane elementy w panelu Elementy, aby szybko edytować ich pozycje, kolory, rozmiar itp. W lewym dolnym rogu panelu znajduje się przycisk powiększenia, aby powiększyć oś czasu do weryfikacji przydzielonego czasu i efektu przejścia wszystkich animowanych elementów.
Oprócz tworzenia kompatybilnego z różnymi przeglądarkamianimowane treści dla wszystkich popularnych przeglądarek internetowych, w tym Firefox, Chrome, Internet Explorer 9, treści internetowe tworzone za pomocą tego narzędzia będą działać bezproblemowo również na platformach iOS i Android. Według oficjalnej społeczności Edge Preview jest w fazie rozwoju i wkrótce zostanie zaktualizowany o wiele funkcji. Adobe Edge działa na systemach Windows Vista i Windows 7.
Pobierz Adobe Edge
Komentarze