Як працювати в adobe experience design, данил Фімушкін
Для веб-дизайнерів з'явився новий крутий інструмент, який багато в чому заміняє фотошоп - це adobe experience design.
Створювати багато однотипних елементів в Фотошоп довго і нудно, подивіться, як це робиться в adobe experience design. Ви просто виділяєте потрібну картку і починаєте тягнути вниз, і картки створюються автоматично.
Більш того, якщо навести курсор між ними і розтягувати, то можна автоматично змінювати все картки товару.
Якщо у вас є кілька картинок, які потрібно вставити, їх можна виділити в папці, перетягнути на поле і вони автоматично стануть на потрібні місця, і це дуже зручно.
Якщо розглянути новий лист, то ми побачимо, що інтерфейс adobe xd (так він ще називається) дуже простий: курсор, квадрат, овал, пряма, текст і zoom.
Давайте розглянемо прямокутник: ми можемо поставити йому колір, а також колір і товщину обведення.
І ще з'явилася одна зручна штука - можливість заокруглення прямокутника курсором (цього не вистачало) і прозорість.
В принципі, це все, що треба знати про інструменти в adobe xd.
Для веб-дизайнерів з'явився новий крутий інструмент, який багато в чому заміняє ФШ, він став простіше, зрозуміліше і працювати в ньому - одне задоволення.
Більш того в adobe xd є така штука, як вбудовані UI KIT`и, якщо ви розумієте про що мова, то ви будете радіти разом зі мною)
Є, наприклад, aplle ios: ви просто берете вже існуючі елементи, їх можна редагувати і створювати свій додаток. Є також google material design, де також вже є всі готові елементи.
Що ще? Дуже прикольний елемент «текст», його функцій теж не вистачало в Фотошопі. Кількома, створюємо текстовий блок, пишемо текст, задаємо йому колір, розмір, далі створюємо новий текст, і, як ми бачимо, він створюється за замовчуванням.
Але якщо ми виберемо наш текст і новий текстовий фрейм, то його стиль буде копіюватися. Тобто якщо я хочу зробити такий же текст, то вибираю текст з уже заданим стилем, вибираю інструмент «текст», кликаю на порожньому місці поля, набираю текст і стиль автоматично застосовується до нового тексту. Це теж дуже круто!
Але і це ще не все - є прототипи, які ви можете пов'язувати між собою. Для цього потрібно перейти в режим «прототип», натиснути на елемент і зв'язати його з потрібним екраном.
При цьому ви можете вибрати стиль переходу, швидкість і т.д. Щоб подивитися, як це виглядає, натискаємо на play, потім на синю кнопку і бачимо, що сталося потрібна зміна. Зрозуміло, можна вибрати якісь цікаві переходи і т.д.
Ще, якщо ви зробили прототип і хочете презентувати його вашому клієнтові, вам досить натиснути на спеціальний значок і потім на create link. Цю посилання ви зможете відправити клієнту, і він подивиться, потикати, пограє з вашим інтерфейсом.
Зрозуміло, adobe xd зроблений більшою мірою для роботи з планшетами та мобільними пристроями, але також в ньому можна створювати Лендінзі, це дуже простий інструмент.
Можете скачати її, якщо використовуєте mac і переконатися, як це просто.