Hvad er forskellen mellem Invision og Sketch?

Bedste svar

Sketch bruges til at lave et design. Invision bruges til at fremvise et design.

For et eksempel vil du designe en app. Med Sketch kan du nemt designe skærmene. Nu vil næste trin være at enten demo klienten eller dine potentielle brugere eller blandt teammedlemmerne for at få feedback. Denne fase Invision kommer til scenen.

Med Invision vil du være i stand til at skabe strømmen for at hjælpe andre med at forstå, hvordan appen fungerer. Andre kan også kommentere der mod hver skærm, hvilket hjælper dig med at holde styr på feedbacken.

Ligesom når vi arbejder på Skits til XML-design af en app klienter deler oftere strømmen med os via Invision eller Marvel-appen, men når vi faktisk laver appudviklingen ud fra designet, beder vi om skitsefilen, da det hjælper os med at få de ressourcer, der bruges i appen let.

Håber, dette svarer på dit spørgsmål.

Tak, Ranit Medstifter af RedElegant

Svar

Vores team på 3 (inklusive mig selv) har brugt Figma i cirka 3 måneder siden juli 2018, og her er de ærlige fordele / ulemper, vi så.

Hvad jeg kan lide:

  1. Du har sikkert allerede vidst det, Figma har mange ligheder med Sketch, at flytte fra Sketch til Figma er ret let, næsten som at flytte mellem Adobe Illustrator til Photoshop eller Fireworks to Sketch. Genveje er de samme, tegnebrætter er ens, det generelle layout (venstre lag, højre egenskaber) er ens og så videre. Dit team har sandsynligvis ikke store problemer med at skifte mellem Sketch og Figma, selv ikke dagligt.
  2. Symbols aka Components-funktionen i Figma er imponerende med hensyn til mængden af ​​tilsidesættelser og hvordan du kunne have 1 komponent til flere tilstande af et element, stilarter (udseende og farver som farver) kan være unikke for hver forekomst af den samme komponent.
  3. Teamversionering er fantastisk. Da de projekter, vi arbejder på i disse dage, bliver større og større, er behovet for mere end 1 designer (f.eks. En leder og en junior) til at arbejde på et projekt. Vi behøver ikke længere håndtere flere Sketch-filer i Dropbox (vi har ikke prøvet Abstrakt endnu) og flette forskellige kunsttavler til en master Sketch-fil og håndtere pludselige flere forekomster af de samme symboler osv.
  4. Når det gælder samarbejde, er gennemgang af design udført af hinanden også meget let, vi kan begge se på det samme tegnebræt, foretage justeringer for at rette fejl og forbedre designene. Det er her, Figma klarer sig rigtig godt med at støtte pardesign (svarende til parprogrammering). Vi lærer sammen, når vi designer sammen.
  5. Da Figma er et webbaseret værktøj, er funktionsudgivelser næsten gennemsigtige, ingen download, forskellige versioner af Sketch, alle har den samme version hver gang.

Hvad gør mig skør:

  1. Figma er som et barn, der ikke spiller særlig godt med andre børn, ikke engang hans ældre bror Sketch. De eneste børn, som Figma spiller godt med, er underlige børn på blokken som Dropbox Paper, JIRA (hvor er sammenløbet ?!) osv. Selvom han nu har åbnet sig for at lege med Zeplin og Avocode, er de andre vigtige værktøjer, vi bruger til animation, detaljerede prototyping, klientanmeldelse er stadig et stort besvær.
  2. I Sketch-verdenen, når Sketch ikke spiller godt med andre børn, har vi plug-ins til at bygge bro over dette hul for at udvide Sketchs funktioner. Invision Craft, Real Time Board, Zeplin osv. Jeg savner virkelig de dage, hvor jeg bare kunne kopiere et kunstkort i Sketch og bare indsætte det fra ting som Powerpoint, Google Slides, Word eller hvor som helst. Figma? Vælg, indstil eksportindstillingerne, Eksporter, Find filen i Finder, træk og indsæt i et andet program. Hvis jeg har at gøre med 100 skærme, spilder jeg alt for meget tid på at flytte ting rundt og ikke fokusere på at løse problemer.
  3. ”Men hvorfor kan du ikke bare lade folk se dine designs på Figma direkte? Det er, hvad Figma-forhåndsvisning er rigtigt? ” En udvikler, som vi arbejdede med, sendte mig bare dette:

Jeg lavede bare et hurtigt benchmark for det med Chromes task manager

Bare at indlæse siden (“Unee -T-Designs “) er under en maksimal CPU-belastning på 250\% (med en 7. generation i7 CPU), og hukommelsesfodtryk på 350 MB

Når den er indlæst, klatrer hukommelsesfodtrykket op til 1.1 GB og afslutter derefter endelig omkring 950MB med en konstant CPU-belastning på 10-30\%: skrig:

Indlæsning af “Unee-T-Inspection-Report-v3-01” i sammenligning forårsager en CPU-belastning under indlæsning tid, der er næsten lige så høj, men hukommelsesfodudskriften topper med 450 MB, hvilket gør det mere håndterbart

Det er simpelthen forfærdeligt at få vist eksempler på designs på Figma for klienter, hvad enten det er udviklerens aflevering eller kommentering. Vi som designere kan udholde den slags ressourcer, Figma bruger på vores maskine, men vores kunder kan ikke. Indlæsningstiden for 1 skærm på Figma vs Invision er 15 sekunder vs mindre end 1 sekund.

Dette er langt det største problem, vi har. Da klienter og udviklere ikke kan forhåndsvise eller se designene på Figma godt, er vi nødt til at eksportere vores skærme til de sædvanlige platforme (Invision, Realtime Board), og denne proces spilder tid.

Så hvad er pointen med bruger Figma i første omgang, når det antages at være, hvor “alt” finder sted i et enkelt værktøj?

I løbet af de sidste 3 måneder af brugen af ​​Figma, er der ofte gange, hvor jeg følte “Damn, jeg har brug for at flytte tilbage til skitse ”kun for at indse, undskyld, Figma er en envejsgade. Desværre flyttes 3 af mine projekter alle ind i Figma med den store vision om, at det bliver bedre i fremtiden. Jeg kan kun håbe, at Figma forbedrer sig hurtigt for at imødekomme kundernes behov så hurtigt.

Et værktøj skal ikke imødekomme bare for Designer-personaen skal den overveje hele miljøsystemet af brugere omkring det, og hvordan værktøjet spiller godt med disse forskellige “interessenter”.

Håber dette hjælper for alle, der ønsker at flytte ind i Figma. .

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *