Ny Inkscape 1.2 sjokkerer Internett med vakre UI-oppdateringer

En introduksjon til Inkscapes flotte brukergrensesnitt

Som innholdsskaper på YouTube med fokus primært på kreativ programvare for skrivebord, har jeg sett tonnevis av brukergrensesnitt gjennom årene.

Det er absolutt mange skapere, utviklere, brukere osv. som har opplevd eller testet mange flere programvaregrensesnitt enn meg. Jeg har imidlertid testet ut og jobbet med et respektabelt overflødighetshorn av programvare over ulike stadier av utviklingen både for forskning og formål å skape innhold.

Jeg har brukt slike som GIMP, Premiere Pro, Photoshop, After Effects, Illustrator, Affinity Photo, Affinity Designer, Affinity Publisher, InDesign, Scribus, LibreOffice, Blender, darktable, RawTherapee, OBS, Krita, DaVinci Resolve, Final Cut, Olive og mer. Disse programmene spenner over ulike kategorier av kreativ programvare, og de har alle ting jeg liker ved dem og ting jeg ikke liker – i ulik grad.

Brukergrensesnittet (som står for "brukergrensesnitt“) i hvert av disse programmene kan variere sterkt, da denne listen spenner over ulike kreative kategorier og inkluderer både gratis og betalt programvare.

Imidlertid er det ett program som nylig har skilt seg ut fra programvaren nevnt ovenfor – gratis og betalt – takket være en nylig stor utgivelsesversjon som introduserte store oppdateringer til brukergrensesnittet. Dette programmet er Inkscape.

Her er hvorfor.

Nylig ga Inkscape ut en betaversjon for deres kommende 1.2 stabile utgivelse. Hvis du ikke er kjent med Inkscape, er det en gratis og åpen kildekode vektorgrafikkredigerer. Det er mest sammenlignbart med Illustrator – selv om det sannsynligvis er bedre å tenke på det i form av et Dr. Strange multivers der Illustrator eksisterer i det ene universet og Inkscape i det andre.

Inkscape 1.2: En veldig kort historie

Inkscape, etter min mening, har alltid hatt massevis av potensiale, men har også vært sære. Å kalle det "quirky" er å si det pent - kanskje er "buggy" et bedre begrep. Det er nok å si at det har vært kjent for å krasje mye og har mange begrensninger.

Dette gjelder spesielt siden Inkscape 1.0 ble utgitt i 2020 – som tok programmet til et helt nytt nivå når det gjelder funksjoner og funksjonalitet, men gjorde programmet mye mer ustabilt. Inkscape 1.0 viste oss også at programmet var på vei i en bedre retning når det gjelder UI-design, men var ikke noe spesielt sammenlignet med annen moderne kreativ programvare.

Våren 2021, Inkscape-teamet ga ut Inkscape 1.1, og det ble tydelig at fellesskapet av frivillige Inkscape-utviklere begynte å skifte fokus mot å forbedre brukeropplevelsen gjennom et bedre brukergrensesnitt.

Med denne utgivelsen introduserte Inkscape en "Velkomstskjerm", som er ganske standard i betalt programvare, men lite funnet i gratis og åpen kildekode-programvare. Andre bemerkelsesverdige UI-tilføyelser eller endringer introdusert i Inkscape 1.1 inkluderer en "kommandopalett" for å hjelpe brukere enkelt å søke etter og bruke ting som filtre eller handlinger, dokkingbare dialoger (som betyr at dialoger kan flyttes til nye posisjoner rundt lerretet), og forbedrede eksportfunksjoner og støtte for eksport til nye filformater.

Disse UI-forbedringene i Inkscape 1.0 og Inskcape 1.1 er flotte og har hjulpet Inkscape med å gjøre gradvis fremgang mot å bli bedre programvare. Så nyttige og spennende som disse funksjonene er, legger de bare grunnlaget for det som skulle komme.

I mai 2022 ble Inkscape 1.2 Beta utgitt og, etter min mening, hevet standarden for UI-design.

Baren ble hevet fordi brukergrensesnittet til Inkscape 1.2 ikke bare ser bra ut, det lar deg også tilpasse det mer enn noe annet program (som jeg personlig har opplevd). Og slik den ser ut og måten den kan tilpasses var resultatet av at brukerne gir tilbakemelding, utviklere som anerkjenner og diskuterer tilbakemeldingene, utviklere som implementerer de mest optimale manifestasjonene av denne tilbakemeldingen, og brukere som tester ut implementeringene og starter tilbakemeldingssløyfen på nytt.

Det er programvareutvikling, demokratisert. Det er en fantastisk casestudie om hvorfor gratis og åpen kildekode-programvare eksisterer, og hvor fantastiske ting kan oppnås gjennom fellesskapsutvikling.

Hvorfor Inkscape 1.2-grensesnittet skiller seg ut

Så, hva spesielt liker jeg med Inkscape 1.2s nye brukergrensesnitt?

Oppdateringer av velkomstskjermen

Rett utenfor flagget, velkomstskjermen (som igjen var først introdusert i Inkscape 1.1) lar brukeren tilpasse brukergrensesnittet med «Hurtigoppsett»-fanen (skissert i grønt i bildet ovenfor). Her kan brukeren:

• velge deres lerretskonfigurasjon,
• angi hurtigtaster,
• angi ikonstiler og farger (i rullegardinmenyen Utseende), og
• veksle mellom UI-fargene for å velge mellom lys eller mørk modus

Velkomstskjermen er responsiv, så ikonene du velger vil automatisk oppdatere ikonforhåndsvisningen som ligger nær bunnen av vinduet (gul pil i bildet ovenfor). I tillegg vil fargen på velkomstskjermen endres når du veksler mellom lys og mørk modus (rød pil).

Du kan deretter navigere over til "Tid for å tegne"-fanen (skissert i grønt i bildet ovenfor) og enten åpne et nylig dokument, velge en mal fra en av malkategoriene (skissert i lyseblått), eller laste inn et nytt dokument fra datamaskinen din (via "Last inn"-knappen som vises når du er i fanen "Eksisterende filer" - skissert i rødt i bildet ovenfor). Det siste alternativet ble introdusert i Inkscape 1.2 – som bidro til å avrunde funksjonssettet for dokumentoppretting på velkomstskjermen.

Jeg åpner en side på 1920×1080 px ved å klikke på den tilsvarende malfilen (rød pil) under fanen "Skjerm".

Det nye lerretet

Når du åpner et nytt dokument i Inkscape, vil brukere av tidligere versjoner av Inkscape legge merke til et fornyet og renere lerretsområde. For Inkscape 1.2 har utviklere oppdatert rammen rundt siden, endret fargen på "skrivebordet" (eller den grå grensen rundt siden - rød pil i bildet ovenfor), og forbedret utseendet til fallskyggen under siden ( grønn pil). Disse subtile, men viktige endringene hjelper Inkscape til å føle seg mer komfortabel og kjent (spesielt når du bytter fra Illustrator).

Det splitter nye sideverktøyet (flersidekomposisjoner)

Å, og apropos lerretsområdet – Inkscape 1.2 støtter nå dokumenter på flere sider.

For de av dere som kommer fra Illustrator, la meg oversette: Inkscape støtter nå flere tegnebrett.

Denne funksjonen styres ved hjelp av "Page Tool" (rød pil i bildet ovenfor), som i hovedsak er det samme som Illustrators "Artboard Tool." Med dette nye verktøyet kan du enten raskt tegne nye sider på frihånd, eller bruke kontrolllinjen (skissert i grønt) for mer presist å lage nye sider basert på forhåndsinnstillinger for dokumenter.

Du kan også velge og endre størrelse på en side, flytte siden ved å klikke og dra, eller tilpasse sidestørrelsen til et hvilket som helst utvalg eller kunstverk på siden. Til slutt kan du eksportere flere sider som en flersidet PDF.

Denne funksjonen med flere sider med tilhørende sideverktøy er en etterlengtet funksjon som skal hjelpe designere til å ta på seg mer komplekse, profesjonelle prosjekter.

Vanvittige nivåer av tilpasning

Hvis du ikke er fornøyd med hvordan det generelle brukergrensesnittet ser ut basert på valgene du gjorde fra velkomstskjermen, kan du gjøre endringer i fargene og størrelsene på alle elementene på skjermen ved å gå til Rediger> Innstillinger> Grensesnitt> Tema (rød pil i bildet over).

Under "Tema"-overskriften (skissert i grønt i bildet ovenfor), kan du bla gjennom GTK-temaene under "Endre GTK-tema" og se live forhåndsvisninger av de forskjellige temastilene når du klikker på hvert alternativ. Du kan også bruke glidebrytere for å justere UI-skriftstørrelsen, eller mengden kontrast mellom UI-bakgrunnsfargen og teksten og ikonene (grønn pil). Hvor ellers har du sett en kontrastglidebryter??

Under "Ikoner"-overskriften (skissert i gult i bildet ovenfor), kan du velge mellom fire ikontemaer ved å bruke rullegardinmenyen "Endre ikontema". Hvis du velger enten "flerfarge" eller "hi color", vil du få flere alternativer som å velge den "symbolske" versjonen av ikonene (gul pil), eller velge fargene som brukes for de symbolske ikonene (lys blå pil) – inkludert "Icon color base" og tre "Icon color highlights." Disse fargene kan være hva du vil og kan velges fra et fargehjul, fra glidebryterne for din valgte fargemodus, eller ved å bruke en HEX-kode.

Hvis jeg navigerer over til Grensesnitt>Verktøylinjer (rød pil i bildet ovenfor) mens jeg fortsatt er inne i Innstillinger-dialogen, vil du se tilpasning for verktøylinjen og ikonene som brukes i hele brukergrensesnittet. Alle verktøyene som vises her under "Verktøylinjer"-delen (skissert i gult) er slått på som standard, og vises dermed i verktøylinjen. Ved å klikke på et av ikonene (lyseblå pil) vil verktøyet slås av og skjules fra verktøylinjen.

Under verktøylinjeikonene er et par skyveknapper. Den øverste glidebryteren (rød pil på bildet over) lar deg justere størrelsen på verktøylinjeikonene (skissert i rødt), og den nederste glidebryteren (lys uskarphetspil) lar deg justere størrelsen på kontrolllinjeikonene (skissert i lyse blå). Du vil legge merke til at begge starter på 100 % og går opp til 300 %. Dette betyr at du kan øke ikonstørrelsene opp til tredoble den opprinnelige størrelsen. Inkrementene mellom disse verdiene er også ganske små (et sted rundt 5% intervaller), noe som viser et enestående nivå av granularitet for å gjøre justeringer av UI-ikonene.

Dette er bare ett av mange eksempler på høye nivåer av kontroll over programmets utseende som du vil se gjennom denne nye utgivelsen. La oss gå ut av preferansedialogen for å vise frem noen andre fantastiske brukergrensesnittfunksjoner i Inkscape 1.2.

Oppdatert fargepalett for mer kontroll, tilpasning

Under lerretsområdet er fargepaletten – området der du velger farger for ting som objekter og tekst (skissert i grønt på bildet ovenfor). I tidligere versjoner brukte denne paletten sin egen dedikerte rullefelt og fargeflisene hadde en fast størrelse.

Fargepalettens rullefelt var problematisk fordi lerretet også bruker et rullefelt (røde piler i bildet over) for å navigere horisontalt på siden. Med andre ord var det to rullefelt i samme nærhet, noe som gjør det forvirrende for nye brukere å skille den ene stolpen fra den andre. Mer forvirrende for nye brukere var at rullefeltet for fargepaletten bare ville vises ved sveving – så det kan lett gå glipp av det hvis du ikke visste at det var der.

I Inkscape 1.2 er rullefeltet erstattet med opp- og nedpiler på høyre side av fargepaletten (angitt med den røde pilen og omrisset i rødt i bildet ovenfor) for å hjelpe brukere med å søke eller bla gjennom de forskjellige tilgjengelige farger.

Rett til høyre for opp- og nedpilene er menyen for å se og velge andre tilgjengelige fargepaletter (rød pil i bildet). Denne funksjonen har blitt oppdatert for nå å inkludere små fargeforhåndsvisninger av de forskjellige fargeprøvene som er tilgjengelige i hver fargepalett (området uthevet i grønt – du kan se de små forhåndsvisningene av fargeprøven under navnet på hver fargepalett).

I tillegg, helt nederst på denne menyen er en "Konfigurer"-lenke (lyseblå pil).

Her kan brukeren nå gjøre justeringer av fargepalettens utseende. Du kan justere størrelsen på fargeflisene med glidebryteren "Tilstørrelse" (rød pil), sideforholdet (grønn pil – forholdet mellom bredde og høyde, med 0 på glidebryteren som en firkant) til fargen fliser, kantstørrelsen rundt hver flis (lyseblå pil) og antall rader med fargeprøver som vises i fargelinjen (gul pil). Du kan se på bildet at jeg har gjort flere justeringer, inkludert å gjøre flisstørrelsene større, klemme flisene ved å øke sideforholdet, legge til en tykkere kant rundt hver flis og øke antallet flisrader som vises til 3.

Igjen gir disse granulære innstillingene brukere den ultimate kontrollen over utseendet og følelsen til fargepaletten og Inkscape 1.2 UI. Dette gjelder spesielt gitt at størrelsene og stilen til elementene styres av brukervennlige skyveknapper i stedet for clunkiere alternativer, og glidebryterne har et bredt spekter av verdier.

La oss demonstrere hvor utrolig dette er gjennom en sammenligning.

"Tile Size"-glidebryteren vist i denne Konfigurer-dialogen for fargepaletten (rød pil i bildet ovenfor) har verdier fra 4 til 32, i trinn på 1 (som betyr at det er 19 verdier totalt, inkludert både 4 og 32). Alternativt gir Adobe Illustrators «Swatches»-panel kun 3 verdier for flisstørrelser – «liten», «middels» og «stor». Det er mye mindre kontroll eller tilpasningsmuligheter i Illustrator, en betalt programvare, enn den nye Inkscape 1.2 – som er helt gratis.

Forenklede Snapping & Smart Guides

Et siste eksempel jeg skal dekke for denne artikkelen som demonstrerer Inkscapes fantastiske nye brukergrensesnitt, er den nye omarbeidede "Snap Controls Bar." I tidligere versjoner av Inkscape var denne linjen plassert langs hele høyre side av lerretet og viste alle snapkontrollikoner samtidig. Dette oversvømmet forståelig nok nye brukere med valg og gjorde det forvirrende og utfordrende å bruke disse kontrollene.

I Inkscape 1.2 har Snap Controls-linjen blitt redusert til et enkelt ikon og en virvelmeny, eller "popover-meny" som Inkscape liker å kalle det (markert i rødt og merket med pilen i bildet). Ved å klikke på ikonet aktiveres snap-kontroller, mens et klikk på det igjen vil deaktivere snapping. Hvis en bruker vil ha mer kontroll, kan de klikke på popover-menyen (ikonet med trekanten) hvor de vil se en avkrysningsboks, som ganske enkelt informerer deg om hvorvidt snapping er slått på eller ikke, og tre nye ikoner.

De to første ikonene er ganske standard: fest til avgrensende bokser (rød pil) og aktiver snapping for noder (grønn pil). Det tredje ikonet er en veldig spennende og mye etterlengtet funksjon: justering på lerret, også kjent for brukere som "smarte guider" (lyseblå pil).

Når den er aktivert (den er vanligvis deaktivert som standard, så klikk på ikonet for å aktivere den), ser brukerne nå guider direkte på lerretet mens de flytter objekter rundt (rød pil i bildet). Som i annen programvare, inkludert Adobe Illustrator eller Affinity Designer, hjelper disse veiledningene brukere med å justere objekter til midten av sidene sine, justere til midten av andre objekter, jevne mellomrom objekter, eller til og med raskt lage rutenett med jevnt fordelte objekter.

Til slutt, når du kommer tilbake til "popover-menyen", er det en lenke nederst i vinduet merket "Avansert modus."

Denne koblingen tar deg til flere snapping-kontroller som lar deg aktivere eller deaktivere individuelle snapping-funksjoner. Dette er alle snapping-kontrollene som pleide å vises langs hele høyre side av Inkscape-lerretsvinduet i tidligere versjoner. De ligger nå pent bortgjemt i denne menyen. For å gå tilbake til det enklere oppsettet, klikk "Tilbakestill til enkel snapping-modus" (rød pil i bildet).

Inkscape, den gratis vektorgrafikkredigereren, har for alvor trappet opp brukergrensesnittet sitt med denne imponerende Inkscape 1.2-utgivelsen. Det gir ikke bare detaljert (dagens ord) kontroll over UI-innstillinger på flere nivåer, det forenkler også mange kontroller for å forbedre brukeropplevelsen samtidig som disse kontrollene er tilgjengelige i lett tilgjengelige menyer for mer avanserte brukere.

For mer informasjon om hva er nytt i Inkscape 1.2, sjekk ut videoopplæringen min som dekker ALLE de nyeste funksjonene med denne megautgivelsesversjonen. Og som alltid kan du laste ned den nyeste versjonen av Inkscape GRATIS fra Inkscape.org. Til slutt, ikke glem å sjekke ut min andre Inkscape-videoopplæringer og hjelpeartikler på nettsiden min.