als <p></p>, ondergedompeld in de wereld van digitaal depuis 1996Ik was getuige van de snelle evolutie van het web: van de eerste browsers zoals Netscape et internet Explorer aan digitale giganten zoals Google et Amazon. Maar wat mij het meest trof was de transformatie van de digitale hulpmiddelen !

In dit artikel gaan we op onderzoek uit de evolutie van ontwerpsoftware depuis 1996, met de nadruk op iconische hulpmiddelen zoals Photoshop, Vuurwerk, Schets, Adobe XD et Figma. Ze hebben allemaal bijgedragen aan de vormgeving van het landschap van de digitaal ontwerp, aangepast aan de behoeften van makers en technologische vooruitgang.

Evolutie van gereedschappen sinds 1990

Fotoshop (1990)

Hoewel Photoshop werd gelanceerd in 1988, het is in de jaren 90 dat het echt van de grond is gekomen en een essentieel hulpmiddel is geworden voor grafische ontwerpers.

En 1996de software heeft geavanceerde functies geïntroduceerd, zoals lagen filters en gereedschappen van geavanceerde retouchering, waardoor gebruikers complexe composities kunnen maken en afbeeldingen kunnen manipuleren met een ongeëvenaarde precisie. Haar intuïtieve interface en het is geweldig flexibiliteit snel gemaakt Photoshop een verwijzing niet alleen op het gebied van grafische vormgeving en fotografie, maar ook in andere creatieve sectoren.

Met de tijd Photoshop vestigde zich als een multifunctioneel hulpmiddel, geschikt voor beide print dat ook digitaal. Het is essentieel geworden voor het ontwerp van geprinte materialen (posters, brochures, lay-outs), de creatie van beelden bedoeld voor het web (UI/UX, banners, visuals voor sociale netwerken) en zelfs de video postproductie, dankzij de kenmerken vananimatie en kleurcorrectie. Haar constante evolutie in feite vandaag een standaard voor alle makers van inhoud, ongeacht hun vakgebied.

Vuurwerk (1998)

ik ontdekte vuurwerk in 1998, toen Macromedia lanceerde het als een grafisch ontwerptool die specifiek bedoeld was voor webinterfaces. Het was destijds een echte revolutie! In tegenstelling tot andere algemene ontwerpsoftware is Fireworks vanaf het begin ontworpen voor het web. Het bood unieke functies zoals geavanceerde beeldoptimalisatiede mogelijkheid om te creëren interactieve prototypes, het management van herbruikbare symbolen en soepele mix van vector- en bitmapafbeeldingen.

Dankzij deze tool kon ik veel efficiënter aan mijn webprojecten werken, waarbij ik moest schakelen tussen vector- en bitmaptools. zonder terughoudendheid. De interface was veel lichter en intuïtiever dan die van Photoshop, dat destijds nog als een echte Gaz-fabriek voor webdesign. Fireworks viel op door zijn eenvoud, snelheid en efficiëntie, waardoor het creëren van interfaces veel vloeiender werd.

Maar wat het nog krachtiger maakte, was de complementariteit met de Macromedia suiteInbegrip flash et Dreamweaver. Dankzij dit trio konden ontwerpers en ontwikkelaars veel meeslependere en krachtigere webervaringen creëren. Met Fireworks kunt u eenvoudig grafische elementen integreren in Flash-animaties of HTML-pagina's die zijn ontworpen met Dreamweaver, wat zorgt voor een gestroomlijnde en consistente workflow.

Helaas is met de overname van Macromedia Weergave adobe in 2005 vuurwerk is geleidelijk aan opzij gezet. Adobe, dat al een voorkeur had Photoshop et Illustrator, nooit echt geprobeerd om het te laten evolueren. Het heeft een paar jaar standgehouden en kreeg alleen kleine updates, voordat het officieel werd verlaten in 2013.

Wanneer ik zeg “verlaten in 2013”, dat betekent dat er geen verdere updates zijn gepubliceerd. Dit weerhield mij er echter niet van om met de tool te blijven werken. voor nog eens twee jaar, voordat het uiteindelijk gedwongen en beperkt om terug te keren naar Photoshop.

