Jako twórca treści w YouTube, skupiający się głównie na oprogramowaniu do tworzenia na komputery, przez lata widziałem mnóstwo interfejsów użytkownika.

Z pewnością jest wielu twórców, programistów, użytkowników itp., którzy doświadczyli lub przetestowali o wiele więcej interfejsów oprogramowania niż ja. Jednak przetestowałem i pracowałem z godnym szacunku rogiem obfitości oprogramowania na różnych etapach ich rozwoju, zarówno w celach badawczych, jak i celów tworzenia treści.

korzystałem z polubień 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 inne. Programy te obejmują różne kategorie kreatywnego oprogramowania i wszystkie mają w sobie rzeczy, które lubię, a także rzeczy, których nie lubię – w różnym stopniu.

Interfejs użytkownika (co oznacza „UI„) w każdym z tych programów może się znacznie różnić, ponieważ ta lista obejmuje różne kategorie kreatywne i obejmuje zarówno oprogramowanie bezpłatne, jak i płatne.

Jest jednak jeden program, który ostatnio wyróżnił się na tle wyżej wymienionego oprogramowania – bezpłatny i płatny – dzięki najnowszej wersji głównej, która wprowadziła poważne aktualizacje do swojego interfejsu użytkownika. Ten program to Inkscape.

Dlatego.

Niedawno Inkscape wydało wersję Beta dla nadchodzącego stabilnego wydania 1.2. Jeśli nie znasz Inkscape, jest to darmowy edytor grafiki wektorowej typu open source. Jest najbardziej porównywalny z Illustratorem – choć prawdopodobnie lepiej jest myśleć o nim w kategoriach multiwersu Dr. Strange, w którym Illustrator istnieje w jednym wszechświecie, a Inkscape w drugim.

Inkscape 1.2: bardzo krótka historia

Moim zdaniem Inkscape zawsze miał ogromny potencjał, ale był też dziwaczny. Nazwanie tego „dziwacznym” to ładnie to ująć – być może „buggy” jest lepszym określeniem. Wystarczy powiedzieć, że często się zawiesza i ma wiele ograniczeń.

Jest to szczególnie prawdziwe, ponieważ Inkscape 1.0 został wydany w 2020 roku – co przeniosło program na zupełnie nowy poziom pod względem funkcji i funkcjonalności, ale sprawiło, że program był znacznie bardziej niestabilny. Inkscape 1.0 pokazał nam również, że program zmierzał w lepszym kierunku pod względem projektowania interfejsu użytkownika, ale nie był niczym szczególnym w porównaniu z innymi nowoczesnymi programami kreatywnymi.

Wiosną 2021 roku zespół Inkscape wydał Inkscape 1.1, i stało się jasne, że społeczność wolontariuszy programistów Inkscape zaczęła skupiać się na poprawie doświadczenia użytkownika poprzez lepszy interfejs użytkownika.

W tym wydaniu Inkscape wprowadził „ekran powitalny”, który jest dość standardem w płatnym oprogramowaniu, ale rzadko można go znaleźć w oprogramowaniu wolnym i otwartym. Inne godne uwagi dodatki lub zmiany interfejsu użytkownika wprowadzone w Inkscape 1.1 obejmują „paletę poleceń”, która pomaga użytkownikom w łatwym wyszukiwaniu i stosowaniu takich rzeczy, jak filtry lub akcje, dokowalne okna dialogowe (co oznacza, że ​​​​okna dialogowe można przenosić do nowych pozycji na kanwie) oraz ulepszone funkcje eksportu oraz wsparcie dla eksportu do nowych formatów plików.

Te ulepszenia interfejsu użytkownika w Inkscape 1.0 i Inskcape 1.1 są świetne i pomogły Inkscape robić postępy w kierunku stawania się lepszym oprogramowaniem. Chociaż te funkcje są pomocne i ekscytujące, stanowią jedynie podstawę tego, co miało nadejść.

W maju 2022 wydano Inkscape 1.2 Beta i moim zdaniem podniósł poprzeczkę w projektowaniu interfejsu użytkownika.

