În calitate de creator de conținut pe YouTube, concentrându-se în primul rând pe software-ul de creație pentru desktop, am văzut tone de interfețe cu utilizatorul de-a lungul anilor.

Cu siguranță, există o mulțime de creatori, dezvoltatori, utilizatori etc. care au experimentat sau au testat mult mai multe interfețe software decât mine. Cu toate acestea, am testat și am lucrat cu o cornucopia respectabilă de software în diferite etape ale dezvoltării lor atât pentru cercetare, cât și pentru scopuri de creare de conținut.

Am folosit asemenea 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 multe altele. Aceste programe acoperă diferite categorii de software creativ și toate au lucruri care îmi plac la ele și lucruri care nu îmi plac – în grade diferite.

UI (care înseamnă „interfața cu utilizatorul„) în fiecare dintre aceste programe poate varia foarte mult, deoarece această listă se întinde pe diverse categorii creative și include atât software gratuit, cât și cu plată.

Cu toate acestea, există un program care sa remarcat recent față de software-ul menționat mai sus – gratuit și plătit – datorită unei versiuni recente de lansare majoră care a introdus actualizări majore în interfața sa de utilizare. Acest program este Inkscape.

Iata de ce.

Recent, Inkscape a lansat o versiune beta pentru viitoarea lor versiune stabilă 1.2. Dacă nu sunteți familiarizat cu Inkscape, acesta este un editor de grafică vectorială gratuit și open source. Este cel mai comparabil cu Illustrator – deși probabil este mai bine să ne gândim la el în termeni de un multivers Dr. Strange în care Illustrator există într-un univers și Inkscape în celălalt.

Inkscape 1.2: O foarte scurtă istorie

Inkscape, în opinia mea, a avut întotdeauna o mulțime de potențial, dar a fost și ciudat. A-l numi „ciudat” înseamnă a-l spune frumos – poate „buggy” este un termen mai bun. Este suficient să spunem că se știe că se prăbușește foarte mult și are o mulțime de limitări.

Acest lucru este valabil mai ales că Inkscape 1.0 a fost lansat în 2020 – care a dus programul la un nivel cu totul nou în ceea ce privește caracteristicile și funcționalitatea, dar a făcut programul mult mai instabil. Inkscape 1.0 ne-a arătat, de asemenea, că programul se îndrepta într-o direcție mai bună în ceea ce privește designul UI, dar nu era nimic special în comparație cu alte software-uri de creație moderne.

În primăvara lui 2021, echipa Inkscape a lansat Inkscape 1.1, și a devenit evident că comunitatea de dezvoltatori voluntari Inkscape începea să-și schimbe atenția către îmbunătățirea experienței utilizatorului printr-o interfață de utilizare mai bună.

Odată cu această versiune, Inkscape a introdus un „Ecran de bun venit”, care este destul de standard în software-ul plătit, dar puțin găsit în software-ul gratuit și open source. Alte completări sau modificări notabile ale interfeței de utilizare introduse în Inkscape 1.1 includ o „paletă de comenzi” pentru a ajuta utilizatorii să caute și să aplice cu ușurință lucruri precum filtre sau acțiuni, dialoguri de andocare (adică dialogurile pot fi mutate în noi poziții în jurul pânzei) și funcții de export îmbunătățite. și suport pentru exportul în noi formate de fișiere.

Aceste îmbunătățiri ale interfeței de utilizare în Inkscape 1.0 și Inskcape 1.1 sunt grozave și au ajutat Inkscape să facă progrese progresive pentru a deveni un software mai bun. Oricât de utile și interesante sunt aceste caracteristici, ele nu fac decât să pună bazele pentru ceea ce urma.

În mai 2022, Inkscape 1.2 Beta a fost lansat și, în opinia mea, a ridicat ștacheta pentru designul UI.

Stacheta a fost ridicată deoarece interfața de utilizare a Inkscape 1.2 nu numai că arată bine, ci și vă permite să-l personalizați mai mult decât orice alt program (pe care l-am experimentat eu personal). Și felul în care arată și felul în care poate fi personalizat a fost rezultatul furnizării de feedback de către utilizatori, dezvoltatorii recunoscând și discutând feedback-ul, dezvoltatorii implementând cele mai optime manifestări ale acelui feedback, iar utilizatorii testând implementările și reia bucla de feedback.

Este dezvoltare software, democratizată. Este un studiu de caz minunat despre motivul pentru care există software-ul gratuit și cu sursă deschisă și cât de minunate pot fi realizate prin dezvoltarea comunității.

De ce iese în evidență interfața de utilizare Inkscape 1.2

Deci, ce îmi place în mod special la noua interfață de utilizare a Inkscape 1.2?

Ecranul de bun venit Actualizări