Een echt verlies voor de webdesigners van die tijd, die erachter kwamen dat ze over gereedschap beschikten dat veel minder geschikt was voor hun specifieke behoeften. vuurwerk blijft vandaag de dag een cult-software, en veel ontwerpers die in de jaren 2000 werkten, houden een nostalgische herinnering van zijn eenvoud en zijn doeltreffendheid ongeëvenaard voor het web.

Schets (2010)

Wanneer Schets aangekomen in 2010, hij heeft volledig revolutie interface-ontwerp! In tegenstelling tot algemene hulpmiddelen zoals Photoshop, die werden aangepast maar nooit echt geoptimaliseerd voor het ontwerp van applicaties en websites, werd Sketch vanaf het begin ontworpen om te voldoen aan de behoeften van UI/UX-ontwerpers.

Met zijn aanpak 100% vectorbood het een ongekende flexibiliteit om nauwkeurige en modulaire interfaces te creëren. De innovatieve functies zoals de symbolen, gedeelde stijlen et plug-ins ontwerpers in staat stelden om te ontwerpen consistente en herbruikbare ontwerpsystemen, waardoor teamwerk en de ontwikkeling van projecten op de lange termijn worden vergemakkelijkt. Het is niet langer nodig om bestanden te vermenigvuldigen of te sleutelen aan complexe oplossingen: Sketch bood een modulaire en efficiënte logica naar interfaceontwerp.

Daarnaast is zijn schone interface en de uitstekende compatibiliteit met andere digitale workflowtools (Zeplin, Abstract, InVision, enz.) hebben het tot een favoriet van UI/UX-ontwerpers in recordtijd. Hij vestigde zich snel als het essentiële gereedschap, tot het punt van Photoshop geleidelijk vervangen voor het ontwerp van digitale interfaces.

Maar ondanks zijn meteoorachtige opkomst, Ik kon het niet meteen adopteren... en het was frustrerend! Schets was niet beschikbaar dan op Mac, en bij het bureau waar ik destijds werkte, we waren uitsluitend op de pc. Ik zag andere ontwerpers overstappen op deze revolutionaire tool, terwijl ik bleef steken bij minder geschikte oplossingen. Een echte frustratie, vooral als je weet hoezeer Sketch het leven van ontwerpers heeft vereenvoudigd!

Figuur (2015)

Gelanceerd in 2015, Figma markeerde een echt keerpunt in de samenwerkend ontwerp. Volledig cloudgebaseerd en draaiend in SaaS-modushet stelt teams in staat om samenwerken in realtime, ongeacht hun locatie. Dankzij de geavanceerde functies van Interactief prototyping, vectorontwerp en componentbeheer, vestigde hij zich snel als een essentieel hulpmiddel voor moderne ontwerpers.

Een van de grootste troeven is de mogelijkheid om eenvoudig projecten delen, om te verzamelen directe feedback en snel itereren, zonder dat u meerdere versies van bestanden hoeft te beheren. Deze vloeiende en collaboratieve aanpak heeft het mogelijk gemaakt Figma vestigt zich op de markt, rechtstreeks concurrerend Schets en andere ontwerptools.

Onze ervaring als bètatesters

Wanneer Figma kwam in 2015 op de markt, ons agentschap had de mogelijkheid om twee jaar lang bètatester te zijn. Dit gaf ons de mogelijkheid om te experimenteren en te werken aan de tool gratis, terwijl regelmatig rapporteren aan Figma-ontwikkelaars in de Verenigde Staten suggesties voor verbeteringen en ondervonden problemen.

Anders Schets, die exclusief verkrijgbaar was op Mac, Figma werkte even goed op Mac als op PC. Deze universele toegankelijkheid heeft een sleutelrol gespeeld in de snelle groei, waardoor hij dat kon inhalen en zelfs inhalen Schets in een paar jaar.

Deze ervaring deed mij vreemd genoeg denken aan mijn begin met vuurwerk… Maar deze keer hadden we ingezet op het goede paard ! Als je kijkt naar de snelle groei van Figma en de massale acceptatie ervan door ontwerpteams over de hele wereld, kun je niet anders dan opmerken hoezeer het de manier waarop we ontwerpen en samenwerken heeft veranderd.

