Uvod v odličen uporabniški vmesnik Inkscape

Kot ustvarjalec vsebine na YouTubu, ki se osredotoča predvsem na namizno ustvarjalno programsko opremo, sem v preteklih letih videl na tone uporabniških vmesnikov.

Zagotovo obstaja veliko ustvarjalcev, razvijalcev, uporabnikov itd., ki so izkusili ali preizkusili veliko več programskih vmesnikov kot jaz. Vendar sem preizkusil in delal s uglednim rogom izobilja programske opreme na različnih stopnjah njihovega razvoja tako za raziskave kot za namen ustvarjanja vsebine.

Uporabil sem podobne GIMP, Premiere Pro, Photoshop, After Effects, Illustrator, Affinity Photo, Affinity Designer, Affinity Publisher, InDesign, Scribus, LibreOffice, Blender, temno, RawTherapee, OBS, Krita, DaVinci Resolve, Final Cut, Olive in še več. Ti programi zajemajo različne kategorije ustvarjalne programske opreme in vsi imajo stvari, ki so mi všeč pri njih, in stvari, ki mi niso všeč – v različni meri.

Uporabniški vmesnik (kar pomeni »Uporabniški vmesnik«) v vsakem od teh programov se lahko zelo razlikujejo, saj ta seznam zajema različne ustvarjalne kategorije in vključuje tako brezplačno kot plačljivo programsko opremo.

Vendar pa obstaja en program, ki je pred kratkim izstopal iz zgoraj omenjene programske opreme – brezplačno in plačljivo – zahvaljujoč nedavni večji različici izdaje, ki je uvedla velike posodobitve njegovega uporabniškega vmesnika. Ta program je Inkscape.

Evo zakaj.

Pred kratkim je Inkscape izdal beta različico za prihajajočo stabilno izdajo 1.2. Če niste seznanjeni z Inkscapeom, je brezplačen in odprtokodni urejevalnik vektorske grafike. Je najbolj primerljiv z Illustratorjem – čeprav je verjetno bolje razmišljati o njem v smislu multiverse Dr. Strange, kjer Illustrator obstaja v enem vesolju in Inkscape v drugem.

Inkscape 1.2: Zelo kratka zgodovina

Inkscape je po mojem mnenju vedno imel veliko potenciala, a je bil tudi čuden. Če ga imenujemo "čudno", je to lepo rečeno - morda je "buggy" boljši izraz. Dovolj je reči, da je znano, da se veliko zruši in ima veliko omejitev.

To še posebej velja, ker Inkscape 1.0 je izšel leta 2020 – kar je program dvignilo na povsem novo raven v smislu funkcij in funkcionalnosti, vendar je program naredilo veliko bolj nestabilen. Inkscape 1.0 nam je tudi pokazal, da gre program v boljšo smer glede oblikovanja uporabniškega vmesnika, vendar ni bil nič posebnega v primerjavi z drugo sodobno ustvarjalno programsko opremo.

Spomladi 2021, ekipa Inkscape je izdala Inkscape 1.1, in postalo je očitno, da se je skupnost prostovoljnih razvijalcev Inkscapea začela osredotočati na izboljšanje uporabniške izkušnje z boljšim uporabniškim vmesnikom.

S to izdajo je Inkscape predstavil »Zaslon dobrodošlice«, ki je precej standarden v plačljivi programski opremi, vendar ga redko najdemo v brezplačni in odprtokodni programski opremi. Drugi pomembni dodatki ali spremembe uporabniškega vmesnika, uvedeni v Inkscape 1.1, vključujejo »ukazno paleto«, ki uporabnikom pomaga pri preprostem iskanju in uporabi stvari, kot so filtri ali dejanja, priklopni dialogi (kar pomeni, da je dialoge mogoče premakniti na nove položaje okoli platna) in izboljšane funkcije izvoza in podpora za izvoz v nove formate datotek.

Te izboljšave uporabniškega vmesnika v Inkscape 1.0 in Inskcape 1.1 so odlične in so pomagale Inkscapeu postopen napredovati v smeri, da postane boljša programska oprema. Ne glede na to, kako koristne in vznemirljive so te funkcije, so le postavile temelje za prihodnje.

Maja 2022 je izšel Inkscape 1.2 Beta in je po mojem mnenju dvignil letvico za oblikovanje uporabniškega vmesnika.

