Като създател на съдържание в YouTube, фокусиращ се предимно върху настолния креативен софтуер, през годините съм виждал тонове потребителски интерфейси.

Със сигурност има много създатели, разработчици, потребители и т.н., които са изпитали или тествали много повече софтуерни интерфейси от мен. Въпреки това, аз съм тествал и работил с респектиращ рог на изобилието от софтуер през различни етапи от тяхното развитие както за изследвания, така и за цели за създаване на съдържание.

Използвал съм подобни 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 и др. Тези програми обхващат различни категории креативен софтуер и всички те имат неща, които харесвам в тях, и неща, които не харесвам – в различна степен.

Потребителският интерфейс (което означава „потребителски интерфейс“) във всяка от тези програми може да варира значително, тъй като този списък обхваща различни творчески категории и включва както безплатен, така и платен софтуер.

Въпреки това, има една програма, която наскоро се открои от споменатия по-горе софтуер – безплатна и платена – благодарение на скорошна основна версия, която въведе големи актуализации на потребителския си интерфейс. Тази програма е Inkscape.

Ето защо.

Наскоро Inkscape пусна бета версия за предстоящата си стабилна версия 1.2. Ако не сте запознати с Inkscape, това е безплатен векторен графичен редактор с отворен код. Най-сравним е с Illustrator – макар че вероятно е по-добре да го мислим като мултивселена на Dr. Strange, където Illustrator съществува в едната вселена и Inkscape в другата.

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

Inkscape, според мен, винаги е имал много потенциал, но също така е бил странен. Да го наречем „странно“ е добре казано – може би „бъги“ е по-добър термин. Достатъчно е да се каже, че е известно, че се срива много и има много ограничения.

Това е особено вярно, тъй като Inkscape 1.0 беше пуснат през 2020 г – което изведе програмата на съвсем ново ниво по отношение на функции и функционалност, но направи програмата много по-нестабилна. Inkscape 1.0 също ни показа, че програмата върви в по-добра посока по отношение на дизайна на потребителския интерфейс, но не беше нищо особено в сравнение с друг съвременен творчески софтуер.

През пролетта на 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 вече поддържа множество монтажни табла.

Тази функция се управлява с помощта на „Page Tool“ (червена стрелка на изображението по-горе), което по същество е същото нещо като „Artboard Tool“ на Illustrator. С този нов инструмент можете или бързо да рисувате нови страници със свободна ръка, или да използвате лентата за контрол (очертана в зелено), за да създавате по-прецизно нови страници въз основа на предварително зададени документи.

Можете също да изберете и преоразмерите всяка страница, да преместите страницата, като щракнете и плъзнете, или да напаснете размера на страницата към произволен избор или произведение на изкуството на страницата. И накрая, можете да експортирате множеството си страници като PDF от много страници.

Тази многостранична функция с придружаващ инструмент за страници е дългоочаквана функция, която трябва да помогне на дизайнерите да поемат по-сложни, професионални проекти.

Безумни нива на персонализиране

Ако не сте доволни от начина, по който изглежда цялостният потребителски интерфейс въз основа на избора, който сте направили от екрана за добре дошли, можете да направите промени в цветовете и размерите на всички елементи на екрана, като отидете на Редактиране> Предпочитания> Интерфейс> Тема (червена стрелка на изображението по-горе).

Под заглавието „Тема“ (очертано в зелено на изображението по-горе) можете да превъртите през темите на GTK под „Промяна на GTK тема“ и да видите визуализации на живо на различните стилове на тема, докато щракнете върху всяка опция. Можете също да използвате плъзгачи, за да регулирате размера на шрифта на потребителския интерфейс или степента на контраст между цвета на фона на потребителския интерфейс и текста и иконите (зелена стрелка). Къде другаде си виждал контрастен плъзгач??

