Als maker van inhoud op YouTube die zich voornamelijk richt op creatieve desktopsoftware, heb ik in de loop der jaren talloze gebruikersinterfaces gezien.

Er zijn zeker tal van makers, ontwikkelaars, gebruikers, enz. Die veel meer software-interfaces hebben ervaren of getest dan ik. Ik heb echter een respectabele overvloed aan software uitgeprobeerd en ermee gewerkt in verschillende stadia van hun ontwikkeling voor zowel onderzoek als doeleinden voor het maken van inhoud.

Ik heb de likes van gebruikt 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 en meer. Deze programma's omvatten verschillende categorieën creatieve software, en ze hebben allemaal dingen die ik leuk vind en dingen die ik niet leuk vind – in verschillende mate.

De gebruikersinterface (wat staat voor "gebruikersinterface") in elk van deze programma's kan sterk variëren, aangezien deze lijst verschillende creatieve categorieën omvat en zowel gratis als betaalde software bevat.

Er is echter één programma dat zich onlangs heeft onderscheiden van de hierboven genoemde software - gratis en betaald - dankzij een recente grote releaseversie die belangrijke updates voor de gebruikersinterface introduceerde. Dit programma is Inkscape.

Dit is waarom.

Onlangs heeft Inkscape een bètaversie uitgebracht voor hun aankomende stabiele versie 1.2. Als u niet bekend bent met Inkscape, is het een gratis en open source vectorafbeeldingen-editor. Het is het meest vergelijkbaar met Illustrator, hoewel het waarschijnlijk beter is om het te zien in termen van een Dr. Strange-multiversum waar Illustrator bestaat in het ene universum en Inkscape in het andere.

Inkscape 1.2: een heel korte geschiedenis

Inkscape heeft naar mijn mening altijd veel potentieel gehad, maar was ook eigenzinnig. Om het "eigenzinnig" te noemen, is het mooi gezegd - misschien is "buggy" een betere term. Het is voldoende om te zeggen dat het bekend is dat het veel crasht en veel beperkingen heeft.

Dit is vooral waar sinds Inkscape 1.0 werd uitgebracht in 2020 - wat het programma naar een heel nieuw niveau bracht in termen van functies en functionaliteit, maar het programma veel onstabieler maakte. Inkscape 1.0 liet ons ook zien dat het programma een betere richting opging op het gebied van UI-ontwerp, maar niets bijzonders was in vergelijking met andere moderne creatieve software.

In het voorjaar van 2021, het Inkscape-team heeft Inkscape 1.1 uitgebracht, en het werd duidelijk dat de gemeenschap van vrijwillige Inkscape-ontwikkelaars de focus begon te verleggen naar het verbeteren van de gebruikerservaring door middel van een betere gebruikersinterface.

Met deze release introduceerde Inkscape een "welkomstscherm", dat vrij standaard is in betaalde software, maar schaars wordt aangetroffen in gratis en open source-software. Andere opmerkelijke toevoegingen of wijzigingen aan de gebruikersinterface die in Inkscape 1.1 zijn geïntroduceerd, zijn onder meer een "opdrachtpalet" waarmee gebruikers gemakkelijk dingen als filters of acties kunnen zoeken en toepassen, dockbare dialogen (wat betekent dat dialogen naar nieuwe posities op het canvas kunnen worden verplaatst) en verbeterde exportfuncties en ondersteuning voor het exporteren naar nieuwe bestandsindelingen.

Deze UI-verbeteringen in Inkscape 1.0 en Inskcape 1.1 zijn geweldig en hebben Inkscape geholpen om stapsgewijs betere software te worden. Hoe nuttig en opwindend deze functies ook zijn, ze vormen slechts de basis voor wat komen gaat.

In mei 2022 werd Inkscape 1.2 Beta uitgebracht en dit legde naar mijn mening de lat voor UI-ontwerp hoger.