Imediat, ecranul de bun venit (care, din nou, era introdus pentru prima dată în Inkscape 1.1) permite utilizatorului să personalizeze interfața de utilizare cu fila „Configurare rapidă” (subliniată cu verde în imaginea de mai sus). Aici, utilizatorul poate:

  • alegeți configurația lor de pânză,
  • setați comenzi rapide de la tastatură,
  • setați stilurile și culorile pictogramelor (în meniul derulant Aspect) și
  • comutați culorile interfeței de utilizare pentru a alege între modul deschis sau întunecat

Ecranul de bun venit este receptiv, astfel încât pictogramele pe care le selectați vor actualiza automat previzualizarea pictogramei situată în partea de jos a ferestrei (săgeata galbenă din imaginea de mai sus). În plus, culoarea ecranului de bun venit se va schimba atunci când comutați între modurile de lumină și întuneric (săgeată roșie).

Apoi puteți naviga la fila „Timp pentru desen” (subliniat cu verde în imaginea de mai sus) și fie să deschideți un document recent, fie să selectați un șablon din oricare dintre categoriile de șabloane (subliniat cu albastru deschis) sau să încărcați un document nou de pe computer (prin butonul „Încărcare” care se va afișa atunci când se află în fila „Fișiere existente” – subliniat cu roșu în imaginea de mai sus). Ultima opțiune a fost introdusă în Inkscape 1.2 – care a ajutat la completarea setului de caracteristici pentru crearea documentelor în ecranul de bun venit.

Voi deschide o pagină de 1920×1080 px făcând clic pe fișierul șablon corespunzător (săgeata roșie) sub fila „Ecran”.

Noua pânză

La deschiderea unui nou document în Inkscape, utilizatorii versiunilor anterioare de Inkscape vor observa o zonă de pânză renovată și cu aspect mai curat. Pentru Inkscape 1.2, dezvoltatorii au actualizat chenarul din jurul paginii, au schimbat culoarea „birouului” (sau granița gri din jurul paginii – săgeata roșie în imaginea de mai sus) și au îmbunătățit aspectul umbrei de sub pagină ( săgeată verde). Aceste modificări subtile, dar importante, ajută Inkscape să se simtă mai confortabil și mai familiar (mai ales când treceți de la Illustrator).

Instrumentul de pagină nou-nouț (compoziții cu mai multe pagini)

A, și vorbind de zona de pânză – Inkscape 1.2 este acum compatibilă documente cu mai multe pagini.

Pentru cei dintre voi veniți de la Illustrator, permiteți-mi să traduc: Inkscape acceptă acum mai multe panouri de artă.

Această caracteristică este controlată utilizând „Instrumentul pentru pagină” (săgeata roșie din imaginea de mai sus), care este în esență același lucru cu „Instrumentul pentru planșă de desen” al Illustrator. Cu acest nou instrument, puteți fie să desenați rapid pagini noi, cu mână liberă, fie să utilizați bara de control (subliniată în verde) pentru a crea mai precis pagini noi pe baza setărilor prestabilite ale documentului.

De asemenea, puteți să selectați și să redimensionați orice pagină, să mutați pagina făcând clic și trăgând sau să potriviți dimensiunea paginii la orice selecție sau ilustrație de pe pagină. În cele din urmă, vă puteți exporta paginile multiple ca PDF cu mai multe pagini.

Această funcție cu mai multe pagini, cu un instrument de pagină însoțitor, este o funcție mult așteptată, care ar trebui să-i ajute pe designeri să își asume proiecte mai complexe și profesionale.

Niveluri nebunești de personalizare

Dacă nu sunteți mulțumit de felul în care arată interfața generală pe baza alegerilor pe care le-ați făcut din ecranul de bun venit, puteți modifica culorile și dimensiunile tuturor elementelor de pe ecran accesând Editare> Preferințe> Interfață> Tematică (săgeata roșie din imaginea de mai sus).

Sub titlul „Temă” (subliniat cu verde în imaginea de mai sus), puteți derula prin temele GTK sub „Schimbați tema GTK” și puteți vedea previzualizări live ale diferitelor stiluri de teme pe măsură ce faceți clic pe fiecare opțiune. De asemenea, puteți utiliza glisoare pentru a regla dimensiunea fontului UI sau cantitatea de contrast dintre culoarea de fundal a UI și text și pictograme (săgeată verde). Unde ai mai vazut un glisor de contrast??

Sub titlul „Icoane” (subliniat cu galben în imaginea de mai sus), puteți selecta dintre cele patru teme de pictograme folosind meniul derulant „Schimbați tema pictogramei”. Dacă selectați opțiunea „multicolor” sau „hi color”, veți primi opțiuni suplimentare, cum ar fi selectarea versiunii „simbolice” a pictogramelor (săgeata galbenă) sau selectarea culorilor utilizate pentru pictogramele simbolice (lumină). săgeată albastră) – inclusiv „Bază de culoare a pictogramei” și trei „Evidențieri de culoare a pictogramei”. Aceste culori pot fi orice doriți și pot fi selectate dintr-o roată de culori, din glisoarele pentru modul de culoare ales sau folosind un cod HEX.