Poprzeczka została podniesiona, ponieważ interfejs użytkownika Inkscape 1.2 nie tylko dobrze wygląda, ale także pozwala dostosować go bardziej niż jakikolwiek inny program (który osobiście doświadczyłem). A wygląd i sposób, w jaki można go dostosować, był wynik opinii użytkowników, programiści uznający i omawiający opinie, programiści wdrażający najbardziej optymalne przejawy tych opinii oraz użytkownicy testujący implementacje i rozpoczynający pętlę sprzężenia zwrotnego.

To rozwój oprogramowania, zdemokratyzowany. To wspaniałe studium przypadku, dlaczego istnieje wolne i otwarte oprogramowanie oraz jak niesamowite rzeczy można osiągnąć poprzez rozwój społeczności.

Dlaczego interfejs Inkscape 1.2 wyróżnia się?

Więc co konkretnie kocham w nowym interfejsie użytkownika Inkscape 1.2?

Aktualizacje ekranu powitalnego

Od razu pojawił się ekran powitalny (który znowu był… po raz pierwszy wprowadzony w Inkscape 1.1) pozwala użytkownikowi dostosować interfejs użytkownika za pomocą karty „Szybka konfiguracja” (zaznaczonej na zielono na powyższym obrazku). Tutaj użytkownik może:

  • wybrać konfigurację płótna,
  • ustawić skróty klawiaturowe,
  • ustawić style i kolory ikon (w menu Wygląd) oraz
  • przełącz kolory interfejsu użytkownika, aby wybrać tryb jasny lub ciemny

Ekran powitalny jest responsywny, więc wybrane ikony automatycznie zaktualizują podgląd ikony znajdującej się w dolnej części okna (żółta strzałka na powyższym obrazku). Dodatkowo kolor ekranu powitalnego zmieni się podczas przełączania między trybami jasnym i ciemnym (czerwona strzałka).

Następnie możesz przejść do zakładki "Czas rysowania" (zaznaczonej na zielono na powyższym obrazku) i otworzyć ostatni dokument, wybrać szablon z dowolnej kategorii szablonów (zaznaczonej na jasnoniebiesko) lub załadować nowy dokument z komputera (za pomocą przycisku „Załaduj”, który wyświetli się w zakładce „Istniejące pliki” – zaznaczonej na czerwono na powyższym obrazku). Ostatnia opcja została wprowadzona w Inkscape 1.2 – co pomogło uzupełnić zestaw funkcji do tworzenia dokumentów na ekranie powitalnym.

Otworzę stronę 1920×1080 pikseli, klikając odpowiedni plik szablonu (czerwona strzałka) pod zakładką „Ekran”.

Nowe płótno

Po otwarciu nowego dokumentu w Inkscape użytkownicy poprzednich wersji Inkscape zauważą odnowiony i bardziej przejrzysty obszar płótna. W przypadku Inkscape 1.2 programiści zaktualizowali ramkę wokół strony, zmienili kolor „biurka” (lub szarej granicy wokół strony – czerwona strzałka na powyższym obrazku) i poprawili wygląd cienia pod stroną ( Zielona Strzała). Te subtelne, ale ważne zmiany sprawiają, że Inkscape jest bardziej komfortowy i znajomy (szczególnie po przejściu z programu Illustrator).

Nowe narzędzie do tworzenia stron (kompozycje wielostronicowe)

Aha, a mówiąc o obszarze płótna – Inkscape 1.2 obsługuje teraz dokumenty wielostronicowe.

Dla tych z Was, którzy wywodzą się z programu Illustrator, przetłumaczę: Inkscape obsługuje teraz wiele obszarów roboczych.

Ta funkcja jest kontrolowana za pomocą „Narzędzia strony” (czerwona strzałka na powyższym obrazku), które jest zasadniczo tym samym, co „Narzędzie obszaru roboczego” programu Illustrator. Dzięki temu nowemu narzędziu możesz szybko odręcznie rysować nowe strony lub użyć paska sterowania (zaznaczonego na zielono), aby dokładniej tworzyć nowe strony w oparciu o ustawienia wstępne dokumentu.

