Jako tvůrce obsahu na YouTube, který se zaměřuje především na kreativní software pro stolní počítače, jsem za ta léta viděl spoustu uživatelských rozhraní.
Určitě existuje spousta tvůrců, vývojářů, uživatelů atd., kteří zažili nebo otestovali mnohem více softwarových rozhraní než já. Nicméně jsem vyzkoušel a pracoval s úctyhodným množstvím softwaru v různých fázích jejich vývoje jak pro výzkum, tak pro účely tvorby obsahu.
Použil jsem podobné GIMP, Premiere Pro, Photoshop, After Effects, Illustrator, Affinity Photo, Affinity Designer, Affinity Publisher, InDesign, Scribus, LibreOffice, Blender, tmavé, RawTherapee, OBS, Krita, DaVinci Resolve, Final Cut, Olive a další. Tyto programy pokrývají různé kategorie kreativního softwaru a všechny mají věci, které se mi na nich líbí, a věci, které se mi nelíbí – v různé míře.
Uživatelské rozhraní (což znamená „Uživatelské rozhraní“) v každém z těchto programů se může značně lišit, protože tento seznam zahrnuje různé kreativní kategorie a zahrnuje bezplatný i placený software.
Existuje však jeden program, který se nedávno odlišil od výše uvedeného softwaru – zdarma a placený – díky nedávné hlavní verzi, která zavedla velké aktualizace jeho uživatelského rozhraní. Tento program je Inkscape.
Zde je důvod.
Nedávno Inkscape vydal beta verzi pro nadcházející stabilní verzi 1.2. Pokud neznáte Inkscape, je to bezplatný a open source editor vektorové grafiky. Je nejvíce srovnatelný s Illustratorem – i když je pravděpodobně lepší si to představit jako multivesmír Dr. Strange, kde Illustrator existuje v jednom vesmíru a Inkscape ve druhém.
Inkscape 1.2: Velmi stručná historie
Inkscape měl podle mého názoru vždy spoustu potenciálu, ale byl také svérázný. Nazvat to „nepředvídatelný“ je hezky řečeno – možná „buggy“ je lepší termín. Stačí říci, že je známo, že často havaruje a má spoustu omezení.
To platí zejména od Inkscape 1.0 byl vydán v roce 2020 – což posunulo program na zcela novou úroveň, pokud jde o vlastnosti a funkčnost, ale učinilo program mnohem nestabilnější. Inkscape 1.0 nám také ukázal, že program šel lepším směrem, pokud jde o design uživatelského rozhraní, ale nebyl ničím výjimečným ve srovnání s jiným moderním kreativním softwarem.
Na jaře 2021 tým Inkscape vydal Inkscape 1.1a ukázalo se, že komunita dobrovolných vývojářů Inkscape se začala přesouvat ke zlepšení uživatelské zkušenosti prostřednictvím lepšího uživatelského rozhraní.
S tímto vydáním Inkscape představil „uvítací obrazovku“, která je v placeném softwaru docela standardní, ale v bezplatném a open source softwaru se vyskytuje jen zřídka. Mezi další pozoruhodné doplňky nebo změny uživatelského rozhraní zavedené v Inkscape 1.1 patří „paleta příkazů“, která uživatelům pomáhá snadno vyhledávat a používat věci, jako jsou filtry nebo akce, ukotvitelné dialogy (což znamená, že dialogy lze přesunout na nová místa na plátně) a vylepšené funkce exportu. a podpora exportu do nových formátů souborů.
Tato vylepšení uživatelského rozhraní v Inkscape 1.0 a Inskcape 1.1 jsou skvělá a pomohla Inkscape dosáhnout postupného pokroku směrem k lepšímu softwaru. Jakkoli jsou tyto funkce užitečné a vzrušující, představují pouze základ toho, co mělo přijít.
V květnu 2022 byl vydán Inkscape 1.2 Beta a podle mého názoru zvedl laťku designu uživatelského rozhraní.
Laťka byla zvýšena, protože uživatelské rozhraní Inkscape 1.2 nejen dobře vypadá, ale také vám umožňuje přizpůsobit si jej více než jakýkoli jiný program (který jsem osobně zažil). A to, jak to vypadá a jak se to dá upravit, bylo výsledek zpětné vazby od uživatelů, vývojáři uznávající zpětnou vazbu a diskutující o ní, vývojáři implementující nejoptimálnější projevy této zpětné vazby a uživatelé testující implementace a zahajující zpětnou vazbu znovu.
Je to vývoj softwaru, demokratizovaný. Je to skvělá případová studie o tom, proč existuje svobodný a otevřený software a jak úžasných věcí lze dosáhnout prostřednictvím komunitního rozvoje.
Proč uživatelské rozhraní Inkscape 1.2 vyniká
Takže, co konkrétně miluji na novém uživatelském rozhraní Inkscape 1.2?
Aktualizace uvítací obrazovky
Hned na začátku se objevila uvítací obrazovka (což opět byla poprvé představen v Inkscape 1.1) umožňuje uživateli přizpůsobit uživatelské rozhraní pomocí karty „Rychlé nastavení“ (na obrázku výše označeno zeleně). Zde může uživatel:
- zvolit konfiguraci jejich plátna,
- nastavit klávesové zkratky,
- nastavit styly a barvy ikon (v rozevíracím seznamu Vzhled) a
- přepínáním barev uživatelského rozhraní si můžete vybrat ze světlého nebo tmavého režimu
Úvodní obrazovka je responzivní, takže vybrané ikony automaticky aktualizují náhled ikony umístěný v dolní části okna (žlutá šipka na obrázku výše). Při přepínání mezi světlým a tmavým režimem se navíc změní barva uvítací obrazovky (červená šipka).
Poté můžete přejít na kartu „Čas na kreslení“ (na obrázku výše zvýrazněna zeleně) a buď otevřít nedávný dokument, vybrat šablonu z kterékoli kategorie šablon (zvýrazněna světle modře), nebo načíst nový dokument. z vašeho počítače (prostřednictvím tlačítka „Načíst“, které se zobrazí na kartě „Existující soubory“ – na obrázku výše zvýrazněno červeně). Poslední možnost byla představena v Inkscape 1.2 – což pomohlo doplnit sadu funkcí pro vytváření dokumentů na uvítací obrazovce.
Kliknutím na příslušný soubor šablony (červená šipka) na kartě „Obrazovka“ otevřu stránku s rozlišením 1920×1080 px.
Nové plátno
Po otevření nového dokumentu v Inkscape si uživatelé předchozích verzí Inkscape všimnou přepracované a čistší oblasti plátna. Pro Inkscape 1.2 vývojáři aktualizovali okraj kolem stránky, změnili barvu „stolu“ (nebo šedého okraje kolem stránky – červená šipka na obrázku výše) a vylepšili vzhled vrženého stínu pod stránkou ( zelený šíp). Tyto jemné, ale důležité změny pomáhají Inkscape cítit se pohodlněji a důvěrněji (zejména při přechodu z Illustratoru).
Nástroj zbrusu nová stránka (vícestránkové kompozice)
Jo, a když už jsme u oblasti plátna – Inkscape 1.2 nyní podporuje vícestránkové dokumenty.
Pro ty z vás, kteří přicházejí z Illustratoru, dovolte mi přeložit: Inkscape nyní podporuje více kreslicích pláten.
Tato funkce se ovládá pomocí „Nástroje stránky“ (červená šipka na obrázku výše), což je v podstatě totéž jako „Nástroj Artboard v Illustratoru“. Pomocí tohoto nového nástroje můžete buď rychle od ruky kreslit nové stránky, nebo použít ovládací panel (označený zeleně) k přesnějšímu vytváření nových stránek na základě přednastavení dokumentu.
Můžete také vybrat a změnit velikost libovolné stránky, přemístit stránku kliknutím a přetažením nebo přizpůsobit velikost stránky libovolnému výběru nebo kresbě na stránce. Nakonec můžete exportovat své více stránek jako vícestránkové PDF.
Tato vícestránková funkce s doprovodným Page Tool je dlouho očekávanou funkcí, která by měla návrhářům pomoci se složitějšími, profesionálními projekty.
Šílené úrovně přizpůsobení
Pokud nejste spokojeni s tím, jak celkové uživatelské rozhraní vypadá na základě voleb, které jste provedli na úvodní obrazovce, můžete změnit barvy a velikosti všech prvků na obrazovce tak, že přejdete na Úpravy>Předvolby>Rozhraní>Motivy. (červená šipka na obrázku výše).
Pod nadpisem „Téma“ (na obrázku výše zvýrazněno zeleně) můžete procházet motivy GTK v části „Změnit téma GTK“ a zobrazit živé náhledy různých stylů motivů, když kliknete na každou možnost. Pomocí posuvníků můžete také upravit velikost písma uživatelského rozhraní nebo míru kontrastu mezi barvou pozadí uživatelského rozhraní a textem a ikonami (zelená šipka). Kde jinde jsi viděl posuvník kontrastu?
Pod nadpisem „Ikony“ (na obrázku výše označený žlutě) si můžete vybrat některý ze čtyř motivů ikon pomocí rozevíracího seznamu „Změnit motiv ikony“. Pokud vyberete možnost „více barev“ nebo „vysoká barva“, získáte další možnosti, jako je výběr „symbolické“ verze ikon (žlutá šipka) nebo výběr barev použitých pro symbolické ikony (světlá modrá šipka) – včetně „Základní barvy ikony“ a tří „zvýraznění barev ikony“. Tyto barvy mohou být jakékoli a lze je vybrat z barevného kruhu, z posuvníků pro vámi zvolený barevný režim nebo pomocí HEX kódu.
Pokud přejdu na Rozhraní>Panely nástrojů (červená šipka na obrázku výše), zatímco jsem stále v dialogu Předvolby, uvidíte přizpůsobení panelu nástrojů a ikon používaných v celém uživatelském rozhraní. Všechny nástroje zobrazené zde v části „Panely nástrojů“ (označené žlutě) jsou ve výchozím nastavení zapnuté, a proto se zobrazují na panelu nástrojů. Kliknutím na kteroukoli z ikon (světle modrá šipka) se tento nástroj vypne a skryje se na liště nástrojů.
Pod ikonami panelu nástrojů je dvojice posuvníků. Horní posuvník (červená šipka na fotografii výše) umožňuje upravit velikost ikon na panelu nástrojů (vyznačeno červeně) a spodní posuvník (šipka lehkého rozostření) umožňuje upravit velikost ikon ovládacího panelu (vyznačeno na světle modrá). Všimnete si, že oba začínají na 100 % a jdou až na 300 %. To znamená, že můžete zvětšit velikosti ikon až na trojnásobek jejich původní velikosti. Přírůstky mezi těmito hodnotami jsou také docela malé (někde kolem 5% přírůstků), což ukazuje bezprecedentní úroveň granularity pro provádění úprav ikon uživatelského rozhraní.
Toto je jen jeden z mnoha příkladů vysoké úrovně kontroly nad vzhledem programu, které uvidíte v této nové verzi. Pojďme opustit dialog předvoleb a předvést některé další úžasné funkce uživatelského rozhraní v Inkscape 1.2.
Aktualizovaná paleta barev pro lepší kontrolu a přizpůsobení
Pod oblastí plátna je Paleta barev – oblast, kde vybíráte barvy pro věci, jako jsou objekty a text (na obrázku výše je zvýrazněna zeleně). V předchozích verzích tato paleta používala svůj vlastní vyhrazený posuvník a barevné dlaždice měly pevnou velikost.
Posuvník palety barev byl problematický, protože plátno také používá posuvník (červené šipky na obrázku výše) k vodorovné navigaci na stránce. Jinými slovy, ve stejné blízkosti byly dva posuvníky, takže pro nové uživatele bylo matoucí rozlišovat jeden pruh od druhého. Více matoucí pro nové uživatele bylo, že posuvník pro barevnou paletu se zobrazí pouze při najetí myší – takže jej můžete snadno přehlédnout, pokud byste nevěděli, že tam je.
V Inkscape 1.2 byla posuvná lišta nahrazena šipkami nahoru a dolů na pravé straně palety barev (označené červenou šipkou a naznačené červeně na obrázku výše), aby uživatelé mohli vyhledávat nebo procházet různé dostupné barvy.
Hned napravo od šipek nahoru a dolů je nabídka pro zobrazení a výběr dalších dostupných barevných palet (červená šipka na obrázku). Tato funkce byla aktualizována tak, aby nyní zahrnovala malé náhledy různých vzorků dostupných v každé paletě barev (oblast zvýrazněná zeleně – náhledy malých vzorků můžete vidět pod názvem každé palety barev).
Navíc úplně dole v této nabídce je odkaz „Konfigurovat“ (světle modrá šipka).
Zde může uživatel nyní provádět úpravy vzhledu palety barev. Velikost barevných dlaždic lze upravit pomocí posuvníku „Velikost dlaždice“ (červená šipka), poměr stran (zelená šipka – poměr šířky k výšce, přičemž 0 na posuvníku je čtverec) barvy. dlaždice, velikost okraje kolem každé dlaždice (světle modrá šipka) a počet řádků políček zobrazených v pruhu barev (žlutá šipka). Na fotografii můžete vidět, že jsem provedl několik úprav, včetně zvětšení velikosti dlaždic, zmáčknutí dlaždic zvýšením poměru stran, přidání silnějšího okraje kolem každé dlaždice a zvýšení počtu zobrazených řad dlaždic na 3.
Tato podrobná nastavení opět poskytují uživatelům maximální kontrolu nad vzhledem a chováním barevné palety a uživatelského rozhraní Inkscape 1.2. To platí zejména vzhledem k tomu, že velikosti a styl prvků jsou řízeny uživatelsky příjemnými posuvníky spíše než neohrabanějšími alternativami a posuvníky mají široký rozsah hodnot.
Ukažme si, jak neuvěřitelné to je, prostřednictvím srovnání.
Posuvník „Velikost dlaždic“ zobrazený v tomto dialogu Konfigurace pro barevnou paletu (červená šipka na obrázku výše) obsahuje hodnoty od 4 do 32 v krocích po 1 (to znamená, že je celkem 19 hodnot, včetně 4 a 32). Alternativně panel „Swatches“ aplikace Adobe Illustrator poskytuje pouze 3 hodnoty pro velikosti dlaždic – „malé“, „střední“ a „velké“. V Illustratoru, placeném softwaru, je mnohem menší kontrola nebo přizpůsobitelnost než v novém Inkscape 1.2 – který je zcela zdarma.
Zjednodušené uchopení a inteligentní vodítka
Jedním z posledních příkladů, kterým se budu věnovat v tomto článku demonstrujícím úžasné nové uživatelské rozhraní Inkscape, je nový přepracovaný „Snap Controls Bar“. V předchozích verzích Inkscape byl tento pruh umístěn podél celé pravé strany plátna a současně zobrazoval všechny ikony ovládacích prvků. To pochopitelně zaplavilo nové uživatele možností výběru a používání těchto ovládacích prvků bylo matoucí a náročné.
V Inkscape 1.2 byla lišta Snap Controls zredukována na jednu ikonu a otočnou nabídku nebo „vyskakovací nabídku“, jak ji Inkscape rád nazývá (označená červeně a označená šipkou na obrázku). Klepnutím na ikonu aktivujete ovládání uchopení, zatímco dalším kliknutím na ikonu uchopení deaktivujete. Pokud chce uživatel větší kontrolu, může kliknout na vyskakovací nabídku (ikona s trojúhelníkem), kde uvidí zaškrtávací políčko, které vás jednoduše informuje o tom, zda je aktuálně zapnuto přichytávání, a tři nové ikony.
První dvě ikony jsou docela standardní: přichycení k ohraničovacím rámečkům (červená šipka) a povolení přichycení uzlů (zelená šipka). Třetí ikona je velmi vzrušující a velmi očekávaná funkce: zarovnání na plátně, uživatelům také známé jako „inteligentní průvodci“ (světle modrá šipka).
Když je tato možnost povolena (ve výchozím nastavení je obvykle zakázána, kliknutím na ikonu ji povolíte), uživatelé nyní vidí vodítka přímo na plátně, když pohybují objekty (červená šipka na obrázku). Stejně jako v jiném softwaru, včetně Adobe Illustrator nebo Affinity Designer, pomáhají tyto příručky uživatelům zarovnávat objekty na střed jejich stránek, zarovnávat na střed jiných objektů, rovnoměrně rozmístit objekty od sebe nebo dokonce rychle vytvářet mřížky rovnoměrně rozmístěných objektů.
A konečně, když se vrátíme do „popover menu“, ve spodní části okna je odkaz označený jako „Pokročilý režim“.
Tento odkaz vás zavede k dalším ovládacím prvkům přichycení, které vám umožní povolit nebo zakázat jednotlivé funkce přichycení. Toto jsou všechny ovládací prvky přichycení, které se v předchozích verzích zobrazovaly podél celé pravé strany okna plátna Inkscape. Nyní jsou úhledně schované v této nabídce. Pro návrat zpět k jednoduššímu nastavení klikněte na „Reset to simple snapping mode“ (červená šipka na obrázku).
Inkscape, bezplatný editor vektorové grafiky, s tímto působivým vydáním Inkscape 1.2 vážně posílil svou hru s uživatelským rozhraním. Poskytuje nejen granulární (slovo dne) kontrolu nad nastavením uživatelského rozhraní na více úrovních, ale také zjednodušuje mnoho ovládacích prvků pro zlepšení uživatelského zážitku a zároveň zpřístupňuje tyto ovládací prvky ve snadno přístupných nabídkách pro pokročilejší uživatele.
Pro více informací o tom, co je nového v Inkscape 1.2, se podívejte na můj video tutoriál pokrývající VŠECHNY nejnovější funkce této mega-vydané verze (již brzy!). A jako vždy si můžete ZDARMA stáhnout nejnovější verzi Inkscape Inkscape.org.