De lat werd hoger gelegd omdat de gebruikersinterface van Inkscape 1.2 er niet alleen goed uitziet, maar je het ook meer laat aanpassen dan enig ander programma (dat ik persoonlijk heb ervaren). En de manier waarop het eruit ziet en de manier waarop het kan worden aangepast was het resultaat van gebruikers die feedback geven, ontwikkelaars die de feedback erkennen en bespreken, ontwikkelaars die de meest optimale manifestaties van die feedback implementeren, en gebruikers die de implementaties testen en de feedbacklus opnieuw beginnen.

Het is softwareontwikkeling, gedemocratiseerd. Het is een prachtige case study over waarom gratis en open source software bestaat en hoe geweldige dingen kunnen worden bereikt door community-ontwikkeling.

Waarom de gebruikersinterface van Inkscape 1.2 opvalt

Dus, wat vind ik zo leuk aan de nieuwe gebruikersinterface van Inkscape 1.2?

De updates van het welkomstscherm

Meteen, het welkomstscherm (dat, nogmaals, was) voor het eerst geïntroduceerd in Inkscape 1.1) stelt de gebruiker in staat om de gebruikersinterface aan te passen met het tabblad "Snelle installatie" (groen weergegeven in de afbeelding hierboven). Hier kan de gebruiker:

  • kies hun canvasconfiguratie,
  • sneltoetsen instellen,
  • stel pictogramstijlen en kleuren in (in de vervolgkeuzelijst Uiterlijk), en
  • schakel de UI-kleuren om te kiezen uit de lichte of donkere modus

Het welkomstscherm reageert, dus de pictogrammen die u selecteert, werken automatisch het pictogramvoorbeeld bij dat zich onderaan het venster bevindt (gele pijl in de afbeelding hierboven). Bovendien verandert de kleur van het welkomstscherm bij het wisselen tussen lichte en donkere modi (rode pijl).

U kunt vervolgens naar het tabblad "Tijd om te tekenen" navigeren (groen weergegeven in de afbeelding hierboven) en een recent document openen, een sjabloon selecteren uit een van de sjablooncategorieën (lichtblauw weergegeven) of een nieuw document laden vanaf uw computer (via de knop "Laden" die wordt weergegeven wanneer u zich op het tabblad "Bestaande bestanden" bevindt - rood omlijnd in de afbeelding hierboven). De laatste optie werd geïntroduceerd in Inkscape 1.2 - wat hielp om de functieset voor het maken van documenten in het welkomstscherm af te ronden.

Ik open een 1920×1080 px-pagina door op het bijbehorende sjabloonbestand (rode pijl) onder het tabblad "Scherm" te klikken.

Het nieuwe canvas

Bij het openen van een nieuw document in Inkscape, zullen gebruikers van eerdere versies van Inkscape een vernieuwd en schoner uitziend canvasgebied opmerken. Voor Inkscape 1.2 hebben ontwikkelaars de rand rond de pagina bijgewerkt, de kleur van het "bureau" (of de grijze grens rond de pagina - rode pijl in de bovenstaande afbeelding) gewijzigd en het uiterlijk van de slagschaduw onder de pagina verbeterd ( groene pijl). Deze subtiele maar belangrijke veranderingen zorgen ervoor dat Inkscape zich comfortabeler en vertrouwder voelt (vooral bij het overschakelen van Illustrator).