Dacă navighez la Interfață> Bare de instrumente (săgeata roșie din imaginea de mai sus) în timp ce încă sunt în dialogul Preferințe, veți vedea personalizarea barei de instrumente și pictogramelor utilizate în întreaga interfață cu utilizatorul. Toate instrumentele afișate aici în secțiunea „Bare de instrumente” (subliniate în galben) sunt activate implicit și, astfel, sunt afișate în bara de instrumente. Făcând clic pe oricare dintre pictograme (săgeată albastru deschis) va dezactiva instrumentul respectiv și îl va ascunde din Bara de instrumente.

Sub pictogramele barei de instrumente se află o pereche de glisoare. Glisorul de sus (săgeata roșie din fotografia de mai sus) vă permite să ajustați dimensiunea pictogramelor din bara de instrumente (subliniate în roșu), iar glisorul de jos (săgeata neclară) vă permite să ajustați dimensiunea pictogramelor din bara de control (subliniate în albastru deschis). Veți observa că ambele încep de la 100% și merg până la 300%. Aceasta înseamnă că puteți mări dimensiunile pictogramelor până la tripla dimensiunea lor originală. Creșterile dintre aceste valori sunt, de asemenea, destul de mici (undeva în jurul valorii de incremente de 5%), ceea ce demonstrează un nivel fără precedent de granularitate pentru a face ajustări la pictogramele UI.

Acesta este doar unul dintre numeroasele exemple de niveluri ridicate de control asupra aspectului programului pe care le veți vedea pe parcursul acestei noi versiuni. Să ieșim din dialogul de preferințe pentru a prezenta câteva alte caracteristici uimitoare ale UI în Inkscape 1.2.

Paleta de culori actualizată pentru mai mult control, personalizare

Sub zona pânzei se află Paleta de culori – zona în care selectați culori pentru lucruri precum obiecte și text (subliniat cu verde în fotografia de mai sus). În versiunile anterioare, această paletă folosea propria bară de defilare dedicată, iar plăcile de culoare aveau o dimensiune fixă.

Bara de defilare a paletei de culori a fost problematică din cauza pânzei de asemenea folosește o bară de defilare (săgeți roșii în imaginea de mai sus) pentru a naviga orizontal pe pagină. Cu alte cuvinte, existau două bare de defilare în aceeași vecinătate, ceea ce făcea confuz pentru noii utilizatori să discearnă o bară de cealaltă. Mai derutant pentru noii utilizatori a fost faptul că bara de defilare pentru paleta de culori ar apărea doar la trecerea cu mouse-ul – așa că ar putea fi ușor ratată dacă nu știai că este acolo.

În Inkscape 1.2, bara de defilare a fost înlocuită cu săgeți în sus și în jos din partea dreaptă a paletei de culori (notate cu săgeata roșie și subliniată cu roșu în imaginea de mai sus) pentru a ajuta utilizatorii să caute sau să deruleze prin diferitele disponibile. culorile.

Chiar în dreapta săgeților în sus și în jos se află meniul pentru a vizualiza și selecta alte palete de culori disponibile (săgeata roșie din imagine). Această caracteristică a fost actualizată pentru a include acum mici previzualizări de culoare ale diferitelor mostre disponibile în fiecare paletă de culori (zonă evidențiată în verde – puteți vedea micile previzualizări ale mostrelor sub numele fiecărei palete de culori).

În plus, în partea de jos a acestui meniu este un link „Configurare” (săgeată albastru deschis).

Aici, utilizatorul poate face acum ajustări la aspectul paletei de culori. Se pot face ajustări la dimensiunea plăcilor de culoare cu glisorul „Dimensiune plăci” (săgeată roșie), raportul de aspect (săgeata verde – raportul dintre lățime și înălțime, cu 0 pe glisor fiind un pătrat) al culorii plăci, dimensiunea marginii din jurul fiecărei plăci (săgeată albastru deschis) și numărul de rânduri de mostre afișate în bara de culori (săgeată galbenă). Puteți vedea în fotografie că am făcut mai multe ajustări, inclusiv mărirea dimensiunilor plăcilor, strângerea plăcilor prin creșterea raportului de aspect, adăugarea unui chenar mai gros în jurul fiecărei plăci și creșterea numărului de rânduri de plăci afișate la 3.