Letvica je bila dvignjena, ker uporabniški vmesnik Inkscape 1.2 ni samo videti dobro, ampak vam omogoča tudi prilagajanje bolj kot kateri koli drug program (ki sem ga osebno izkusil). In način, kako izgleda in kako ga je mogoče prilagoditi, je bil rezultat povratnih informacij uporabnikov, razvijalci potrdijo povratne informacije in razpravljajo o njih, razvijalci, ki izvajajo najbolj optimalne manifestacije teh povratnih informacij, in uporabniki, ki preizkušajo implementacije in začnejo povratno zanko.

To je razvoj programske opreme, demokratičen. To je čudovita študija primera o tem, zakaj obstaja brezplačna in odprtokodna programska oprema in kako je mogoče z razvojem skupnosti doseči odlične stvari.

Zakaj uporabniški vmesnik Inkscape 1.2 izstopa

Kaj mi je torej všeč pri novem uporabniškem vmesniku Inkscape 1.2?

Posodobitve pozdravnega zaslona

Nov zavihek za hitro nastavitev Inkscape omogoča enostavno prilagajanje uporabniškega vmesnika Inkscape

Takoj se je pojavil pozdravni zaslon (kar je spet bilo prvič predstavljen v Inkscape 1.1) omogoča uporabniku, da prilagodi uporabniški vmesnik z zavihkom »Hitra nastavitev« (na zgornji sliki je obarvan zeleno). Tukaj lahko uporabnik:

  • izberite njihovo konfiguracijo platna,
  • nastavite bližnjice na tipkovnici,
  • nastavite sloge in barve ikon (v spustnem meniju Videz) in
  • preklopite barve uporabniškega vmesnika, da izbirate med svetlim ali temnim načinom

Pozdravni zaslon je odziven, zato ikone, ki jih izberete, samodejno posodobijo predogled ikon, ki se nahaja blizu dna okna (rumena puščica na zgornji sliki). Poleg tega se bo barva pozdravnega zaslona spremenila pri preklapljanju med svetlim in temnim načinom (rdeča puščica).

Zavihek Inkscape Time to Draw omogoča hitro izbiro predloge

Nato se lahko pomaknete na zavihek »Čas za risanje« (na zgornji sliki je označen z zeleno) in bodisi odprete nedavni dokument, izberete predlogo iz katere koli kategorije predlog (opisano svetlo modro) ali naložite nov dokument iz računalnika (prek gumba »Naloži«, ki se bo prikazal na zavihku »Obstoječe datoteke« – označeno z rdečo na zgornji sliki). Zadnja možnost je bila predstavljena v Inkscape 1.2 – ki je pomagala zaokrožiti nabor funkcij za ustvarjanje dokumentov na pozdravnem zaslonu.

Odprl bom stran velikosti 1920 × 1080 px s klikom na ustrezno datoteko predloge (rdeča puščica) pod zavihkom »Zaslon«.

Novo platno

Novo platno Inkscape ima čistejši in modernejši videz

Ko odprete nov dokument v Inkscapeu, bodo uporabniki prejšnjih različic programa Inkscape opazili prenovljeno in čistejše območje platna. Za Inkscape 1.2 so razvijalci posodobili obrobo okoli strani, spremenili barvo »mize« (ali sive meje okoli strani – rdeča puščica na zgornji sliki) in izboljšali videz padajoče sence pod stranjo ( zelena puščica). Te subtilne, a pomembne spremembe pomagajo, da se Inkscape počuti bolj udobno in znano (zlasti pri prehodu iz Illustratorja).

Povsem novo orodje za stran (večstranske kompozicije)

In ko že govorimo o območju platna – Inkscape 1.2 zdaj podpira večstranski dokumenti.

Za tiste, ki prihajate iz Illustratorja, naj prevedem: Inkscape zdaj podpira več umetniških plošč.

Inkscape podpira več umetniških plošč z orodjem Page Tool

To funkcijo nadzirate z »Orodjem za stran« (rdeča puščica na zgornji sliki), ki je v bistvu ista stvar kot Illustratorjevo »Orodje za umetniško ploščo«. S tem novim orodjem lahko hitro prostoročno narišete nove strani ali pa uporabite vrstico s kontrolniki (označeno zeleno) za natančnejše ustvarjanje novih strani na podlagi prednastavitev dokumenta.

Prav tako lahko izberete in spremenite velikost katere koli strani, premaknete stran s klikom in povlečenjem ali prilagodite velikost strani poljubnemu izboru ali umetnini na strani. Končno lahko svoje več strani izvozite kot večstranski PDF.

Ta funkcija na več straneh s spremljajočim orodjem za stran je dolgo pričakovana funkcija, ki naj bi oblikovalcem pomagala pri bolj zapletenih, profesionalnih projektih.

