Uvod u izvrsno korisničko sučelje Inkscapea

Kao kreator sadržaja na YouTubeu koji se prvenstveno fokusira na kreativni softver za stolna računala, tijekom godina sam vidio mnoštvo korisničkih sučelja.

Zasigurno postoji mnogo kreatora, programera, korisnika itd. koji su iskusili ili testirali mnogo više softverskih sučelja od mene. Međutim, testirao sam i radio s respektabilnim rogom izobilja softvera u različitim fazama njihovog razvoja za istraživanje i svrhe stvaranja sadržaja.

Koristio sam slične 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 i još mnogo toga. Ovi programi obuhvaćaju različite kategorije kreativnog softvera i svi imaju stvari koje mi se sviđaju kod njih i stvari koje mi se ne sviđaju – u različitom stupnju.

Korisničko sučelje (koje znači “korisničko sučelje“) u svakom od ovih programa mogu se uvelike razlikovati jer ovaj popis obuhvaća različite kreativne kategorije i uključuje besplatni i plaćeni softver.

Međutim, postoji jedan program koji se nedavno izdvojio od gore spomenutog softvera – besplatni i plaćeni – zahvaljujući nedavnoj velikoj verziji koja je uvela velika ažuriranja svog korisničkog sučelja. Ovaj program je Inkscape.

Evo zašto.

Nedavno je Inkscape izdao Beta verziju za svoje nadolazeće stabilno izdanje 1.2. Ako niste upoznati s Inkscapeom, to je besplatni uređivač vektorske grafike otvorenog koda. Najviše je usporediv s Illustratorom – iako je vjerojatno bolje razmišljati o njemu u smislu multiverzuma Dr. Strange gdje Illustrator postoji u jednom svemiru, a Inkscape u drugom.

Inkscape 1.2: Vrlo kratka povijest

Inkscape je, po mom mišljenju, oduvijek imao tonu potencijala, ali je također bio neobičan. Nazvati ga "čudnim" je lijepo rečeno - možda je "buggy" bolji izraz. Dovoljno je reći da je poznato da se često ruši i da ima dosta ograničenja.

To posebno vrijedi jer Inkscape 1.0 izašao je 2020 – što je program podiglo na potpuno novu razinu u pogledu značajki i funkcionalnosti, ali je program učinilo mnogo nestabilnijim. Inkscape 1.0 nam je također pokazao da program ide u boljem smjeru u pogledu dizajna korisničkog sučelja, ali nije bio ništa posebno u usporedbi s drugim modernim kreativnim softverom.

U proljeće 2021. Inkscape tim je objavio Inkscape 1.1, i postalo je očito da je zajednica dobrovoljnih programera Inkscapea počela pomicati fokus na poboljšanje korisničkog iskustva kroz bolje korisničko sučelje.

S ovim izdanjem, Inkscape je predstavio "Zaslon dobrodošlice", koji je prilično standardan u plaćenom softveru, ali se rijetko nalazi u besplatnom softveru i softveru otvorenog koda. Ostali značajni dodaci ili promjene korisničkog sučelja uvedeni u Inkscape 1.1 uključuju "paletu naredbi" koja korisnicima pomaže da jednostavno traže i primjenjuju stvari poput filtara ili radnji, dijaloških okvira koji se mogu pričvrstiti (što znači da se dijalozi mogu premjestiti na nove pozicije oko platna) i poboljšane značajke izvoza i podršku za izvoz u nove formate datoteka.

Ova poboljšanja korisničkog sučelja u Inkscapeu 1.0 i Inskcape 1.1 su sjajna i pomogla su Inkscapeu da postepeno napreduje prema boljem softveru. Koliko god ove značajke bile korisne i uzbudljive, one samo postavljaju temelje za ono što je trebalo doći.

U svibnju 2022. izašao je Inkscape 1.2 Beta i, po mom mišljenju, podigao je letvicu za dizajn korisničkog sučelja.

Letvica je podignuta jer korisničko sučelje Inkscapea 1.2 ne samo da izgleda dobro, već vam omogućuje da ga prilagodite više od bilo kojeg drugog programa (koji sam osobno iskusio). I način na koji izgleda i način na koji se može prilagoditi je bio rezultat povratnih informacija korisnika, programeri koji potvrđuju povratne informacije i raspravljaju o njima, programeri koji implementiraju najoptimalnije manifestacije tih povratnih informacija, a korisnici testiraju implementacije i započinju petlju povratnih informacija.

