Як дизайнер, занурившись у світ цифровий від 1996, я був свідком швидкої еволюції Інтернету: від перших браузерів, як Netscape et Internet Explorer до цифрових гігантів, таких як Google et Amazon. Але найбільше мене вразило перетворення цифрові інструменти !

У цій статті ми вивчимо еволюція програмного забезпечення для проектування від 1996, виділяючи такі знакові інструменти, як Photoshop, Fireworks, Sketch, Adobe XD et Figma. Кожен з них зробив свій внесок у формування ландшафту цифровий дизайн, пристосовуючись до потреб творців і технологічного прогресу.

Еволюція інструментів з 1990 року

Фотошоп (1990)

Хоча Photoshop був запущений в 1988, це в роках 90 що він справді злетів, ставши важливим інструментом для графічні дизайнери.

En 1996, програмне забезпечення має розширені функції, такі як сліди, Les фільтри та інструменти складна ретуш, що дозволяє користувачам створювати складні композиції та керувати зображеннями за допомогою a неперевершена точність. Її інтуїтивний інтерфейс і його великий гнучкість швидко зробили Photoshop une посилання не тільки в області графічний дизайн і фотографія, а й в інших творчі сектори.

З часом, Photoshop зарекомендувала себе як a багатофункціональний інструмент, підходить для обох друк що до цифровий. Це стало важливим для дизайну друковані ЗМІ (плакати, брошури, макети), створення візуальні матеріали, призначені для Інтернету (UI/UX, банери, візуал для соціальних мереж) і навіть відео постпродакшн, завдяки особливостяманімація і корекція кольору. Її постійна еволюція фактично сьогодні а standard для всіх творці контенту, незалежно від їх сфери.

Феєрверк (1998)

я виявив Феєрверк у 1998 році, коли Macromedia запустив його як інструмент графічного дизайну, спеціально призначений для веб-інтерфейси. На той час це була справжня революція! На відміну від іншого програмного забезпечення загального призначення, Fireworks із самого початку було розроблено для Інтернету. Він пропонував такі унікальні функції, як розширена оптимізація зображення, можливість створення інтерактивні прототипи, управління Росією багаторазові символи і плавне поєднання векторної та растрової графіки.

Завдяки цьому я міг набагато ефективніше працювати над своїми веб-проектами, жонглюючи між векторними та растровими інструментами. без стримування. Його інтерфейс був набагато легшим та більш інтуїтивно зрозумілим, ніж інтерфейс Photoshop, який на той час все ще вважався справжнім Газовий завод для веб-дизайну. Fireworks виділявся своєю простотою, швидкістю та ефективністю, завдяки чому створення інтерфейсів стало набагато гнучкішим.

Але що зробило його ще потужнішим, так це його доповнення до пакету MacromediaУ тому числі спалах et Dreamweaver. Це тріо дозволило дизайнерам і розробникам створити набагато більш захоплюючий і потужний веб-досвід. Fireworks спрощує інтеграцію графічних елементів у Flash-анімацію або HTML-сторінки, розроблені за допомогою Dreamweaver, забезпечуючи спрощений і послідовний робочий процес.

На жаль, з придбанням Macromedia номінальний саман ан 2005, Феєрверк було поступово відкладено. Adobe, яка вже віддала перевагу Photoshop et Illustrator, ніколи не намагався змусити його розвиватися. Він проіснував кілька років, отримуючи лише незначні оновлення, перш ніж стати офіційним покинутий у 2013 році.

Коли я кажу «Покинутий у 2013 році», це означає що подальших оновлень не було опубліковано. Однак це не завадило мені продовжити роботу з інструментом. ще на два роки, перш ніж нарешті бути вимушений і обмежений повернутися до Photoshop.

Справжня втрата для веб-дизайнери того часу, які опинилися з інструментами, які набагато менш відповідали їхнім конкретним потребам. Феєрверк залишається сьогодні а культове програмне забезпечення, і багато дизайнерів, які працювали в 2000-х, зберігають a ностальгічний спогад його простоти та ефективності не має собі рівних для Інтернету.

Скетч (2010)

Коли Ескіз прибув 2010, він має повністю революційно дизайн інтерфейсу! На відміну від загальних інструментів, як Photoshop, які були адаптовані, але ніколи не оптимізовані для розробки програм і веб-сайтів, Sketch із самого початку був розроблений для задоволення потреб UI/UX дизайнери.

З його підходом 100% вектор, він пропонував безпрецедентну гнучкість для створення точних і модульних інтерфейсів. Його інноваційні функції, як символи, спільні стилі et плагіни дозволив дизайнерам проектувати послідовні та багаторазові системи проектування, тим самим сприяючи командній роботі та розвитку проектів у довгостроковій перспективі. Більше не потрібно множити файли чи возитися зі складними рішеннями: Sketch надав a модульна та ефективна логіка до дизайну інтерфейсу.

Крім цього, його чистий інтерфейс і його чудова сумісність з іншими цифровими інструментами робочого процесу (Zeplin, Abstract, InVision тощо) зробили його фаворит дизайнерів UI/UX в рекордні терміни. Він швидко зарекомендував себе як необхідний інструмент, до точки поступово замінювати фотошоп для проектування цифрових інтерфейсів.

Але незважаючи на стрімке зростання, Я не зміг це відразу прийняти... і це було розчарування! Ескіз був недоступний ніж на Mac, і в агентстві, де я працював у той час, ми були виключно на ПК. Я бачив, як інші дизайнери переходили на цей революційний інструмент, а я залишався на менш придатних рішеннях. Справжнє розчарування, особливо якщо знати, наскільки Sketch спростив життя дизайнерів!