Nore ravni prilagajanja

Nastavitve Inkscape vam omogočajo prilagajanje kontrasta teme, velikosti ikon in barv ikon

Če niste zadovoljni z videzom celotnega uporabniškega vmesnika na podlagi izbir, ki ste jih naredili na pozdravnem zaslonu, lahko spremenite barve in velikosti vseh elementov na zaslonu tako, da odprete Uredi> Nastavitve> Vmesnik> Tema (rdeča puščica na zgornji sliki).

Pod naslovom »Tema« (označeno z zeleno na zgornji sliki) se lahko pomikate po temah GTK pod »Spremeni temo GTK« in si ogledate predoglede različnih slogov tem v živo, ko kliknete vsako možnost. Z drsniki lahko prilagodite tudi velikost pisave uporabniškega vmesnika ali količino kontrasta med barvo ozadja uporabniškega vmesnika ter besedilom in ikonami (zelena puščica). Kje si še videl kontrastni drsnik??

Pod naslovom »Ikone« (označeno z rumeno na zgornji sliki) lahko izberete katero koli od štirih tem ikon s spustnim menijem »Spremeni temo ikone«. Če izberete možnost »večbarvna« ali »hi barva«, boste dobili dodatne možnosti, kot je izbira »simbolične« različice ikon (rumena puščica) ali izbira barv, uporabljenih za simbolične ikone (svetlo modra puščica) – vključno z »osnovo barve ikone« in tremi »poudarki barv ikon«. Te barve so lahko poljubne in jih lahko izberete iz barvnega kolesa, z drsnikov za izbrani barvni način ali z uporabo HEX kode.

Z nastavitvami orodne vrstice lahko prikažete ali skrijete ikone orodij

Če se pomaknem na Vmesnik>Orodne vrstice (rdeča puščica na zgornji sliki), medtem ko še vedno v pogovornem oknu Nastavitve, boste videli prilagoditev za orodno vrstico in ikone, ki se uporabljajo v celotnem uporabniškem vmesniku. Vsa orodja, prikazana tukaj v razdelku »Orodne vrstice« (označeno z rumeno), so privzeto vklopljena in se tako prikažejo v orodni vrstici. S klikom na katero koli ikono (svetlo modra puščica) to orodje izklopite in skrijete v orodni vrstici.

Drsniki ikon Toolbox vam omogočajo, da povečate velikost ikon orodij Inkscape

Pod ikonami orodne vrstice je par drsnikov. Zgornji drsnik (rdeča puščica na zgornji fotografiji) vam omogoča prilagajanje velikosti ikon orodne vrstice (označeno z rdečo), spodnji drsnik (puščica svetlobne zamegljenosti) pa vam omogoča prilagajanje velikosti ikon nadzorne vrstice (obrisano v svetlo modra). Opazili boste, da se oba začneta pri 100 % in segata do 300 %. To pomeni, da lahko povečate velikost ikon do potrojitve njihove prvotne velikosti. Tudi koraki med temi vrednostmi so precej majhni (nekje okoli 5-odstotni koraki), kar kaže na neverjetno raven razdrobljenosti za prilagajanje ikon uporabniškega vmesnika.

To je le eden od mnogih primerov visoke ravni nadzora nad videzom programa, ki jih boste videli v tej novi izdaji. Zapustimo pogovorno okno z nastavitvami in predstavimo nekatere druge neverjetne funkcije uporabniškega vmesnika v Inkscape 1.2.

Posodobljena barvna paleta za več nadzora in prilagajanja

Posodobljena barvna paleta Inkscape olajša brskanje po barvah

Pod območjem platna je barvna paleta – območje, kjer izbirate barve za stvari, kot so predmeti in besedilo (na zgornji fotografiji je označeno z zeleno). V prejšnjih različicah je ta paleta uporabljala svoj namenski drsni trak, barvne ploščice pa so bile fiksne velikosti.

Drsni trak barvne palete je bil problematičen, ker je platno Prav tako uporablja drsni trak (rdeče puščice na zgornji sliki) za vodoravno krmarjenje po strani. Z drugimi besedami, v isti bližini sta bili dve drsni vrstici, zaradi česar je bilo novim uporabnikom zmedeno razlikovati eno vrstico od druge. Nove uporabnike je še bolj zmedlo, da se je drsni trak za barvno paleto prikazal le ob lebdenju – zato bi ga zlahka spregledali, če ne bi vedeli, da je tam.

Puščici gor in dol nadomestita drsni trak v barvni paleti Inkscape