To je razvoj softvera, demokratizirano. To je prekrasna studija slučaja zašto postoji besplatni softver otvorenog koda i kako se izvanredne stvari mogu postići razvojem zajednice.

Zašto se korisničko sučelje Inkscapea 1.2 ističe

Dakle, što mi se posebno sviđa u novom korisničkom sučelju Inkscapea 1.2?

Ažuriranja ekrana dobrodošlice

Nova kartica Inkscape Quick Setup olakšava prilagodbu Inkscape korisničkog sučelja

Odmah se pojavio ekran dobrodošlice (koji je, opet, bio prvi put predstavljen u Inkscapeu 1.1) omogućuje korisniku prilagodbu korisničkog sučelja pomoću kartice "Brzo postavljanje" (na gornjoj slici označeno zelenom bojom). Ovdje korisnik može:

  • odabrati njihovu konfiguraciju platna,
  • postaviti tipkovničke prečace,
  • postavite stilove i boje ikona (u padajućem izborniku Izgled) i
  • prebacite boje korisničkog sučelja kako biste odabrali svijetli ili tamni način

Zaslon dobrodošlice je osjetljiv, tako da će ikone koje odaberete automatski ažurirati pregled ikona koji se nalazi pri dnu prozora (žuta strelica na gornjoj slici). Osim toga, boja zaslona dobrodošlice promijenit će se prilikom prebacivanja između svijetlog i tamnog načina rada (crvena strelica).

Kartica Inkscape Time to Draw omogućuje vam brz odabir predloška

Zatim možete prijeći na karticu "Vrijeme za crtanje" (ocrtana zelenom bojom na gornjoj slici) i otvoriti nedavni dokument, odabrati predložak iz bilo koje kategorije predložaka (ocrtano svijetloplavom bojom) ili učitati novi dokument s vašeg računala (putem gumba "Učitaj" koji će se prikazati na kartici "Postojeće datoteke" - označeno crvenom bojom na gornjoj slici). Posljednja opcija uvedena je u Inkscape 1.2 – koja je pomogla zaokružiti skup značajki za izradu dokumenata na zaslonu dobrodošlice.

Otvorit ću stranicu veličine 1920×1080 px klikom na odgovarajuću datoteku predloška (crvena strelica) ispod kartice "Zaslon".

Novo platno

Novo Inkscape platno ima čistiji i moderniji izgled

Nakon otvaranja novog dokumenta u Inkscapeu, korisnici prethodnih verzija Inkscapea primijetit će preuređeno i čišće područje platna. Za Inkscape 1.2, programeri su ažurirali obrub oko stranice, promijenili boju "stola" (ili sive granice oko stranice - crvena strelica na gornjoj slici) i poboljšali izgled padajuće sjene ispod stranice ( zelena strijela). Ove suptilne, ali važne promjene pomažu Inkscapeu da se osjeća ugodnije i poznatije (osobito kada prelazite s Illustratora).

Potpuno novi alat za stranicu (kompozicije na više stranica)

Oh, i kad smo već kod područja platna – Inkscape 1.2 sada podržava dokumenti na više stranica.

Za one od vas koji dolaze iz Illustratora, dopustite mi da prevedem: Inkscape sada podržava više umjetničkih ploča.

Inkscape podržava više umjetničkih ploča pomoću alata za stranice

Ovom se značajkom upravlja pomoću "Alata za stranicu" (crvena strelica na gornjoj slici), što je u biti ista stvar kao Illustratorov "Alat Artboard". S ovim novim alatom možete brzo slobodnom rukom crtati nove stranice ili koristiti traku kontrola (ocrtana zelenom bojom) za preciznije stvaranje novih stranica na temelju unaprijed postavljenih dokumenata.

Također možete odabrati i promijeniti veličinu bilo koje stranice, premjestiti stranicu klikom i povlačenjem ili prilagoditi veličinu stranice bilo kojem odabiru ili umjetničkom djelu na stranici. Konačno, možete izvesti više stranica kao PDF s više stranica.

Ova značajka na više stranica s pratećim alatom za stranice dugo je očekivana značajka koja bi dizajnerima trebala pomoći da preuzmu složenije, profesionalne projekte.

Lude razine prilagodbe

Inkscape postavke omogućuju vam da prilagodite kontrast teme, veličine ikona i boje ikona

