Како создавач на содржина на YouTube, фокусирајќи се првенствено на креативен софтвер за десктоп, видов тони кориснички интерфејси низ годините.

Сигурно има многу креатори, развивачи, корисници итн. кои искусиле или тестирале многу повеќе софтверски интерфејси од мене. цели за креирање содржина.

Сум користел слични на GIMP, Premiere Pro, Photoshop, After Effects, Illustrator, Affinity Photo, Affinity Designer, Affinity Publisher, InDesign, Scribus, LibreOffice, Blender, мрачна табла, RawTherapee, OBS, Krita, DaVinci Resolve, Final Cut, Olive и многу повеќе. Овие програми опфаќаат различни категории на креативен софтвер и сите тие имаат работи што ми се допаѓаат кај нив и работи што не ми се допаѓаат – во различен степен.

UI (што значи „кориснички интерфејс„) во секоја од овие програми може многу да се разликува бидејќи оваа листа опфаќа различни креативни категории и вклучува бесплатен и платен софтвер.

Сепак, постои една програма која неодамна се издвојува од софтверот споменат погоре - бесплатен и платен - благодарение на неодамнешната голема верзија која воведе големи ажурирања на нејзиниот интерфејс. Оваа програма е Inkscape.

Еве зошто.

Неодамна, Inkscape објави бета верзија за нивното претстојно 1.2 стабилно издание. Ако не сте запознаени со Inkscape, тој е бесплатен и векторски графички уредник со отворен код. Најмногу може да се спореди со Illustrator – иако веројатно е подобро да се размислува за него во смисла на мултиверзум на Dr. Strange каде што постои Illustrator во едниот универзум и Inkscape во другиот.

Inkscape 1.2: Многу кратка историја

Inkscape, според мое мислење, отсекогаш имал огромен потенцијал, но исто така бил чуден. Да се ​​нарече „откачено“ е убаво кажано - можеби „кабриолет“ е подобар термин. Доволно е да се каже дека е познато дека многу паѓа и има многу ограничувања.

Ова е особено точно бидејќи Inkscape 1.0 беше објавен во 2020 година – што ја однесе програмата на сосема ново ниво во однос на карактеристиките и функционалноста, но ја направи програмата многу понестабилна. Inkscape 1.0, исто така, ни покажа дека програмата оди во подобра насока во однос на дизајнот на UI, но не беше ништо посебно во споредба со другите модерни креативни софтвери.

Во пролетта 2021 година, тимот на Inkscape го објави Inkscape 1.1, и стана очигледно дека заедницата на доброволни развивачи на Inkscape почна да го пренасочува фокусот кон подобрување на корисничкото искуство преку подобар интерфејс.

Со ова издание, Inkscape воведе „Екран за добредојде“, кој е прилично стандарден во платениот софтвер, но ретко се наоѓа во слободен софтвер со отворен код. Други значајни дополнувања или промени на корисничкиот интерфејс воведени во Inkscape 1.1 вклучуваат „палета на команди“ за да им помогне на корисниците лесно да пребаруваат и применуваат работи како што се филтри или дејства, дијалози што се приклучуваат (што значи дека дијалозите може да се преместат на нови позиции околу платното) и подобрени функции за извоз и поддршка за извоз во нови формати на датотеки.

Овие подобрувања на корисничкиот интерфејс во Inkscape 1.0 и Inskcape 1.1 се одлични и му помогнаа на Inkscape да направи постепен напредок кон тоа да стане подобар софтвер. Колку и да се корисни и возбудливи овие карактеристики, тие само ја поставуваат основата за она што требаше да дојде.

Во мај 2022 година, Inkscape 1.2 Beta беше објавена и, според мое мислење, ја подигна границата за дизајн на интерфејс.

Лентата беше подигната затоа што интерфејсот на Inkscape 1.2 не само што изгледа добро, туку ви дозволува да го приспособите повеќе од која било друга програма (што јас лично сум го доживеал). И начинот на кој изгледаше и начинот на кој може да се прилагоди беше резултат на тоа што корисниците даваат повратни информации, програмерите ги признаваат и дискутираат повратните информации, програмерите ги имплементираат најоптималните манифестации на тие повратни информации и корисниците ги тестираат имплементациите и ја започнуваат јамката за повратни информации.

Тоа е развој на софтвер, демократизиран. Тоа е прекрасна студија на случај за тоа зошто постои слободен софтвер со отворен код и колку прекрасни работи може да се постигнат преку развојот на заедницата.