V Inkscape 1.2 je bil drsni trak zamenjan s puščicama navzgor in navzdol na desni strani barvne palete (označena z rdečo puščico in označena z rdečo na zgornji sliki), da uporabnikom pomaga pri iskanju ali pomikanju po različnih razpoložljivih barve.

Nove privzete in prilagojene barvne palete Inkscape lahko najdete prek ikone hamburgerja

Desno od puščic navzgor in navzdol je meni za ogled in izbiro drugih razpoložljivih barvnih palet (rdeča puščica na sliki). Ta funkcija je bila posodobljena, da zdaj vključuje majhne predoglede barv različnih vzorcev, ki so na voljo v vsaki barvni paleti (območje je označeno z zeleno – majhne predoglede vzorcev si lahko ogledate pod imenom vsake barvne palete).

Poleg tega je na samem dnu tega menija povezava »Konfiguriraj« (svetlo modra puščica).

možnost Konfiguriraj vam omogoča prilagajanje vzorcev v barvni paleti Inkscape

Tukaj lahko uporabnik zdaj prilagodi videz barvne palete. Velikost barvnih ploščic lahko prilagodite z drsnikom »Velikost ploščice« (rdeča puščica), razmerjem stranic (zelena puščica – razmerje med širino in višino, pri čemer je 0 na drsniku kvadrat) barve. ploščice, velikost obrobe okoli vsake ploščice (svetlo modra puščica) in število vrstic vzorcev, prikazanih v barvni vrstici (rumena puščica). Na fotografiji lahko vidite, da sem naredil več prilagoditev, vključno s povečanjem velikosti ploščic, stiskanjem ploščic s povečanjem razmerja stranic, dodajanjem debelejše obrobe okoli vsake ploščice in povečanjem števila prikazanih vrstic ploščic na 3.

Spet te natančne nastavitve uporabnikom omogočajo popoln nadzor nad videzom in občutkom barvne palete in uporabniškega vmesnika Inkscape 1.2. To še posebej velja glede na to, da velikosti in stile elementov nadzorujejo uporabniku prijazni drsniki in ne bolj nerodne alternative, drsniki pa imajo širok razpon vrednosti.

Pokažimo, kako neverjetno je to s primerjavo.

Drsnik »Velikost ploščice«, prikazan v tem pogovornem oknu Konfiguracija za barvno paleto (rdeča puščica na zgornji sliki), vsebuje vrednosti od 4 do 32 v korakih po 1 (kar pomeni, da je skupno 19 vrednosti, vključno z obema 4 in 32). Druga možnost je, da plošča »Vzorci« programa Adobe Illustrator ponuja samo 3 vrednosti za velikosti ploščic – »majhna«, »srednja« in »velika«. V Illustratorju, plačljivi programski opremi, je veliko manj nadzora ali prilagodljivosti kot novi Inkscape 1.2 – ki je popolnoma brezplačen.

Poenostavljeno zapenjanje in pametni vodniki

Zadnji primer, ki ga bom obravnaval v tem članku, ki prikazuje neverjeten nov uporabniški vmesnik Inkscape, je nova predelana »Snap Controls Bar«. V prejšnjih različicah Inkscapea je bila ta vrstica nameščena vzdolž celotne desne strani platna in je hkrati prikazovala vse ikone za nadzor pripenjanja. To je razumljivo preplavilo nove uporabnike z izbiro, uporaba teh kontrol pa je postala zmedena in zahtevna.

Kliknite magnetno ikono v zgornjem desnem kotu Inkscape za dostop do novih kontrolnikov za pripenjanje

V Inkscapeu 1.2 je bila vrstica Snap Controls zmanjšana na eno samo ikono in vrtljivi meni ali »popover menu«, kot ga Inkscape rad imenuje (označeno z rdečo in označeno s puščico na sliki). S klikom na ikono omogočite nadzor pripenjanja, medtem ko ponovni klik onemogoči zapenjanje. Če uporabnik želi več nadzora, lahko klikne na pojavni meni (ikona s trikotnikom), kjer bo videl potrditveno polje, ki vas preprosto obvesti o tem, ali je posnetek trenutno vklopljen ali ne, in tri nove ikone.

Snap Controls zdaj vključuje nove možnosti za pametna vodila Inkscape

Prvi dve ikoni sta precej standardni: pripnite se na omejevalna polja (rdeča puščica) in omogočita pripenjanje za vozlišča (zelena puščica). Tretja ikona je zelo razburljiva in težko pričakovana funkcija: poravnava na platnu, ki je uporabnikom znana tudi kot »pametni vodniki« (svetlo modra puščica).