De opkomst van Figma in collaboratief ontwerp:

Evolutie van Figma vergeleken met concurrenten:

Vandaag Figma is dé oplossing voor interfaceontwerp en realtime-samenwerking.. Het is door duizenden bedrijven en ontwerpteams over de hele wereld overgenomen en heeft zich gevestigd als de centrale tool voor UI/UX-ontwerpers, ontwikkelaars en projectmanagers. De 100% cloudbenadering blijft aantrekkelijk en maakt naadloze samenwerking mogelijk zonder platform- of installatiebeperkingen.

Met steeds geavanceerdere functies, zoals variabelen, dynamische lay-outs, geavanceerde integratie met ontwikkeltools en verbeterde prototypingmogelijkheden – Figma blijft innoveren om te voldoen aan de eisen van digitale professionals. De aankoop van het gereedschap door Adobe in 2022 riep vragen op over de toekomst, maar voor nu, Figma blijft onafhankelijk en blijft zich in eigen tempo ontwikkelen.

De actieve community, de vele plug-ins en het groeiende ecosysteem maken het vandaag de dag tot een veel meer dan alleen ontwerpsoftware : het is een echte samenwerkingshub die de manier waarop teams digitale producten ontwerpen en ontwikkelen, opnieuw definieert.

 

Adobe XD (2016)

Gelanceerd in 2016, Adobe XD gericht op het voldoen aan de groeiende vraag naar oplossingen die speciaal zijn bedoeld voor ontwerp van gebruikerservaring. In een tijd waarin ontwerpers met meerdere hulpmiddelen moesten jongleren voor de wireframing, prototyping en samenwerkingAdobe bood een alles-in-één oplossing, geïntegreerd in zijn creatieve ecosysteem.

De voordelen van Adobe XD

Adobe XD wist het publiek snel te overtuigen dankzij een aantal belangrijke functies:

Interactief prototypen : Een vloeiende aanpak voor het creëren van dynamische ervaringen zonder code.

Realtime samenwerking : Een co-bewerkingsmodus waarmee teams gelijktijdig aan hetzelfde bestand kunnen werken.

Integratie met de Adobe-suite : Native compatibiliteit met Photoshop, illustrator en andere creatieve hulpmiddelen, die de workflow van ontwerpers vergemakkelijken.

Met deze innovaties heeft XD zichzelf gepositioneerd als een serieus alternatief voor gevestigde tools zoals Schets.

Toenemende concurrentie door de opkomst van Figma

Ondanks zijn kwaliteiten kreeg Adobe XD al snel te maken met de opkomst van Figma. Bovendien liep de ontwikkeling een aanzienlijke vertraging op en bleef het vier jaar in BETA-stadium. Deze wachttijd gaf concurrenten als Figma de kans om afstand te nemen.

Welke toekomst voor Adobe XD?

En 2022Adobe heeft de overname aangekondigd van Figma voor 20 miljard dollar, wat veel vragen oproept over de toekomst van Adobe XD. Als deze overname wordt gevalideerd, zou dit het einde van de actieve ontwikkeling van XD kunnen betekenen ten gunste van Figma.

Hoewel XD nog steeds functioneel is en door sommige teams wordt gebruikt, is het duidelijk dat het ecosysteem voor interfaceontwerp grotendeels is verschoven naar Figma.

Conclusie

De evolutie van digitale hulpmiddelen sinds 1996 getuigt van voortdurende innovatie op het gebied van design. Elke tool bood unieke oplossingen voor de uitdagingen waar ontwerpers mee te maken kregen, maar was ook aangepast aan nieuwe technologieën en gebruikersbehoeften. Tegenwoordig blijven hulpmiddelen als Figma de manier waarop ontwerpers samenwerken en creëren opnieuw definiëren, wat de deur opent naar nieuwe mogelijkheden in de wereld van digitaal ontwerp.

We kunnen stellen dat Figma alle concurrenten heeft overtroffen en een onmisbaar naslagwerk is geworden voor elke ontwerper.

 

 

Fabien de Gezelle, UI-ontwerper bij UX-Republic