Под заглавието „Икони“ (очертано в жълто на горното изображение) можете да изберете една от четирите теми за икони, като използвате падащото меню „Промяна на темата за икони“. Ако изберете опцията „многоцветен“ или „здрав цвят“, ще получите допълнителни опции, като например избор на „символична“ версия на иконите (жълта стрелка) или избор на цветовете, използвани за символичните икони (светли синя стрелка) – включително „Цветна основа на иконата“ и три „Осветени цветове на иконите“. Тези цветове могат да бъдат каквито искате и могат да бъдат избрани от цветово колело, от плъзгачите за избрания от вас цветови режим или чрез използване на HEX код.

Ако се придвижа до Интерфейс>Ленти с инструменти (червена стрелка на изображението по-горе), докато все още е в диалоговия прозорец Предпочитания, ще видите персонализиране на лентата с инструменти и иконите, използвани в целия потребителски интерфейс. Всички инструменти, показани тук в секцията „Ленти с инструменти“ (очертани в жълто), са включени по подразбиране и по този начин се показват в лентата с инструменти. Щракването върху някоя от иконите (светлосиня стрелка) ще изключи този инструмент и ще го скрие от лентата с инструменти.

Под иконите на лентата с инструменти има чифт плъзгачи. Горният плъзгач (червена стрелка на снимката по-горе) ви позволява да регулирате размера на иконите на лентата с инструменти (очертани в червено), а долният плъзгач (стрелка за светло размазване) ви позволява да регулирате размера на иконите на лентата за управление (очертани в светло синьо). Ще забележите, че и двете започват от 100% и стигат до 300%. Това означава, че можете да увеличите размерите на иконите до утрояване на първоначалния им размер. Нарастванията между тези стойности също са доста малки (някъде около 5% увеличения), което демонстрира безпрецедентно ниво на детайлност за извършване на корекции в иконите на потребителския интерфейс.

Това е само един от многото примери за високи нива на контрол върху външния вид на програмата, които ще видите в тази нова версия. Нека излезем от диалога за предпочитания, за да покажем някои други невероятни функции на потребителския интерфейс в Inkscape 1.2.

Актуализирана цветова палитра за повече контрол, персонализиране

Под областта на платното е цветовата палитра – областта, където избирате цветове за неща като обекти и текст (очертани в зелено на горната снимка). В предишните версии тази палитра използваше собствена специална лента за превъртане и цветните плочки бяха с фиксиран размер.

Лентата за превъртане на цветовата палитра беше проблематична, защото платното Също използва лента за превъртане (червени стрелки на изображението по-горе), за да се придвижва хоризонтално в страницата. С други думи, има две ленти за превъртане в една и съща близост, което прави объркващо за новите потребители да различават една лента от друга. По-объркващо за новите потребители беше, че лентата за превъртане за цветовата палитра ще се появи само при задържане на мишката – така че лесно може да бъде пропусната, ако не сте знаели, че е там.

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

Точно вдясно от стрелките нагоре и надолу е менюто за преглед и избор на други налични цветови палитри (червена стрелка на изображението). Тази функция е актуализирана, за да включва малки визуализации на цветовете на различните мостри, налични във всяка цветова палитра (областта е маркирана в зелено – можете да видите малките визуализации на мостри под името на всяка цветова палитра).

Освен това в долната част на това меню има връзка „Конфигуриране“ (светлосиня стрелка).

Тук потребителят вече може да прави корекции във външния вид на цветовата палитра. Може да се правят корекции на размера на цветните плочки с плъзгача „Размер на плочките“ (червена стрелка), съотношението на страните (зелена стрелка – съотношение на ширината към височината, като 0 на плъзгача е квадрат) на цвета плочки, размерът на границата около всяка плочка (светлосиня стрелка) и броят на редовете с мостри, показани в цветната лента (жълта стрелка). Можете да видите на снимката, че направих няколко корекции, включително увеличаване на размерите на плочките, смачкване на плочките чрез увеличаване на съотношението на страните, добавяне на по-дебела граница около всяка плочка и увеличаване на броя на показваните редове на плочките до 3.

Отново, тези детайлни настройки дават на потребителите максимален контрол върху външния вид и усещането на цветовата палитра и потребителския интерфейс на Inkscape 1.2. Това е особено вярно, като се има предвид, че размерите и стила на елементите се контролират от удобни за потребителя плъзгачи, а не от по-тромави алтернативи, а плъзгачите имат широк диапазон от стойности.