Pametna vodila Inkscape se prikažejo neposredno na platnu

Ko je omogočeno (običajno je privzeto onemogočeno, zato kliknite ikono, da ga omogočite), uporabniki zdaj vidijo vodila neposredno na svojem platnu, ko premikajo predmete (rdeča puščica na sliki). Tako kot v drugi programski opremi, vključno z Adobe Illustrator ali Affinity Designer, ti vodniki uporabnikom pomagajo poravnati predmete na sredino svojih strani, poravnati na sredino drugih predmetov, enakomerno razporediti predmete narazen ali celo hitro ustvariti mreže enakomerno razporejenih predmetov.

Pojavni meni prikaže povezavo do naprednih kontrolnikov za zapenjanje prek "Naprednega načina"

Nazadnje, ko se vrnete v »popover meni«, je na dnu okna povezava z oznako »Napredni način«.

Napredni način Inkscape ponuja številne dodatne možnosti zapenjanja prek potrditvenih polj

Ta povezava vas bo popeljala do dodatnih kontrolnikov za pripenjanje, ki vam omogočajo, da omogočite ali onemogočite posamezne funkcije zapenjanja. To so vsi kontrolniki za pripenjanje, ki so se v prejšnjih različicah prikazovali vzdolž celotne desne strani okna platna Inkscape. Zdaj so lepo pospravljene v tem meniju. Če se želite vrniti nazaj na enostavnejšo nastavitev, kliknite »Ponastavi na preprost način zapenjanja« (rdeča puščica na sliki).

Inkscape, brezplačni urejevalnik vektorske grafike, je resno okrepil svojo igro uporabniškega vmesnika s to impresivno izdajo Inkscape 1.2. Ne zagotavlja le natančnega (beseda dneva) nadzora nad nastavitvami uporabniškega vmesnika na več ravneh, temveč tudi poenostavi številne kontrole za izboljšanje uporabniške izkušnje, medtem ko so ti kontrolniki še vedno na voljo v lahko dostopnih menijih za naprednejše uporabnike.

Za več informacij o kaj je novega v Inkscape 1.2, si oglejte mojo video vadnico, ki zajema VSE najnovejše funkcije s to mega izdajo različice. In kot vedno lahko najnovejšo različico Inkscapea BREZPLAČNO prenesete s Inkscape.org. Končno, ne pozabite preveriti mojega drugega Inkscape video vadnice in članki s pomočjo na moji spletni strani.


Učenje Inkscapea in njegovih številnih orodij/funkcij je lahko velik izziv, še posebej, če se preprosto želite osredotočiti na ustvarjanje privlačnih dizajnov za svoje projekte.

V člankih na spletnem dnevniku in video vadnicah lahko delim le toliko informacij, zato sem sestavil svoj Inkscape: od začetnika do profesionalca v Inkscape in grafičnem oblikovanju seveda. Ta tečaj je poglobljeno izobraževanje o Inkscapeu in o tem, kako ga lahko uporabite za ustvarjanje profesionalnih vektorskih modelov za svoje podjetje, osebne projekte ali za vaše stranke.

Za omejen čas lahko dobite ta 6+ urni tečaj z več kot 60 videopredavanji po velikem popustu! Na tečaju se boste naučili pomembnih konceptov, kot so:

  • Kako obvladati Inkscape
  • Postavitev Inkscape in njene najpomembnejše lastnosti
  • Kako obvladati orodja Pen in Node za ustvarjanje vektorskih ilustracij
  • Kako združiti oblike s priljubljenim orodjem Shape Builder
  • Kako ustvariti vektorski logotip v Inkscapeu
  • Kako ustvariti profesionalne vektorske modele za splet in družbena omrežja

Več kot 17,000 študentov, kot ste vi, sem naučil, kako končno obvladati brezplačno in odprtokodno programsko opremo ter dvigniti svoje veščine na višjo raven.

Čeprav je tečaj nov, študenti že govorijo pozitivne stvari in so tečaju dali skupno oceno 4.8 zvezdice. Torej, kaj še čakaš? Čas je, da končno začnite svoje potovanje z obvladovanjem brezplačne programske opreme za grafično oblikovanje Inkscape!

Oglasna pasica tečaja Inkscape avtorja Davies Media Design
Davies Media Design Free Creative Apps e-novice

Naročite se na glasilo DMD

Prijavite se, če želite prejemati nove vadnice, posodobitve tečajev in najnovejše novice o vaših najljubših brezplačnih ustvarjalnih aplikacijah!

Uspešno ste vpisani!