Зошто се издвојува интерфејсот на Inkscape 1.2

Значи, што конкретно ми се допаѓа во новиот интерфејс на Inkscape 1.2?

Ажурирања на екранот за добредојде

Веднаш од палката, екранот за добредојде (кој, повторно, беше првпат претставен во Inkscape 1.1) му овозможува на корисникот да го приспособи интерфејсот со табулаторот „Брзо поставување“ (нацртано со зелено на сликата погоре). Овде, корисникот може:

  • изберете ја нивната конфигурација на платно,
  • поставете кратенки на тастатурата,
  • поставете стилови и бои на иконите (во паѓачкото мени Изглед) и
  • префрлете ги боите на интерфејсот за да изберете од светол или темни режим

Екранот за добредојде реагира, така што иконите што ќе ги изберете автоматски ќе го ажурираат прегледот на иконата лоциран во близина на дното на прозорецот (жолта стрелка на сликата погоре). Дополнително, бојата на екранот за добредојде ќе се смени кога се префрлате помеѓу светлите и темните режими (црвена стрелка).

Потоа можете да отидете до табулаторот „Време за цртање“ (нацртано со зелено на сликата погоре) и или да отворите неодамнешен документ, да изберете образец од која било од категориите шаблони (наведени во светло сина боја) или да вчитате нов документ од вашиот компјутер (преку копчето „Вчитај“ што ќе се прикаже кога е во табулаторот „Постоечки датотеки“ – наведено со црвено на сликата погоре). Последната опција беше воведена во Inkscape 1.2 – што помогна да се заокружи сетот на функции за креирање документи во екранот за добредојде.

Ќе отворам страница од 1920×1080 px со кликнување на соодветната датотека со шаблон (црвена стрелка) под табулаторот „Екран“.

Новото платно

По отворањето на нов документ во Inkscape, корисниците на претходните верзии на Inkscape ќе забележат обновено и почисто платно. За Inkscape 1.2, програмерите ја ажурираа границата околу страницата, ја променија бојата на „бирото“ (или сивата граница околу страницата - црвената стрелка на горната слика) и го подобрија изгледот на сенката за паѓање под страницата ( зелена стрелка). Овие суптилни, но сепак важни промени му помагаат на Inkscape да се чувствува поудобно и попознато (особено кога се префрла од Illustrator).

Сосема нова алатка за страници (Композиции на повеќе страници)

О, и кога зборуваме за областа на платното - Inkscape 1.2 сега поддржува документи на повеќе страници.

За оние од вас кои доаѓаат од Illustrator, дозволете ми да преведам: Inkscape сега поддржува повеќе уметнички табли.

Оваа функција се контролира со помош на „Алатката за страници“ (црвена стрелка на сликата погоре), што во суштина е иста работа со „Алатката Artboard“ на Illustrator. Со оваа нова алатка, можете или брзо слободно да цртате нови страници или да ја користите лентата за контроли (оцртана зелено) за попрецизно да креирате нови страници врз основа на претходно поставените документи.

Можете исто така да изберете и да ја промените големината на која било страница, да ја преместите страницата со кликнување и влечење или да ја прилагодите големината на страницата на кој било избор или уметничко дело на страницата. Конечно, можете да ги извезете вашите повеќе страници како PDF со повеќе страници.

Оваа функција на повеќе страници со придружна алатка за страници е долгоочекуваната карактеристика што треба да им помогне на дизајнерите да преземат посложени, професионални проекти.

Луди нивоа на приспособување

Ако не сте задоволни со начинот на кој изгледа целокупниот интерфејс врз основа на изборите што сте ги направиле од екранот за добредојде, можете да направите промени во боите и големините на сите елементи на екранот со одење до Уреди>Преференции>Интерфејс>Теми (црвена стрелка на сликата погоре).

Под насловот „Тема“ (оцртано со зелено на горната слика), можете да се движите низ темите на GTK под „Промени GTK тема“ и да гледате прегледи во живо на различните стилови на теми додека кликнувате на секоја опција. Можете исто така да користите лизгачи за да ја прилагодите големината на фонтот на интерфејсот или количината на контраст помеѓу бојата на позадината на интерфејсот и текстот и иконите (зелена стрелка). Каде на друго место сте виделе контраст лизгач??