Możesz także wybrać dowolną stronę i zmienić jej rozmiar, zmienić jej położenie, klikając i przeciągając, lub dopasować rozmiar strony do dowolnego zaznaczenia lub grafiki na stronie. Na koniec możesz wyeksportować wiele stron jako wielostronicowy plik PDF.

Ta wielostronicowa funkcja z towarzyszącym narzędziem Page Tool to długo oczekiwana funkcja, która powinna pomóc projektantom w realizacji bardziej złożonych, profesjonalnych projektów.

Szalone poziomy dostosowywania

Jeśli nie jesteś zadowolony ze sposobu, w jaki wygląda ogólny interfejs użytkownika na podstawie wyborów dokonanych na ekranie powitalnym, możesz wprowadzić zmiany w kolorach i rozmiarach wszystkich elementów na ekranie, przechodząc do Edycja>Preferencje>Interfejs>Theming (czerwona strzałka na obrazku powyżej).

Pod nagłówkiem „Motyw” (zaznaczonym na zielono na powyższym obrazku) możesz przewijać motywy GTK w sekcji „Zmień motyw GTK” i wyświetlać podglądy na żywo różnych stylów motywu, klikając każdą opcję. Możesz także użyć suwaków, aby dostosować rozmiar czcionki interfejsu użytkownika lub poziom kontrastu między kolorem tła interfejsu użytkownika a tekstem i ikonami (zielona strzałka). Gdzie jeszcze widziałeś suwak kontrastu?

Pod nagłówkiem „Ikony” (zaznaczonym na żółto na powyższym obrazku) możesz wybrać jeden z czterech motywów ikon, korzystając z menu rozwijanego „Zmień motyw ikony”. Jeśli wybierzesz opcję „wielokolorowy” lub „hi color”, uzyskasz dodatkowe opcje, takie jak wybranie „symbolicznej” wersji ikon (żółta strzałka) lub wybór kolorów używanych dla ikon symbolicznych (jasne niebieska strzałka) – w tym „Baza kolorów ikon” i trzy „Podświetlenia kolorów ikon”. Te kolory mogą być dowolne i można je wybrać z koła kolorów, z suwaków wybranego trybu kolorów lub za pomocą kodu HEX.

Jeśli przejdę do Interfejs> Paski narzędzi (czerwona strzałka na powyższym obrazku), nadal w oknie dialogowym Preferencje, zobaczysz dostosowanie paska narzędzi i ikon używanych w całym interfejsie użytkownika. Wszystkie narzędzia wyświetlane tutaj w sekcji "Paski narzędzi" (zaznaczone na żółto) są domyślnie włączone, a zatem są wyświetlane na pasku narzędzi. Kliknięcie dowolnej ikony (jasnoniebieska strzałka) spowoduje wyłączenie tego narzędzia i ukrycie go na pasku narzędzi.

Poniżej ikon paska narzędzi znajduje się para suwaków. Górny suwak (czerwona strzałka na powyższym zdjęciu) pozwala dostosować rozmiar ikon paska narzędzi (zaznaczonych na czerwono), a dolny suwak (jasna strzałka rozmycia) pozwala dostosować rozmiar ikon paska sterowania (zaznaczonych w jasny niebieski). Zauważysz, że oba zaczynają się od 100% i idą do 300%. Oznacza to, że możesz zwiększyć rozmiary ikon nawet trzykrotnie w stosunku do ich oryginalnego rozmiaru. Przyrosty pomiędzy tymi wartościami są również dość małe (około 5% przyrostów), co pokazuje bezprecedensowy poziom szczegółowości wprowadzania zmian w ikonach interfejsu użytkownika.

To tylko jeden z wielu przykładów wysokiego poziomu kontroli nad wyglądem programu, które zobaczysz w nowej wersji. Wyjdźmy z okna dialogowego preferencji, aby zaprezentować inne niesamowite funkcje interfejsu użytkownika w Inkscape 1.2.