Фігма (2015)

Запущено в 2015, Figma ознаменував справжній перелом у в спільне проектування. Повністю хмарний і запущений Режим SaaS, це дозволяє командам працювати разом у реальному часі, незалежно від їх місцезнаходження. Завдяки розширеним функціям інтерактивне прототипування, векторне проектування та керування компонентами, він швидко зарекомендував себе як a необхідний інструмент для сучасних дизайнерів.

Однією з його головних переваг є можливість легко ділитися проектами, збирати миттєвий зворотний зв'язок і швидко виконувати ітерацію без необхідності керувати кількома версіями файлів. Цей плавний і спільний підхід дозволив Figma закріпитися на ринку, конкуруючи безпосередньо Ескіз та інші інструменти дизайну.

Наш досвід як бета-тестерів

Коли Figma вийшла на ринок у 2015 році, було в нашому агентстві можливість бути бета-тестером протягом двох років. Це дозволило нам експериментувати та працювати над інструментом безкоштовно, все в регулярне звітування розробникам Figma зі Сполучених Штатів пропозиції щодо покращення та проблеми, які виникли.

На відміну від Ескіз, який був ексклюзивно доступний на Mac, Figma однаково добре працювала на Mac і PC. Ця універсальна доступність відіграла ключову роль у цьому швидке зростання, дозволяючи йому наздогнати і навіть випередити Скетча через кілька років.

Цей досвід дивним чином нагадав мені мій початок із Fireworks… Але цього разу ми зробили ставку на хороший кінь ! Дивлячись на швидке зростання Figma та масове впровадження командами дизайнерів у всьому світі, ви не можете не помітити, наскільки це змінило спосіб нашого проектування та співпраці.

Розвиток Figma у спільному дизайні:

Еволюція Figma порівняно з конкурентами:

Сьогодні Figma стала основою для розробки інтерфейсу та співпраці в режимі реального часу.. Його взяли на озброєння тисячі компаній і дизайнерських команд по всьому світу, і він зарекомендував себе як центральний інструмент для дизайнерів UI/UX, розробники та керівники проектів. Його 100% хмарний підхід продовжує приваблювати, забезпечуючи безперебійну спільну роботу без обмежень на платформі чи встановленні.

Зі все більш розширеними функціями, як-от змінні, динамічні макети, розширена інтеграція з інструментами розробки та розширені можливості створення прототипів – Figma продовжує впроваджувати інновації, щоб задовольнити вимоги цифрових професіоналів. Придбання інструменту по Adobe у 2022 році викликало питання про його майбутнє, але поки що Figma залишається незалежною та продовжує розвиватися у власному темпі.

Його активна спільнота, численні плагіни та екосистема, що розширюється, роблять це сьогодні набагато більше, ніж просто програмне забезпечення для проектування : це справжнє центр співпраці що переосмислює те, як команди проектують і розробляють цифрові продукти.

 

Adobe XD (2016)

Запущено в 2016, Adobe XD спрямовані на задоволення зростаючого попиту на рішення, присвячені дизайн досвіду користувача. У той час, коли дизайнери жонглювали кількома інструментами для каркасне моделювання, прототипування та співпраця, Adobe запропонувала комплексне рішення, інтегроване у свою творчу екосистему.

Переваги Adobe XD

Adobe XD швидко завоював аудиторію завдяки кільком ключовим функціям:

Інтерактивне прототипування : плавний підхід до створення динамічного досвіду без коду.

Співпраця в режимі реального часу : режим спільного редагування, який дозволяє командам працювати одночасно над одним файлом.

Інтеграція з програмним забезпеченням Adobe : рідна сумісність із Фотошоп, ілюстратор та інші творчі інструменти, що полегшують робочий процес дизайнерів.

Завдяки цим інноваціям XD позиціонує себе як серйозну альтернативу усталеним інструментам, таким як Ескіз.

Посилення конкуренції з появою Figma

Незважаючи на свої якості, Adobe XD швидко зіткнувся зі зростанням Figma. Крім того, його розробка була значно затримана, залишаючись у бета-версії протягом 4 років. Цей період очікування дозволив таким конкурентам, як Figma, випередити та віддалитися.

Яке майбутнє для Adobe XD?

En 2022, Adobe оголосила про придбання Figma за 20 мільярдів доларів, що викликає багато питань щодо майбутнього Adobe XD. Якщо це придбання буде підтверджено, це може означати кінець активного розвитку XD на користь Figma.

Хоча XD залишається функціональним і досі використовується деякими командами, очевидно, що екосистема дизайну інтерфейсу значною мірою перейшла на Figma.

Висновок

Еволюція цифрових інструментів з 1996 року демонструє постійні інновації в області дизайну. Кожен інструмент надавав унікальні рішення для завдань, з якими стикалися дизайнери, одночасно адаптуючись до нових технологій і потреб користувачів. Сьогодні такі інструменти, як Figma, продовжують змінювати те, як дизайнери співпрацюють і створюють, відкриваючи двері до нових можливостей у світі цифрового дизайну.

Можна сказати, що Figma випередила всіх своїх конкурентів і стала еталонним інструментом, необхідним для будь-якого дизайнера.

 

 

Фаб'єн де Гезель, дизайнер інтерфейсу користувача в UX-Republic