De gloednieuwe paginatool (composities met meerdere pagina's)

Oh, en over het canvasgebied gesproken - Inkscape 1.2 ondersteunt nu documenten met meerdere pagina's.

Voor degenen onder u die van Illustrator komen, laat me vertalen: Inkscape ondersteunt nu meerdere tekengebieden.

Deze functie wordt bestuurd met behulp van het "Paginagereedschap" (rode pijl in de afbeelding hierboven), wat in wezen hetzelfde is als het "Tekengebiedgereedschap" van Illustrator. Met deze nieuwe tool kun je ofwel snel uit de vrije hand nieuwe pagina's tekenen, of de bedieningsbalk (groen omlijnd) gebruiken om nauwkeuriger nieuwe pagina's te maken op basis van documentvoorinstellingen.

U kunt ook elke pagina selecteren en het formaat wijzigen, de pagina verplaatsen door te klikken en te slepen, of de paginagrootte aanpassen aan elke selectie of illustratie op de pagina. Ten slotte kunt u uw meerdere pagina's exporteren als een PDF met meerdere pagina's.

Deze functie met meerdere pagina's en een bijbehorende paginatool is een langverwachte functie die ontwerpers zou moeten helpen om complexere, professionele projecten aan te gaan.

Krankzinnige niveaus van aanpassing

Als u niet tevreden bent met de manier waarop de algemene gebruikersinterface eruitziet op basis van de keuzes die u in het welkomstscherm hebt gemaakt, kunt u wijzigingen aanbrengen in de kleuren en formaten van alle elementen op het scherm door naar Bewerken>Voorkeuren>Interface>Thema's te gaan (rode pijl in de afbeelding hierboven).

Onder de kop "Thema" (groen weergegeven in de bovenstaande afbeelding), kunt u door de GTK-thema's scrollen onder "GTK-thema wijzigen" en live voorbeelden van de verschillende themastijlen bekijken terwijl u op elke optie klikt. U kunt ook schuifregelaars gebruiken om de lettergrootte van de gebruikersinterface of de hoeveelheid contrast tussen de achtergrondkleur van de gebruikersinterface en de tekst en pictogrammen (groene pijl) aan te passen. Waar heb je nog meer een contrast slider gezien??

Onder de kop "Pictogrammen" (geel gemarkeerd in de bovenstaande afbeelding), kunt u kiezen uit een van de vier pictogramthema's met behulp van de vervolgkeuzelijst "Icoonthema wijzigen". Als u de optie "multi-color" of "hi color" selecteert, krijgt u extra opties, zoals het selecteren van de "symbolische" versie van de pictogrammen (gele pijl) of het selecteren van de kleuren die worden gebruikt voor de symbolische pictogrammen (licht blauwe pijl) - inclusief de "Icoon-kleurbasis" en drie "Icoonkleur-highlights". Deze kleuren kunnen zijn wat u maar wilt en kunnen worden geselecteerd uit een kleurenwiel, uit de schuifregelaars voor de door u gekozen kleurmodus of door een HEX-code te gebruiken.

Als ik naar Interface>Werkbalken navigeer (rode pijl in de afbeelding hierboven) terwijl ik me nog in het dialoogvenster Voorkeuren bevindt, zie je aanpassingen voor de werkbalk en pictogrammen die in de gebruikersinterface worden gebruikt. Alle tools die hier worden weergegeven onder de sectie "Werkbalken" (geel gemarkeerd) zijn standaard ingeschakeld en worden dus weergegeven in de werkbalk. Als u op een van de pictogrammen (lichtblauwe pijl) klikt, wordt die tool "uit" gezet en verborgen voor de werkbalk.

Onder de werkbalkpictogrammen bevinden zich een paar schuifregelaars. Met de bovenste schuifregelaar (rode pijl op de foto hierboven) kunt u de grootte van de werkbalkpictogrammen aanpassen (in rood weergegeven) en met de onderste schuifregelaar (lichte vervagingspijl) kunt u de grootte van de bedieningsbalkpictogrammen aanpassen (aangegeven in lichtblauw). U zult merken dat beide beginnen bij 100% en oplopen tot 300%. Dit betekent dat u de pictogramgrootte kunt vergroten tot driemaal de oorspronkelijke grootte. De stappen tussen deze waarden zijn ook vrij klein (ergens rond de 5%), wat een ongekend niveau van granulariteit laat zien voor het maken van aanpassingen aan de UI-pictogrammen.

Dit is slechts een van de vele voorbeelden van een hoge mate van controle over het uiterlijk van het programma die u in deze nieuwe release zult zien. Laten we het voorkeurendialoogvenster verlaten om enkele andere geweldige UI-functies in Inkscape 1.2 te laten zien.

Bijgewerkt kleurenpalet voor meer controle en aanpassing

Onder het canvasgebied bevindt zich het kleurenpalet - het gebied waar u kleuren selecteert voor dingen zoals objecten en tekst (in de bovenstaande foto groen weergegeven). In eerdere versies gebruikte dit palet zijn eigen speciale schuifbalk en hadden de kleurentegels een vaste grootte.

De schuifbalk van het kleurenpalet was problematisch omdat het canvas ook gebruikt een schuifbalk (rode pijlen in de afbeelding hierboven) om horizontaal op de pagina te navigeren. Met andere woorden, er waren twee schuifbalken in dezelfde buurt, waardoor het voor nieuwe gebruikers verwarrend was om de ene balk van de andere te onderscheiden. Meer verwarrend voor nieuwe gebruikers was dat de schuifbalk voor het kleurenpalet alleen zou verschijnen bij het aanwijzen - dus het kon gemakkelijk worden gemist als je niet wist dat het er was.

In Inkscape 1.2 is de schuifbalk vervangen door pijlen omhoog en omlaag aan de rechterkant van het kleurenpalet (aangegeven door de rode pijl en rood omlijnd in de afbeelding hierboven) om gebruikers te helpen zoeken of bladeren door de verschillende beschikbare kleuren.

Rechts van de pijlen omhoog en omlaag bevindt zich het menu om andere beschikbare kleurenpaletten te bekijken en te selecteren (rode pijl in de afbeelding). Deze functie is bijgewerkt en bevat nu kleine kleurvoorbeelden van de verschillende stalen die beschikbaar zijn in elk kleurenpalet (gebied gemarkeerd in groen - u kunt de kleine voorbeeldvoorbeelden zien onder de naam van elk kleurenpalet).

Bovendien staat helemaal onderaan dit menu een link "Configureren" (lichtblauwe pijl).

Hier kan de gebruiker nu aanpassingen maken aan het uiterlijk van het kleurenpalet. De grootte van de kleurtegels kan worden aangepast met de schuifregelaar "Tegelgrootte" (rode pijl), de beeldverhouding (groene pijl - verhouding van de breedte tot de hoogte, waarbij 0 op de schuifregelaar een vierkant is) van de kleur tegels, de grootte van de rand rond elke tegel (lichtblauwe pijl) en het aantal rijen met stalen dat wordt weergegeven in de kleurenbalk (gele pijl). Je kunt op de foto zien dat ik verschillende aanpassingen heb gemaakt, waaronder het groter maken van de tegelformaten, het samendrukken van de tegels door de beeldverhouding te vergroten, een dikkere rand rond elke tegel toe te voegen en het aantal weergegeven tegelrijen te verhogen tot 3.

Nogmaals, deze gedetailleerde instellingen geven gebruikers de ultieme controle over het uiterlijk van het kleurenpalet en de gebruikersinterface van Inkscape 1.2. Dit geldt met name omdat de afmetingen en stijl van de elementen worden beheerd door gebruiksvriendelijke schuifregelaars in plaats van onhandigere alternatieven, en de schuifregelaars een breed scala aan waarden hebben.

Laten we door middel van een vergelijking laten zien hoe ongelooflijk dit is.

De schuifregelaar "Tegelgrootte" die wordt weergegeven in dit dialoogvenster Configureren voor het kleurenpalet (rode pijl in de bovenstaande afbeelding) bevat waarden van 4 tot 32, in stappen van 1 (wat betekent dat er in totaal 19 waarden zijn, inclusief zowel 4 als 32). Als alternatief biedt het deelvenster "Stalen" van Adobe Illustrator slechts 3 waarden voor tegelformaten: "klein", "gemiddeld" en "groot". Er is veel minder controle of aanpasbaarheid in Illustrator, een betaalde software, dan de nieuwe Inkscape 1.2 - die helemaal gratis is.

Vereenvoudigd snappen en slimme hulplijnen

Een laatste voorbeeld dat ik zal behandelen voor dit artikel dat de verbazingwekkende nieuwe gebruikersinterface van Inkscape demonstreert, is de nieuwe herwerkte "Snap Controls Bar". In eerdere versies van Inkscape bevond deze balk zich langs de gehele rechterkant van het canvas en werden alle pictogrammen voor snapknoppen tegelijkertijd weergegeven. Dit overspoelde nieuwe gebruikers begrijpelijkerwijs met keuzes en maakte het gebruik van deze bedieningselementen verwarrend en uitdagend.

In Inkscape 1.2 is de Snap Controls-balk teruggebracht tot een enkel pictogram en een draaimenu, of "popover-menu" zoals Inkscape het graag noemt (rood omlijnd en aangegeven door de pijl in de afbeelding). Als u op het pictogram klikt, wordt snapbediening ingeschakeld, terwijl u nogmaals op het pictogram klikt om snappen uit te schakelen. Als een gebruiker meer controle wil, kunnen ze klikken op het popover-menu (het pictogram met de driehoek) waar ze een selectievakje zien, dat je eenvoudig informeert of snappen momenteel is ingeschakeld, en drie nieuwe pictogrammen.

De eerste twee pictogrammen zijn vrij standaard: snap naar begrenzingsvakken (rode pijl) en schakel snappen voor knooppunten in (groene pijl). Het derde pictogram is een zeer opwindende en langverwachte functie: uitlijning op het canvas, ook wel bekend als "slimme gidsen" (lichtblauwe pijl).

Indien ingeschakeld (meestal is dit standaard uitgeschakeld, dus klik op het pictogram om het in te schakelen), zien gebruikers nu hulplijnen rechtstreeks op hun canvas wanneer ze objecten verplaatsen (rode pijl in de afbeelding). Net als in andere software, waaronder Adobe Illustrator of Affinity Designer, helpen deze handleidingen gebruikers om objecten uit te lijnen naar het midden van hun pagina's, uit te lijnen met het midden van andere objecten, om objecten gelijkmatig uit elkaar te plaatsen of zelfs om snel rasters van gelijkmatig verdeelde objecten te maken.

Eindelijk, terugkomend op het "popover-menu", is er een link onder aan het venster met het label "Geavanceerde modus".

Deze link brengt u naar extra snapfuncties waarmee u afzonderlijke snapfuncties kunt in- of uitschakelen. Dit zijn alle snapknoppen die in eerdere versies langs de hele rechterkant van het Inkscape-canvasvenster werden weergegeven. Ze zijn nu netjes weggestopt in dit menu. Om terug te keren naar de eenvoudigere instelling, klikt u op "Reset to simple snapping mode" (rode pijl in de afbeelding).

Inkscape, de gratis vector grafische editor, heeft zijn UI-game serieus opgevoerd met deze indrukwekkende Inkscape 1.2-release. Het biedt niet alleen gedetailleerde (woord van de dag) controle over UI-instellingen op meerdere niveaus, het vereenvoudigt ook veel bedieningselementen om de gebruikerservaring te verbeteren, terwijl deze bedieningselementen nog steeds beschikbaar zijn in gemakkelijk toegankelijke menu's voor meer geavanceerde gebruikers.

Voor meer informatie over wat er nieuw is in Inkscape 1.2, bekijk mijn video-tutorial over ALLE nieuwste functies van deze mega-releaseversie (binnenkort beschikbaar!). En zoals altijd kun je de nieuwste versie van Inkscape GRATIS downloaden van Inkscape.org.

Abonneer u op de DMD-nieuwsbrief

Abonneer u op de DMD-nieuwsbrief

Meld u aan om nieuwe tutorials, cursusupdates en het laatste nieuws over uw favoriete open source-software te ontvangen!

Je bent met succes geabboneerd!

Pin It op Pinterest

Deel dit