Под насловот „Икони“ (наведени со жолта боја на горната слика), можете да изберете од која било од четирите теми на иконите користејќи го паѓачкото мени „Промени ја темата на иконата“. Ако ја изберете опцијата „повеќе бои“ или „здраво во боја“, ќе добиете дополнителни опции како што се избор на „симболична“ верзија на иконите (жолта стрелка) или избирање на боите што се користат за симболичните икони (светло сина стрелка) – вклучувајќи ја „основата на бојата на иконите“ и три „Нагласени бои на иконата“. Овие бои можат да бидат што и да посакате и може да се изберат од тркало во боја, од лизгачите за избраниот режим на боја или со користење на HEX код.

Ако отидам до Interface>Toolbars (црвена стрелка на сликата погоре) додека се уште сум во дијалогот Preferences, ќе видите прилагодување за лентата со алатки и иконите што се користат низ корисничкиот интерфејс. Сите алатки што се прикажани овде во делот „Ленти со алатки“ (оцртани со жолто) се стандардно вклучени и на тој начин се прикажуваат во лентата со алатки. Со кликнување на која било од иконите (светло сина стрелка) ќе се исклучи таа алатка и ќе се скрие од лентата со алатки.

Под иконите на лентата со алатки се наоѓаат пар лизгачи. Горниот лизгач (црвената стрелка на фотографијата погоре) ви овозможува да ја прилагодите големината на иконите на лентата со алатки (нацртани со црвено), а долниот лизгач (стрелка за светло заматување) ви овозможува да ја прилагодите големината на иконите на контролната лента (наведени во светло сино). Ќе забележите дека и двете почнуваат од 100% и одат до 300%. Ова значи дека можете да ја зголемите големината на иконите до тројно нивната оригинална големина. Зголемувањата помеѓу овие вредности се исто така прилично мали (некаде околу 5% зголемувања), што покажува невидено ниво на грануларност за прилагодување на иконите на UI.

Ова е само еден од многуте примери на високи нивоа на контрола врз изгледот на програмата што ќе ги видите во текот на оваа нова верзија. Ајде да излеземе од дијалогот за преференци за да прикажеме некои други неверојатни карактеристики на интерфејсот во Inkscape 1.2.

Ажурирана палета на бои за поголема контрола, прилагодување

Под областа на платното е Палетата на бои - областа каде што ги избирате боите за работи како што се предмети и текст (наведени со зелено на горната фотографија). Во претходните верзии, оваа палета користеше своја посебна лента за лизгање и плочките во боја беа со фиксна големина.

Лентата за лизгање на палетата на бои беше проблематична поради платното Исто така користи лента за лизгање (црвени стрелки на сликата погоре) за хоризонтално навигација на страницата. Со други зборови, имаше две ленти за лизгање во иста близина, што го прави збунувачки за новите корисници да разликуваат една лента од друга. Позбунувачки за новите корисници беше тоа што лентата за лизгање за палетата на бои ќе се појавува само на лебдењето - така што лесно може да се пропушти ако не сте знаеле дека е таму.

Во Inkscape 1.2, лентата за лизгање е заменета со стрелките нагоре и надолу на десната страна од палетата на бои (означена со црвената стрелка и означена со црвена боја на сликата погоре) за да им помогне на корисниците да пребаруваат или да се движат низ различните достапни бои.

Веднаш десно од стрелките нагоре и надолу е менито за прегледување и избирање други достапни палети на бои (црвена стрелка на сликата). Оваа функција е ажурирана за сега да вклучува мали прегледи на бои на различните примероци достапни во секоја палета на бои (областа означена со зелено - можете да ги видите малите прегледи на примероци под името на секоја палета на бои).

Плус, на самото дно од ова мени е врската „Конфигурирај“ (светло сина стрелка).

Овде, корисникот сега може да направи прилагодувања на изгледот на палетата на бои. Може да се направат прилагодувања на големината на плочките во боја со лизгачот „Големина на плочка“ (црвена стрелка), соодносот (зелена стрелка – однос на ширината и висината, при што 0 на лизгачот е квадрат) на бојата плочки, големината на границата околу секоја плочка (светло сина стрелка) и бројот на редови на примероци прикажани во лентата со бои (жолта стрелка). На фотографијата можете да видите дека направив неколку прилагодувања, вклучително и зголемување на големината на плочките, кршење на плочките со зголемување на односот на страниците, додавање подебела граница околу секоја плочка и зголемување на бројот на прикажани редови на плочки на 3.