Ako niste zadovoljni kako cjelokupno korisničko sučelje izgleda na temelju izbora koje ste napravili na zaslonu dobrodošlice, možete promijeniti boje i veličine svih elemenata na zaslonu tako da odete na Uredi>Postavke>Sučelje>Teme (crvena strelica na gornjoj slici).

Pod naslovom "Tema" (opisano zelenom bojom na gornjoj slici), možete se pomicati kroz GTK teme pod "Promijeni GTK temu" i vidjeti uživo preglede različitih stilova tema dok kliknete na svaku opciju. Također možete koristiti klizače za podešavanje veličine fonta korisničkog sučelja ili kontrasta između boje pozadine korisničkog sučelja i teksta i ikona (zelena strelica). Gdje ste još vidjeli kontrastni klizač??

Pod naslovom "Ikone" (na gornjoj slici označeno žutom bojom) možete odabrati bilo koju od četiri teme ikona pomoću padajućeg izbornika "Promijeni temu ikone". Ako odaberete opciju "višeboja" ili "hi boja", dobit ćete dodatne opcije kao što je odabir "simboličke" verzije ikona (žuta strelica) ili odabir boja koje se koriste za simboličke ikone (svjetlo plava strelica) – uključujući "osnovnu boju ikone" i tri "istaknuta boja ikone". Ove boje mogu biti koje god želite i mogu se odabrati iz kotačića boja, s klizača za odabrani način boje ili korištenjem HEX koda.

Postavke alatne trake omogućuju vam da prikažete ili sakrijete ikone alata

Ako prijeđem na Sučelje>Alatne trake (crvena strelica na gornjoj slici) dok sam još unutar dijaloga Postavke, vidjet ćete prilagodbu za alatnu traku i ikone koje se koriste u cijelom korisničkom sučelju. Svi alati prikazani ovdje u odjeljku "Alatne trake" (opisani žutom bojom) su prema zadanim postavkama uključeni i stoga se prikazuju na alatnoj traci. Klikom na bilo koju od ikona (svijetloplava strelica) taj alat će se isključiti i sakriti s alatne trake.

Klizači ikona okvira s alatima omogućuju vam povećanje veličine ikona alata Inkscape

Ispod ikona na alatnoj traci nalazi se par klizača. Gornji klizač (crvena strelica na gornjoj fotografiji) omogućuje vam da prilagodite veličinu ikona na alatnoj traci (ocrtano crvenom bojom), a donji klizač (strelica za svjetlo zamućenje) omogućuje vam podešavanje veličine ikona kontrolne trake (ocrtano u svijetlo plava). Primijetit ćete da oba počinju od 100% i idu do 300%. To znači da možete povećati veličinu ikona do utrostručenja njihove izvorne veličine. Pomaci između ovih vrijednosti također su prilično mali (negdje oko 5% povećanja), što pokazuje neviđenu razinu granularnosti za prilagođavanje ikona korisničkog sučelja.

Ovo je samo jedan od mnogih primjera visoke razine kontrole nad izgledom programa koje ćete vidjeti u ovom novom izdanju. Izađimo iz dijaloga postavki kako bismo prikazali neke druge nevjerojatne značajke korisničkog sučelja u Inkscapeu 1.2.

Ažurirana paleta boja za veću kontrolu, prilagođavanje

Ažurirana Inkscape paleta boja olakšava pregledavanje boja

Ispod područja platna nalazi se Paleta boja – područje u kojem birate boje za stvari kao što su objekti i tekst (ocrtano zelenom bojom na gornjoj fotografiji). U prethodnim verzijama ova je paleta koristila vlastitu namjensku traku za pomicanje, a pločice u boji bile su fiksne veličine.

Traka za pomicanje palete boja bila je problematična jer je platno Također koristi traku za pomicanje (crvene strelice na gornjoj slici) za vodoravno kretanje po stranici. Drugim riječima, u istoj blizini bile su dvije trake za pomicanje, zbog čega je novim korisnicima bilo zbunjujuće da razlikuju jednu traku od druge. Više zbunjujuće za nove korisnike bilo je to što bi se traka za pomicanje za paletu boja pojavila samo pri lebdenju – tako da bi se lako mogla propustiti ako niste znali da je tu.

Strelice gore i dolje zamjenjuju traku za pomicanje u Inkscape paleti boja