Zaktualizowana paleta kolorów dla większej kontroli i dostosowywania

Poniżej obszaru płótna znajduje się paleta kolorów – obszar, w którym wybierasz kolory dla takich rzeczy jak obiekty i tekst (zaznaczone na zielono na powyższym zdjęciu). W poprzednich wersjach ta paleta używała własnego dedykowanego paska przewijania, a kolorowe kafelki miały stały rozmiar.

Pasek przewijania palety kolorów był problematyczny, ponieważ płótno również używa paska przewijania (czerwone strzałki na powyższym obrazku) do nawigacji poziomej po stronie. Innymi słowy, w tym samym sąsiedztwie znajdowały się dwa paski przewijania, co utrudnia nowym użytkownikom odróżnienie jednego paska od drugiego. Bardziej mylące dla nowych użytkowników było to, że pasek przewijania palety kolorów pojawiał się tylko po najechaniu kursorem – więc można go łatwo przeoczyć, jeśli nie wiedziałeś, że tam jest.

W Inkscape 1.2 pasek przewijania został zastąpiony strzałkami w górę i w dół po prawej stronie palety kolorów (oznaczonymi czerwoną strzałką i zaznaczonym na czerwono na powyższym obrazku), aby pomóc użytkownikom wyszukiwać lub przewijać różne dostępne zabarwienie.

Po prawej stronie strzałek w górę iw dół znajduje się menu do przeglądania i wybierania innych dostępnych palet kolorów (czerwona strzałka na obrazku). Ta funkcja została zaktualizowana i zawiera teraz małe podglądy kolorów różnych próbek dostępnych w każdej palecie kolorów (obszar podświetlony na zielono – możesz zobaczyć małe podglądy próbek pod nazwą każdej palety kolorów).

Dodatkowo na samym dole tego menu znajduje się link „Konfiguruj” (jasnoniebieska strzałka).

Tutaj użytkownik może teraz dokonywać zmian w wyglądzie palety kolorów. Dopasowania rozmiaru płytek koloru można dokonać za pomocą suwaka „Rozmiar płytki” (czerwona strzałka), proporcji (zielona strzałka – stosunek szerokości do wysokości, gdzie 0 na suwaku oznacza kwadrat) koloru kafelki, rozmiar obramowania wokół każdego kafelka (jasnoniebieska strzałka) oraz liczba rzędów próbek wyświetlanych na pasku kolorów (żółta strzałka). Na zdjęciu widać, że wprowadziłem kilka zmian, w tym zwiększenie rozmiarów kafelków, zgniatanie kafelków poprzez zwiększenie proporcji, dodanie grubszego obramowania wokół każdego kafelka i zwiększenie liczby wyświetlanych rzędów kafelków do 3.

Ponownie, te szczegółowe ustawienia zapewniają użytkownikom najwyższą kontrolę nad wyglądem palety kolorów i interfejsem użytkownika Inkscape 1.2. Jest to szczególnie prawdziwe, biorąc pod uwagę, że rozmiary i stylizacja elementów są kontrolowane przez przyjazne dla użytkownika suwaki, a nie bardziej niezgrabne alternatywy, a suwaki mają szeroki zakres wartości.

Pokażmy, jakie to niesamowite, poprzez porównanie.

Suwak „Rozmiar kafelka” pokazany w tym oknie dialogowym Konfiguruj dla palety kolorów (czerwona strzałka na powyższym obrazku) zawiera wartości od 4 do 32 w odstępach co 1 (co oznacza, że ​​łącznie jest 19 wartości, w tym 4 i 32). Alternatywnie panel „Próbki” programu Adobe Illustrator zawiera tylko 3 wartości dla rozmiarów kafelków – „mały”, „średni” i „duży”. Płatny program Illustrator zapewnia znacznie mniejszą kontrolę lub możliwość dostosowywania niż nowy Inkscape 1.2 – który jest całkowicie darmowy.

Uproszczone przyciąganie i inteligentne przewodniki