Нека покажем колко невероятно е това чрез сравнение.

Плъзгачът „Размер на плочката“, показан в този диалог за конфигуриране за цветовата палитра (червена стрелка в горното изображение), съдържа стойности от 4 до 32, на стъпки от 1 (което означава, че има общо 19 стойности, включително 4 и 32). Алтернативно, панелът „Swatches“ на Adobe Illustrator предоставя само 3 стойности за размерите на плочките – „малък“, „среден“ и „голям“. В Illustrator, платен софтуер, има много по-малко контрол или възможност за персонализиране, отколкото новия Inkscape 1.2 – който е напълно безплатен.

Опростено щракване и интелигентни водачи

Един последен пример, който ще покрия за тази статия, демонстриращ невероятния нов потребителски интерфейс на Inkscape, е новата преработена „Лента с контроли за щракване“. В предишните версии на Inkscape тази лента беше разположена по цялата дясна страна на платното и показваше едновременно всички икони на контроли за щракване. Това разбираемо заля новите потребители с избор и направи използването на тези контроли объркващо и предизвикателно.

В Inkscape 1.2 лентата с контроли за щракване е намалена до една икона и меню за завъртане или „покачащо меню“, както Inkscape обича да го нарича (очертано в червено и обозначено със стрелката на изображението). Щракването върху иконата активира контролите за щракване, докато повторното щракване ще деактивира щракването. Ако потребителят иска повече контрол, той може да щракне върху изскачащото меню (иконата с триъгълника), където ще види квадратче за отметка, което просто ви информира дали щракването в момента е включено или не, и три нови икони.

Първите две икони са доста стандартни: прихващане към ограничаващи полета (червена стрелка) и разрешаване на прихващане за възли (зелена стрелка). Третата икона е много вълнуваща и дългоочаквана функция: подравняване върху платно, известно на потребителите също като „интелигентни водачи“ (светло синя стрелка).

Когато е активирано (обикновено е деактивирано по подразбиране, така че щракнете върху иконата, за да го активирате), потребителите вече виждат водачи директно върху своето платно, докато преместват обекти наоколо (червена стрелка на изображението). Подобно на друг софтуер, включително Adobe Illustrator или Affinity Designer, тези ръководства помагат на потребителите да подравнят обектите в центъра на своите страници, да подравнят към центъра на други обекти, да раздалечат обектите равномерно или дори бързо да създават мрежи от равномерно разположени обекти.

И накрая, връщайки се към „изскачащото меню“, в долната част на прозореца има връзка с надпис „Разширен режим“.

Тази връзка ще ви отведе до допълнителни контроли за щракване, които ви позволяват да активирате или деактивирате отделни функции за щракване. Това са всички контроли за щракване, които се използват за показване по цялата дясна страна на прозореца на платното на Inkscape в предишни версии. Сега те са спретнати в това меню. За да се върнете обратно към по-опростената настройка, щракнете върху „Възстановяване на режим на просто захващане“ (червена стрелка на изображението).

Inkscape, безплатният векторен графичен редактор, сериозно засили своята игра с потребителски интерфейс с тази впечатляваща версия на Inkscape 1.2. Той не само осигурява подробен (слова на деня) контрол върху настройките на потребителския интерфейс на множество нива, но също така опростява много контроли за подобряване на потребителското изживяване, като същевременно прави тези контроли достъпни в лесно достъпни менюта за по-напреднали потребители.

За повече информация относно новостите в Inkscape 1.2, вижте моя видео урок, обхващащ ВСИЧКИ най-нови функции с тази мега-версия (очаквайте скоро!). И както винаги, можете да изтеглите най-новата версия на Inkscape БЕЗПЛАТНО от Inkscape.org.

Абонирайте се за бюлетина на DMD

Абонирайте се за бюлетина на DMD

Регистрирайте се, за да получавате нови уроци, актуализации на курсове и най-новите новини за любимия си софтуер с отворен код!

Абонирахте се успешно!

Тя ПИН на Pinterest