U Inkscapeu 1.2, traka za pomicanje zamijenjena je strelicama gore i dolje na desnoj strani palete boja (označene crvenom strelicom i označene crvenom bojom na gornjoj slici) kako bi se korisnicima pomoglo u pretraživanju ili pomicanju kroz različite dostupne boje.

Nove zadane i prilagođene Inkscape palete boja mogu se pronaći preko ikone hamburgera

Desno od strelica gore i dolje nalazi se izbornik za pregled i odabir drugih dostupnih paleta boja (crvena strelica na slici). Ova je značajka ažurirana tako da sada uključuje male preglede boja različitih uzoraka dostupnih u svakoj paleti boja (područje označeno zelenom bojom – možete vidjeti male preglede uzoraka ispod naziva svake palete boja).

Osim toga, na samom dnu ovog izbornika nalazi se veza "Konfiguriraj" (svijetloplava strelica).

opcija Konfiguriraj omogućuje vam prilagođavanje uzoraka u Inkscape paleti boja

Ovdje korisnik sada može prilagoditi izgled palete boja. Podešavanje veličine pločica u boji može se izvršiti klizačem "Veličina pločice" (crvena strelica), omjerom širine i visine (zelena strelica – omjer širine i visine, pri čemu je 0 na klizaču kvadrat) boje pločice, veličinu obruba oko svake pločice (svijetloplava strelica) i broj redaka uzoraka prikazanih na traci boja (žuta strelica). Na fotografiji možete vidjeti da sam napravio nekoliko prilagodbi, uključujući povećanje veličine pločica, zgnječenje pločica povećanjem omjera širine i visine, dodavanjem debljeg obruba oko svake pločice i povećanjem broja prikazanih redova pločica na 3.

Opet, ove detaljne postavke korisnicima daju konačnu kontrolu nad izgledom i osjećajem palete boja i Inkscape 1.2 korisničkog sučelja. To je osobito istinito s obzirom na to da se veličinama i stilom elemenata kontroliraju klizači prilagođeni korisniku, a ne nezgrapnije alternative, a klizači imaju širok raspon vrijednosti.

Pokažimo koliko je to nevjerojatno kroz usporedbu.

Klizač "Veličina pločice" prikazan u ovom dijalogu Konfiguracija za paletu boja (crvena strelica na gornjoj slici) sadrži vrijednosti od 4 do 32, u koracima od 1 (što znači da ima ukupno 19 vrijednosti, uključujući i 4 i 32). Alternativno, ploča "Swatches" Adobe Illustrator nudi samo 3 vrijednosti za veličine pločica - "mala", "srednja" i "velika". U Illustratoru, plaćenom softveru, postoji mnogo manje kontrole ili prilagodljivosti nego u novom Inkscapeu 1.2 – koji je potpuno besplatan.

Pojednostavljeno snimanje i pametni vodiči

Posljednji primjer koji ću obraditi za ovaj članak koji demonstrira nevjerojatno novo korisničko sučelje Inkscapea je nova prerađena "Traka s kontrolama za snap". U prethodnim verzijama Inkscapea, ova je traka bila smještena duž cijele desne strane platna i istovremeno je prikazivala sve ikone kontrola uskoka. To je razumljivo preplavilo nove korisnike izborom i učinilo korištenje ovih kontrola zbunjujućim i izazovnim.

Kliknite magnetsku ikonu u gornjem desnom kutu Inkscapea za pristup novim kontrolama za pričvršćivanje

U Inkscapeu 1.2, traka Snap Controls smanjena je na jednu ikonu i vrtljivi izbornik, ili "popover menu" kako ga Inkscape voli zvati (ocrtano crvenom bojom i označeno strelicom na slici). Klikom na ikonu omogućuje se hvatanje kontrole, dok će ponovni klik onemogućiti hvatanje. Ako korisnik želi veću kontrolu, može kliknuti na skočni izbornik (ikona s trokutom) gdje će vidjeti potvrdni okvir koji vas jednostavno obavještava o tome je li snimanje trenutno uključeno i tri nove ikone.

Snap Controls sada uključuje nove opcije za Inkscape pametne vodiče

Prve dvije ikone su prilično standardne: zakači se na granične okvire (crvena strelica) i omogući hvatanje za čvorove (zelena strelica). Treća ikona vrlo je uzbudljiva i dugo očekivana značajka: poravnanje na platnu, također poznato korisnicima kao "pametni vodiči" (svijetloplava strelica).

Inkscape pametne vodilice prikazuju se izravno na platnu

