Som indholdsskaber på YouTube, der primært fokuserer på kreativ software til computere, har jeg set tonsvis af brugergrænseflader gennem årene.
Der er helt sikkert masser af skabere, udviklere, brugere osv., der har oplevet eller testet mange flere softwaregrænseflader end jeg. Jeg har dog testet og arbejdet med et respektabelt overflødighedshorn af software over forskellige stadier af deres udvikling til både forskning og formål at skabe indhold.
Jeg har brugt f.eks 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 mere. Disse programmer spænder over forskellige kategorier af kreativ software, og de har alle ting, jeg godt kan lide ved dem, og ting, jeg ikke kan lide – i forskellig grad.
Brugergrænsefladen (som står for "brugergrænseflade") i hvert af disse programmer kan variere meget, da denne liste spænder over forskellige kreative kategorier og inkluderer både gratis og betalt software.
Der er dog et program, der for nylig har gjort sig selv til at skille sig ud fra ovennævnte software – gratis og betalt – takket være en nylig større udgivelsesversion, der introducerede store opdateringer til sin brugergrænseflade. Dette program er Inkscape.
Her er hvorfor.
For nylig udgav Inkscape en betaversion til deres kommende 1.2 stabile udgivelse. Hvis du ikke er bekendt med Inkscape, er det en gratis og open source vektorgrafikeditor. Det er mest sammenligneligt med Illustrator – selvom det nok er bedre at tænke på det som et Dr. Strange multivers, hvor Illustrator eksisterer i det ene univers og Inkscape i det andet.
Inkscape 1.2: En meget kort historie
Inkscape har efter min mening altid haft et væld af potentiale, men har også været skævt. At kalde det "quirky" er at sige det pænt - måske er "buggy" et bedre udtryk. Det er tilstrækkeligt at sige, at det har været kendt for at gå ned meget og har masser af begrænsninger.
Dette gælder især siden Inkscape 1.0 blev udgivet i 2020 – hvilket tog programmet til et helt nyt niveau i forhold til funktioner og funktionalitet, men gjorde programmet meget mere ustabilt. Inkscape 1.0 viste os også, at programmet var på vej i en bedre retning med hensyn til UI-design, men ikke var noget særligt sammenlignet med anden moderne kreativ software.
I foråret 2021, Inkscape-teamet udgav Inkscape 1.1, og det blev tydeligt, at fællesskabet af frivillige Inkscape-udviklere begyndte at flytte fokus mod at forbedre brugeroplevelsen gennem en bedre brugergrænseflade.
Med denne udgivelse introducerede Inkscape en "Velkomstskærm", som er ret standard i betalt software, men sparsomt findes i gratis og open source-software. Andre bemærkelsesværdige UI tilføjelser eller ændringer introduceret i Inkscape 1.1 inkluderer en "kommando palet" for at hjælpe brugere med nemt at søge efter og anvende ting som filtre eller handlinger, dockable dialoger (hvilket betyder, at dialoger kan flyttes til nye positioner rundt om lærredet) og forbedrede eksportfunktioner og understøttelse af eksport til nye filformater.
Disse UI-forbedringer i Inkscape 1.0 og Inskcape 1.1 er fantastiske og har hjulpet Inkscape med at gøre gradvise fremskridt i retning af at blive bedre software. Hvor nyttige og spændende disse funktioner end er, sætter de blot grundlaget for det, der skulle komme.
I maj 2022 blev Inkscape 1.2 Beta frigivet og hævede efter min mening barren for UI-design.
Barren blev hævet, fordi Inkscape 1.2's brugergrænseflade ikke kun ser godt ud, den lader dig også tilpasse den mere end noget andet program (som jeg personligt har oplevet). Og den måde, den ser ud, og den måde, den kan tilpasses var resultatet af, at brugerne giver feedback, udviklere, der anerkender og diskuterer feedbacken, udviklere, der implementerer de mest optimale manifestationer af denne feedback, og brugere, der tester implementeringerne og starter feedbacksløjfen forfra.
Det er softwareudvikling, demokratiseret. Det er et vidunderligt casestudie i, hvorfor gratis og open source-software findes, og hvor fantastiske ting kan opnås gennem udvikling af fællesskaber.
Hvorfor Inkscape 1.2 UI skiller sig ud
Så hvad elsker jeg specifikt ved Inkscape 1.2's nye brugergrænseflade?
Opdateringer af velkomstskærmen
Lige fra start, velkomstskærmen (som igen var først introduceret i Inkscape 1.1) giver brugeren mulighed for at tilpasse brugergrænsefladen med fanen "Hurtig opsætning" (angivet med grønt på billedet ovenfor). Her kan brugeren:
- vælge deres lærredskonfiguration,
- indstille tastaturgenveje,
- indstille ikonstile og farver (i rullemenuen Udseende), og
- skifte mellem UI-farverne for at vælge mellem lys eller mørk tilstand
Velkomstskærmen er responsiv, så de ikoner, du vælger, opdaterer automatisk ikoneksemplet, der er placeret nær bunden af vinduet (gul pil på billedet ovenfor). Derudover vil farven på velkomstskærmen ændre sig, når der skiftes mellem lys og mørk tilstand (rød pil).
Du kan derefter navigere over til fanen "Tid til at tegne" (angivet med grønt på billedet ovenfor) og enten åbne et nyligt dokument, vælge en skabelon fra en af skabelonkategorierne (angivet i lyseblåt), eller indlæse et nyt dokument fra din computer (via knappen "Indlæs", der vises, når du er på fanen "Eksisterende filer" - vist med rødt på billedet ovenfor). Den sidste mulighed blev introduceret i Inkscape 1.2 - som hjalp med at runde funktionssættet til dokumentoprettelse på velkomstskærmen.
Jeg åbner en 1920×1080 px side ved at klikke på den tilsvarende skabelonfil (rød pil) under fanen "Skærm".
Det nye lærred
Ved åbning af et nyt dokument i Inkscape vil brugere af tidligere versioner af Inkscape bemærke et fornyet og renere lærredsområde. For Inkscape 1.2 har udviklere opdateret rammen omkring siden, ændret farven på "skrivebordet" (eller den grå grænse omkring siden - rød pil i ovenstående billede) og forbedret udseendet af faldskyggen under siden ( grøn pil). Disse subtile, men vigtige ændringer hjælper Inkscape til at føle sig mere behagelig og velkendt (især når du skifter fra Illustrator).
Det helt nye sideværktøj (sammensætninger på flere sider)
Åh, og apropos lærredsområdet - Inkscape 1.2 understøtter nu flersidede dokumenter.
Til dem af jer, der kommer fra Illustrator, lad mig oversætte: Inkscape understøtter nu flere tegnebrætter.
Denne funktion styres ved hjælp af "Page Tool" (rød pil på billedet ovenfor), som i det væsentlige er det samme som Illustrators "Artboard Tool." Med dette nye værktøj kan du enten hurtigt tegne nye sider i frihånd eller bruge kontrollinjen (markeret med grønt) til mere præcist at oprette nye sider baseret på dokumentforudindstillinger.
Du kan også vælge og ændre størrelse på en hvilken som helst side, flytte siden ved at klikke og trække eller tilpasse sidestørrelsen til ethvert valg eller illustration på siden. Endelig kan du eksportere dine flere sider som en flersidet PDF.
Denne flersidede funktion med et tilhørende sideværktøj er en længe ventet funktion, som skal hjælpe designere med at påtage sig mere komplekse, professionelle projekter.
Vanvittige niveauer af tilpasning
Hvis du ikke er tilfreds med den måde, den overordnede brugergrænseflade ser ud baseret på de valg, du har foretaget fra velkomstskærmen, kan du foretage ændringer i farverne og størrelserne på alle skærmelementerne ved at gå til Rediger> Indstillinger> Grænseflade> Temaer (rød pil på billedet ovenfor).
Under overskriften "Tema" (angivet med grønt i billedet ovenfor), kan du rulle gennem GTK-temaerne under "Skift GTK-tema" og se live forhåndsvisninger af de forskellige temastile, når du klikker på hver mulighed. Du kan også bruge skydere til at justere UI-skriftstørrelsen eller mængden af kontrast mellem UI-baggrundsfarven og teksten og ikonerne (grøn pil). Hvor har du ellers set en kontrastskyder??
Under overskriften "Ikoner" (angivet i gult på billedet ovenfor), kan du vælge mellem fire ikontemaer ved at bruge rullemenuen "Skift ikontema". Hvis du vælger enten "flerfarve" eller "hej farve", vil du få yderligere muligheder, såsom at vælge den "symbolske" version af ikonerne (gul pil) eller vælge de farver, der bruges til de symbolske ikoner (lys blå pil) – inklusive "Icon color base" og tre "Icon color highlights." Disse farver kan være, hvad du vil, og kan vælges fra et farvehjul, fra skyderne til din valgte farvetilstand eller ved at bruge en HEX-kode.
Hvis jeg navigerer over til Interface>Værktøjslinjer (rød pil i billedet ovenfor), mens jeg stadig er inde i dialogboksen Præferencer, vil du se tilpasning af værktøjslinjen og ikonerne, der bruges i hele brugergrænsefladen. Alle de værktøjer, der vises her under sektionen "Værktøjslinjer" (markeret i gult) er slået til som standard og vises således i værktøjslinjen. Hvis du klikker på et af ikonerne (lyseblå pil), slår det værktøj "fra" og skjuler det fra værktøjslinjen.
Under værktøjslinjeikonerne er der et par skydere. Den øverste skyder (rød pil på billedet ovenfor) giver dig mulighed for at justere størrelsen på værktøjslinjeikonerne (markeret i rødt), og den nederste skyder (lys sløringspil) giver dig mulighed for at justere størrelsen på kontrollinjeikonerne (omridset i lyseblå). Du vil bemærke, at begge starter ved 100 % og går op til 300 %. Det betyder, at du kan øge ikonstørrelserne op til tredoble deres oprindelige størrelse. Inkrementerne mellem disse værdier er også ret små (et eller andet sted omkring 5% intervaller), hvilket demonstrerer et hidtil uset niveau af granularitet til at foretage justeringer af UI-ikonerne.
Dette er blot et af mange eksempler på høje niveauer af kontrol over programmets udseende, som du vil se i hele denne nye udgivelse. Lad os gå ud af præferencedialogen for at vise nogle andre fantastiske brugergrænsefladefunktioner i Inkscape 1.2.
Opdateret farvepalet for mere kontrol, tilpasning
Under lærredsområdet er farvepaletten - det område, hvor du vælger farver til ting som objekter og tekst (angivet med grønt på billedet ovenfor). I tidligere versioner brugte denne palet sin egen dedikerede rullepanel, og farvefliserne havde en fast størrelse.
Farvepalettens rullepanel var problematisk, fordi lærredet også bruger en rullepanel (røde pile på billedet ovenfor) til at navigere vandret på siden. Med andre ord var der to rullebjælker i samme område, hvilket gør det forvirrende for nye brugere at skelne den ene bjælke fra den anden. Mere forvirrende for nye brugere var, at rullepanelet til farvepaletten kun ville blive vist ved svævning – så det kunne nemt gå glip af, hvis du ikke vidste, at det var der.
I Inkscape 1.2 er rullepanelet blevet erstattet med op- og ned-pile i højre side af farvepaletten (angivet med den røde pil og markeret med rødt på billedet ovenfor) for at hjælpe brugere med at søge eller rulle gennem de forskellige tilgængelige farver.
Lige til højre for op- og ned-pilene er menuen til at se og vælge andre tilgængelige farvepaletter (rød pil i billedet). Denne funktion er blevet opdateret til nu at inkludere små farveprøver af de forskellige farveprøver, der er tilgængelige i hver farvepalet (område fremhævet med grønt – du kan se de små prøveeksempler under navnet på hver farvepalet).
Plus, helt nederst i denne menu er et "Konfigurer"-link (lyseblå pil).
Her kan brugeren nu foretage justeringer af farvepalettens udseende. Du kan justere størrelsen på farvefliserne med "Tile Size"-skyderen (rød pil), størrelsesforholdet (grøn pil - forholdet mellem bredden og højden, hvor 0 på skyderen er en firkant) af farven fliser, kantstørrelsen omkring hver flise (lyseblå pil) og antallet af rækker af farveprøver, der vises i farvelinjen (gul pil). Du kan se på billedet, at jeg har foretaget adskillige justeringer, herunder at gøre flisestørrelserne større, klemme fliserne ved at øge billedformatet, tilføje en tykkere kant rundt om hver flise og øge antallet af viste fliserækker til 3.
Igen giver disse granulære indstillinger brugerne den ultimative kontrol over udseendet og følelsen af farvepaletten og Inkscape 1.2 UI. Dette gælder især i betragtning af, at størrelserne og stilingen af elementerne styres af brugervenlige skydere i stedet for mere klodsede alternativer, og skyderne har en bred vifte af værdier.
Lad os demonstrere, hvor utroligt dette er gennem en sammenligning.
Skyderen "Tilstørrelse" vist i denne Konfigurer-dialog for farvepaletten (rød pil på billedet ovenfor) indeholder værdier fra 4 til 32 i intervaller på 1 (hvilket betyder, at der er 19 værdier i alt, inklusive både 4 og 32). Alternativt giver Adobe Illustrators "Swatches"-panel kun 3 værdier for flisestørrelser - "small", "medium" og "large". Der er meget mindre kontrol eller tilpasningsmuligheder i Illustrator, en betalt software, end den nye Inkscape 1.2 – som er helt gratis.
Forenklede Snapping & Smart Guides
Et sidste eksempel, jeg vil dække for denne artikel, der demonstrerer Inkscapes fantastiske nye brugergrænseflade, er den nye omarbejdede "Snap Controls Bar." I tidligere versioner af Inkscape var denne bjælke placeret langs hele højre side af lærredet og viste alle snapkontrolikoner samtidigt. Dette oversvømmede forståeligt nok nye brugere med valg og gjorde det forvirrende og udfordrende at bruge disse kontroller.
I Inkscape 1.2 er Snap Controls-bjælken blevet reduceret til et enkelt ikon og en drejemenu eller "popover-menu", som Inkscape ynder at kalde det (markeret med rødt og markeret med pilen på billedet). Hvis du klikker på ikonet, aktiveres snap-kontroller, mens du klikker på det igen vil deaktivere snapping. Hvis en bruger ønsker mere kontrol, kan de klikke på popover-menuen (ikonet med trekanten), hvor de vil se et afkrydsningsfelt, som blot informerer dig om, hvorvidt snapping i øjeblikket er slået til, og tre nye ikoner.
De første to ikoner er ret standard: Fastgør til afgrænsningsfelter (rød pil) og aktiver snapping for noder (grøn pil). Det tredje ikon er en meget spændende og længe ventet funktion: justering på lærredet, også kendt af brugere som "smart guides" (lyseblå pil).
Når det er aktiveret (det er normalt deaktiveret som standard, så klik på ikonet for at aktivere det), ser brugerne nu hjælpelinjer direkte på deres lærred, når de flytter objekter rundt (rød pil i billedet). Ligesom i anden software, herunder Adobe Illustrator eller Affinity Designer, hjælper disse guider brugere med at justere objekter til midten af deres sider, justere til midten af andre objekter, jævnt adskille objekter fra hinanden eller endda hurtigt oprette gitter af objekter med jævnt fordelte objekter.
Til sidst, når du vender tilbage til "popover-menuen", er der et link nederst i vinduet mærket "Avanceret tilstand."
Dette link fører dig til yderligere snapping-kontroller, der giver dig mulighed for at aktivere eller deaktivere individuelle snapping-funktioner. Disse er alle de snapping-kontroller, der plejede at blive vist langs hele højre side af Inkscape-lærredsvinduet i tidligere versioner. De er nu pænt gemt i denne menu. For at vende tilbage til den enklere opsætning skal du klikke på "Nulstil til simpel snapping-tilstand" (rød pil på billedet).
Inkscape, den gratis vektorgrafikeditor, har for alvor optrappet sit UI-spil med denne imponerende Inkscape 1.2-udgivelse. Det giver ikke kun detaljeret (dagens ord) kontrol over brugergrænsefladeindstillinger på flere niveauer, det forenkler også mange kontroller for at forbedre brugeroplevelsen, mens de stadig gør disse kontroller tilgængelige i let tilgængelige menuer for mere avancerede brugere.
For mere information om, hvad der er nyt i Inkscape 1.2, tjek min videotutorial, der dækker ALLE de nyeste funktioner med denne mega-udgivelsesversion (kommer snart!). Og som altid kan du downloade den seneste version af Inkscape GRATIS fra Inkscape.org.