Повторно, овие грануларни поставки им даваат на корисниците крајна контрола над изгледот и чувството на палетата на бои и Inkscape 1.2 UI. Ова е особено точно со оглед на тоа што големините и стилот на елементите се контролирани од лизгачи погодни за корисникот, а не со потешки алтернативи, а лизгачите имаат широк опсег на вредности.

Ајде да покажеме колку е ова неверојатно преку споредба.

Лизгачот „Големина на плочка“ прикажан во овој дијалог Конфигурирај за палетата на бои (црвена стрелка на горната слика) има вредности од 4 до 32, во чекори од 1 (што значи дека има вкупно 19 вредности, вклучувајќи ги и 4 и 32). Алтернативно, панелот „Swatches“ на Adobe Illustrator обезбедува само 3 вредности за големини на плочки - „мали“, „средни“ и „големи“. Има многу помалку контрола или приспособливост во Illustrator, платен софтвер, отколку новиот Inkscape 1.2 – кој е потполно бесплатен.

Поедноставени прилепувања и паметни водичи

Еден последен пример што ќе го опфатам за овој напис кој го демонстрира неверојатниот нов интерфејс на Inkscape е новата преработена „Snap Controls Bar“. Во претходните верзии на Inkscape, оваа лента се наоѓаше долж целата десна страна на платното и ги прикажуваше сите икони за контрола на прилепување истовремено. Ова разбирливо ги преплави новите корисници со избори и го направи користењето на овие контроли збунувачки и предизвикувачки.

Во Inkscape 1.2, лентата Snap Controls е намалена на една икона и мени за вртење, или „popover мени“ како што сака да го нарекува Inkscape (оцртано со црвено и означено со стрелката на сликата). Со кликнување на иконата се овозможуваат контроли за прилепување, додека пак кликнување на неа ќе го оневозможи откинувањето. Ако корисникот сака поголема контрола, може да кликне на менито за поповер (иконата со триаголникот) каде што ќе го види полето за избор, кое едноставно ве информира дали откинувањето е моментално вклучено или не, и три нови икони.

Првите две икони се прилично стандардни: прикачете ги кутиите за ограничување (црвена стрелка) и овозможете кршење за јазли (зелена стрелка). Третата икона е многу возбудлива и многу очекувана карактеристика: порамнување на платно, исто така познато на корисниците како „паметни водичи“ (светло сина стрелка).

Кога е овозможено (обично е стандардно оневозможено, па кликнете на иконата за да го овозможите), корисниците сега гледаат водичи директно на нивното платно додека ги движат предметите наоколу (црвена стрелка на сликата). Како и во другите софтвери, вклучително и Adobe Illustrator или Affinity Designer, овие водичи им помагаат на корисниците да ги порамнат објектите во центарот на нивните страници, да ги порамнат со центарот на другите објекти, рамномерно да ги одвојуваат објектите меѓу себе или дури и брзо да создадат мрежи од рамномерно распоредени објекти.

Конечно, враќајќи се во „поповер менито“, има врска на дното на прозорецот со ознака „Напреден режим“.

Оваа врска ќе ве однесе до дополнителни контроли за прилепување што ви дозволуваат да овозможите или оневозможите поединечни функции за прилепување. Ова се сите контроли за прилепување што се прикажуваа по целата десна страна на платниот прозорец на Inkscape во претходните верзии. Тие сега се уредно сместени во ова мени. За да се вратите на поедноставното поставување, кликнете на „Ресетирање во режим на едноставно прилепување“ (црвена стрелка на сликата).

Inkscape, бесплатниот уредник за векторска графика, сериозно ја засили својата UI игра со ова импресивно издание Inkscape 1.2. Тој не само што обезбедува грануларна (збор на денот) контрола врз поставките на интерфејсот на повеќе нивоа, туку исто така поедноставува многу контроли за да го подобри корисничкото искуство, додека тие контроли ги прави достапни во лесно достапни менија за понапредните корисници.

За повеќе информации за она што е ново во Inkscape 1.2, проверете го мојот видео туторијал кој ги опфаќа СИТЕ најнови функции со оваа мега-издание верзија (наскоро!). И, како и секогаш, можете БЕСПЛАТНО да ја преземете најновата верзија на Inkscape од Inkscape.org.

Билтен за е-пошта за бесплатни креативни апликации на Davies Media Design

Претплатете се на билтенот на DMD

Пријавете се за да добивате нови упатства, ажурирања на курсевите и најновите вести за вашите омилени бесплатни креативни апликации!

Успешно сте претплатени!

Пин Тоа на Pinterest