Kada je omogućeno (obično je onemogućeno prema zadanim postavkama, pa kliknite ikonu da biste ga omogućili), korisnici sada vide vodiče izravno na svom platnu dok pomiču objekte (crvena strelica na slici). Kao iu drugom softveru, uključujući Adobe Illustrator ili Affinity Designer, ovi vodiči pomažu korisnicima da poravnaju objekte sa središtem svojih stranica, poravnaju sa središtem drugih objekata, ravnomjerno razmaknu objekte ili čak brzo kreiraju mreže ravnomjerno raspoređenih objekata.

Skočni izbornik prikazuje vezu do naprednih kontrola snimanja putem "Naprednog načina"

Na kraju, vraćajući se na "skočni izbornik", nalazi se veza na dnu prozora s oznakom "Napredni način rada".

Napredni način rada Inkscape nudi mnoge dodatne mogućnosti snimanja putem potvrdnih okvira

Ova će vas veza odvesti do dodatnih kontrola za hvatanje koje vam omogućuju da omogućite ili onemogućite pojedinačne značajke hvatanja. Ovo su sve kontrole za hvatanje koje su se prikazivale duž cijele desne strane prozora platna Inkscapea u prethodnim verzijama. Sada su uredno spremljene u ovom jelovniku. Da biste se vratili na jednostavnije postavljanje, kliknite na "Reset to simple snapping mode" (crvena strelica na slici).

Inkscape, besplatni uređivač vektorske grafike, ozbiljno je pojačao svoju igru ​​korisničkog sučelja s ovim impresivnim izdanjem Inkscape 1.2. Ne samo da pruža preciznu (riječ dana) kontrolu nad postavkama korisničkog sučelja na više razina, već i pojednostavljuje mnoge kontrole za poboljšanje korisničkog iskustva, dok još uvijek čini te kontrole dostupnim u lako dostupnim izbornicima za naprednije korisnike.

Za više informacija o što je novo u Inkscapeu 1.2, pogledajte moj video vodič koji pokriva SVE najnovije značajke ove mega-izdanja verzije. I, kao i uvijek, najnoviju verziju Inkscapea možete BESPLATNO preuzeti s Inkscape.org. Na kraju, ne zaboravite provjeriti moje druge Inkscape video vodiči i članci pomoći na mojoj web stranici.


Učenje Inkscapea i njegovih brojnih alata/značajki može biti veliki izazov, pogotovo kada se jednostavno želite usredotočiti na stvaranje privlačnih dizajna za svoje projekte.

Postoji samo toliko informacija koje mogu podijeliti u člancima na blogu i videouputama, zbog čega sam sastavio svoje Inkscape: od početnika do profesionalca u Inkscapeu i grafičkom dizajnu naravno. Ovaj tečaj je detaljna edukacija o Inkscapeu i kako ga možete koristiti za izradu profesionalnih vektorskih dizajna za vlastitu tvrtku, osobne projekte ili za vaše klijente.

Na ograničeno vrijeme možete dobiti ovaj tečaj od 6+ sati s više od 60 video predavanja uz veliki popust! Na tečaju ćete naučiti važne koncepte kao što su:

  • Kako svladati Inkscape
  • Izgled Inkscapea i njegove najvažnije značajke
  • Kako svladati alate Pen i Node za izradu vektorskih ilustracija
  • Kako kombinirati oblike pomoću popularnog alata Shape Builder
  • Kako napraviti vektorski dizajn logotipa u Inkscapeu
  • Kako stvoriti profesionalne vektorske dizajne za web i društvene medije

Podučavao sam više od 17,000 XNUMX učenika poput vas kako konačno ovladati besplatnim softverom otvorenog koda i podići svoje vještine na višu razinu.

Iako je tečaj nov, studenti već govore pozitivne stvari i tečaju su dali ukupnu ocjenu od 4.8 zvjezdica. Dakle, što čekate? Vrijeme je da konačno započnite svoje putovanje svladavajući Inkscape, besplatni softver za grafički dizajn!

Inkscape banner oglas za tečaj Davies Media Design
Bilten e-pošte besplatnih kreativnih aplikacija Davies Media Design

Pretplatite se na DMD bilten

Prijavite se za primanje novih vodiča, ažuriranja tečajeva i najnovijih vijesti o vašim omiljenim besplatnim kreativnim aplikacijama!

Uspješno ste se pretplatili!