Ostatnim przykładem, który omówię w tym artykule, pokazującym niesamowity nowy interfejs użytkownika Inkscape, jest nowy, przerobiony „Pasek sterowania przyciąganiem”. W poprzednich wersjach Inkscape ten pasek znajdował się wzdłuż całej prawej strony płótna i jednocześnie wyświetlał wszystkie ikony kontrolek przyciągania. To, co zrozumiałe, zasypywało nowych użytkowników wyborami i sprawiało, że korzystanie z tych elementów sterujących było mylące i trudne.

W Inkscape 1.2 pasek Snap Controls został zredukowany do pojedynczej ikony i menu obrotowego lub „menu popover”, jak lubi go nazywać Inkscape (zaznaczonego na czerwono i oznaczonego strzałką na obrazku). Kliknięcie ikony włącza kontrolę przyciągania, a ponowne kliknięcie wyłącza przyciąganie. Jeśli użytkownik chce mieć większą kontrolę, może kliknąć menu kontekstowe (ikona z trójkątem), w którym zobaczy pole wyboru, które po prostu informuje o tym, czy przyciąganie jest obecnie włączone, oraz trzy nowe ikony.

Pierwsze dwie ikony są dość standardowe: przyciąganie do obwiedni (czerwona strzałka) i włączanie przyciągania do węzłów (zielona strzałka). Trzecia ikona to bardzo ekscytująca i oczekiwana funkcja: wyrównanie na płótnie, znane również użytkownikom jako „inteligentne przewodniki” (jasnoniebieska strzałka).

Po włączeniu (zwykle jest domyślnie wyłączone, więc kliknij ikonę, aby ją włączyć), użytkownicy widzą teraz prowadnice bezpośrednio na swoim płótnie podczas przesuwania obiektów (czerwona strzałka na obrazie). Podobnie jak w innym oprogramowaniu, w tym Adobe Illustrator lub Affinity Designer, te przewodniki pomagają użytkownikom wyrównywać obiekty do środka ich stron, wyrównywać do środka innych obiektów, równomiernie rozmieszczać obiekty, a nawet szybko tworzyć siatki równomiernie rozmieszczonych obiektów.

Wreszcie, wracając do „menu podręcznego”, u dołu okna znajduje się link oznaczony „Tryb zaawansowany”.

Ten link przeniesie Cię do dodatkowych elementów sterujących przyciąganiem, które umożliwiają włączanie lub wyłączanie poszczególnych funkcji przyciągania. Są to wszystkie kontrolki przyciągania, które były wyświetlane wzdłuż całej prawej strony okna kanwy Inkscape w poprzednich wersjach. Są teraz schludnie schowane w tym menu. Aby wrócić do prostszej konfiguracji, kliknij „Zresetuj do prostego trybu przyciągania” (czerwona strzałka na obrazku).

Inkscape, darmowy edytor grafiki wektorowej, poważnie ulepszył swoją grę z interfejsem użytkownika dzięki temu imponującemu wydaniu Inkscape 1.2. Zapewnia nie tylko szczegółową (słowo dnia) kontrolę nad ustawieniami interfejsu użytkownika na wielu poziomach, ale także upraszcza wiele elementów sterujących, aby poprawić wrażenia użytkownika, jednocześnie udostępniając te elementy sterujące w łatwo dostępnych menu dla bardziej zaawansowanych użytkowników.

Aby uzyskać więcej informacji na temat nowości w Inkscape 1.2, obejrzyj mój samouczek wideo obejmujący WSZYSTKIE najnowsze funkcje tej mega-wydanej wersji (już wkrótce!). I, jak zawsze, najnowszą wersję Inkscape możesz pobrać ZA DARMO z Inkscape.org.

Zapisz się do newslettera DMD

Zapisz się do newslettera DMD

Zarejestruj się, aby otrzymywać nowe samouczki, aktualizacje kursów i najnowsze wiadomości na temat Twojego ulubionego oprogramowania typu open source!

Pomyślnie subskrybowany!

Przypiąć go na Pinterest

Udostępnij to