Din nou, aceste setări granulare oferă utilizatorilor controlul suprem asupra aspectului și simțului paletei de culori și al interfeței de utilizare Inkscape 1.2. Acest lucru este valabil mai ales, având în vedere că dimensiunile și stilul elementelor sunt controlate de glisoare ușor de utilizat, mai degrabă decât de alternative mai greoaie, iar glisoarele au o gamă largă de valori.

Să demonstrăm cât de incredibil este acest lucru printr-o comparație.

Glisorul „Dimensiunea plăcilor” afișat în acest dialog de configurare pentru paleta de culori (săgeata roșie în imaginea de mai sus) conține valori de la 4 la 32, în trepte de 1 (însemnând că există 19 valori în total, inclusiv 4 și 32). Alternativ, panoul „Eșantioane” al Adobe Illustrator oferă doar 3 valori pentru dimensiunile plăcilor – „mic”, „mediu” și „mare”. Există mult mai puțin control sau personalizare în Illustrator, un software plătit, decât noul Inkscape 1.2 – care este complet gratuit.

Snapping simplificat și ghiduri inteligente

Un ultim exemplu pe care îl voi acoperi pentru acest articol care demonstrează noua interfață de utilizare uimitoare a Inkscape este noua „Bară de control pentru aprindere” reproiectată. În versiunile anterioare ale Inkscape, această bară era amplasată de-a lungul întregii părți din dreapta a pânzei și afișa simultan toate pictogramele de control rapid. În mod înțeles, acest lucru a inundat noii utilizatori cu opțiuni și a făcut ca utilizarea acestor controale să fie confuză și provocatoare.

În Inkscape 1.2, bara Snap Controls a fost redusă la o singură pictogramă și un meniu învârtitor sau „meniu popover”, așa cum îi place Inkscape să-l numească (subliniat cu roșu și indicat de săgeata din imagine). Făcând clic pe pictogramă, se activează comenzile de aprindere, în timp ce dacă dai din nou clic pe ea, se va dezactiva aprinderea. Dacă un utilizator dorește mai mult control, poate face clic pe meniul popover (pictograma cu triunghi) unde va vedea o casetă de selectare, care pur și simplu vă informează dacă snapping este sau nu activat în prezent și trei pictograme noi.

Primele două pictograme sunt destul de standard: se fixează în casetele de delimitare (săgeată roșie) și se activează fixarea pentru noduri (săgeata verde). A treia pictogramă este o caracteristică foarte interesantă și mult așteptată: alinierea pe pânză, cunoscută și de utilizatori ca „ghiduri inteligente” (săgeată albastru deschis).

Când este activat (de obicei este dezactivat în mod implicit, deci faceți clic pe pictogramă pentru ao activa), utilizatorii văd acum ghiduri direct pe pânza lor în timp ce mută obiectele (săgeata roșie din imagine). Ca și în alte software-uri, inclusiv Adobe Illustrator sau Affinity Designer, aceste ghiduri ajută utilizatorii să alinieze obiectele la centrul paginilor lor, să se alinieze la centrul altor obiecte, să depărteze uniform obiectele sau chiar să creeze rapid grile de obiecte uniform distanțate.

În cele din urmă, revenind la „meniul popover”, există un link în partea de jos a ferestrei etichetat „Mod avansat”.

Acest link vă va duce la comenzi suplimentare de asamblare care vă permit să activați sau să dezactivați funcțiile individuale de asamblare. Acestea sunt toate controalele de fixare care erau afișate de-a lungul întregii părți din dreapta a ferestrei pânzei Inkscape în versiunile anterioare. Acum sunt bine ascunse în acest meniu. Pentru a reveni la configurarea mai simplă, faceți clic pe „Resetare la modul de aprindere simplă” (săgeata roșie din imagine).

Inkscape, editorul gratuit de grafică vectorială, și-a intensificat serios jocul cu interfața de utilizare cu această versiune impresionantă a Inkscape 1.2. Nu numai că oferă control granular (cuvântul zilei) asupra setărilor UI pe mai multe niveluri, ci simplifică și multe controale pentru a îmbunătăți experiența utilizatorului, făcând în același timp aceste controale disponibile în meniuri ușor accesibile pentru utilizatorii mai avansați.

Pentru mai multe informații despre noutățile din Inkscape 1.2, consultați tutorialul meu video care acoperă TOATE cele mai recente funcții cu această versiune mega-lansare (în curând!). Și, ca întotdeauna, puteți descărca cea mai recentă versiune a Inkscape GRATUIT de la Inkscape.org.

Abonați-vă la buletinul informativ DMD

Abonați-vă la buletinul informativ DMD

Înscrieți-vă pentru a primi noi tutoriale, actualizări de cursuri și cele mai recente știri despre software-ul dvs. open source preferat!

V-ați abonat cu succes!

Pin Este pe Pinterest

Imparte asta