Останні веб-стандарти, HTML5 та CSS3 ввзаємодія з JavaScript по-справжньому скоротила час і зусилля на створення графічних, текстових та анімаційних веб-сайтів. Використовуючи повноваження HTML5, вам більше не доведеться вручну писати код для вбудовування мультимедійного вмісту, тоді як CSS3 робить елементи вашого веб-інтерфейсу більш гнучкими, надійними та, що важливо, простішими в обробці. Якщо ви шукали інструмент веб-дизайну, який дозволяє максимально використовувати переваги останніх веб-стандартів, не примушуючи вас вручну вводити код для кожного елемента інтерфейсу, щойно запущений Adobe Edge це, мабуть, саме те, що вам потрібно.
Особливо написано для Adobe Edgeвізуальні, веб-дизайнери та дизайнери взаємодій, які часто борються зі створенням веб-руху та анімаційного контенту за допомогою веб-стандартів HTML5, CSS3 та JavaScript. Це в основному веб-інструмент дизайну руху та взаємодії для створення анімованого вмісту за допомогою HTML5, CSS3 та JavaScript. Хоча він містить усі основні інструменти для створення, редагування, налаштування та дизайну елементів веб-інтерфейсу, він пропонує інтуїтивно зрозумілий анімаційний хореограф для легкого створення та налаштування анімаційного контенту на вашій веб-сторінці. Більше того, це не змушує вас починати новий проект з нуля, ви можете імпортувати в нього свій HTML-файл, щоб увімкнути нові композиції інтерфейсу та познайомитися з наявними елементами інтерфейсу, такими як таблиця, стилі тексту, відтінки зображень, положення, вирівнювання шрифту, контейнера тощо.
Основний інтерфейс розділений на 3 секції. У лівій бічній панелі містяться вибрані інструменти композиції елементів інтерфейсу, у правій бічній панелі є всі основні списки елементів інтерфейсу інтерфейсу, включаючи тіньові ефекти, зображення, текст, тоді як у нижньому розділі міститься редактор часової шкали для анімації хореографа.
На панелі «Елементи» можна відображати / приховувати вибранеелемент і заблокуйте його, щоб запобігти подальшому редагуванню. Коли ви вибираєте елемент з головного екрану, він негайно виділяє його на панелі «Елементи», що полегшує його приховання або блокування. Якщо навести вказівник миші на елемент, перелічений у Elements, він повідомить вам ініціали класу з назвою, тому ви можете легко визначити його у файлі CSS.
Зліва показана панель властивостейінструменти композиції для вибраного елемента інтерфейсу вашої веб-сторінки. Після вибору ви можете змінити його розмір, непрозорість, сімейство текстових шрифтів, розмір та стилі тексту, встановити походження перетворення, обертання зображення тощо.
Редактор часової шкали дозволяє переглядати шкалу часукожного анімованого елемента. Якщо ви маєте справу з одним величезним файлом CSS, натисніть кнопку фільтра, щоб на панелі «Елементи» відображалися лише анімовані елементи для швидкого редагування їхніх позицій, кольорів, розміру тощо. У нижній лівій частині панелі у вас є кнопка масштабування для збільшення часової шкали для перевірки виділеного часу та ефекту переходу всіх анімованих елементів.
Крім створення крос-браузера, сумісногоанімаційний контент для всіх широко популярних веб-браузерів, включаючи Firefox, Chrome, Internet Explorer 9, веб-контент, створений за допомогою цього інструменту, буде безперебійно працювати і на платформах iOS та Android. За повідомленням офіційної спільноти, Edge Preview знаходиться в активному розвитку і незабаром буде оновлений безліччю функцій. Adobe Edge працює на Windows Vista та Windows 7.
Завантажте Adobe Edge
Коментарі