Bilang isang tagalikha ng nilalaman sa YouTube na pangunahing nakatuon sa desktop creative software, nakakita ako ng napakaraming interface ng gumagamit sa mga nakaraang taon.

Tiyak na maraming creator, developer, user, atbp. na nakaranas o sumubok ng higit pang mga interface ng software kaysa sa akin. Gayunpaman, nasubukan ko at nagtrabaho ako sa isang kagalang-galang na cornucopia ng software sa iba't ibang yugto ng kanilang pag-unlad para sa parehong pananaliksik at mga layunin ng paglikha ng nilalaman.

Ginamit ko ang mga gusto ng Malambot, 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, at higit pa. Ang mga program na ito ay sumasaklaw sa iba't ibang kategorya ng creative software, at lahat sila ay may mga bagay na gusto ko sa kanila at mga bagay na hindi ko gusto – sa iba't ibang antas.

Ang UI (na nangangahulugang "user interface“) sa bawat isa sa mga program na ito ay maaaring mag-iba nang malaki dahil ang listahang ito ay sumasaklaw sa iba't ibang kategorya ng creative at kasama ang parehong libre at bayad na software.

Gayunpaman, mayroong isang programa na kamakailan ay ginawa ang sarili na kakaiba mula sa software na nabanggit sa itaas - libre at bayad - salamat sa isang kamakailang pangunahing bersyon ng release na nagpakilala ng mga pangunahing update sa UI nito. Ang program na ito ay Inkscape.

Narito kung bakit.

Kamakailan, naglabas ang Inkscape ng Beta na bersyon para sa kanilang paparating na 1.2 stable na release. Kung hindi ka pamilyar sa Inkscape, isa itong libre at open source na vector graphics editor. Ito ay pinaka maihahambing sa Illustrator - kahit na malamang na mas mahusay na isipin ito sa mga tuntunin ng isang Dr. Strange multiverse kung saan ang Illustrator ay umiiral sa isang uniberso at Inkscape sa isa pa.

Inkscape 1.2: Isang Napakaikling Kasaysayan

Ang Inkscape, sa aking opinyon, ay palaging may isang toneladang potensyal, ngunit naging kakaiba din. Upang tawagin itong "kakaiba" ay inilalagay ito nang maayos - marahil ang "buggy" ay isang mas mahusay na termino. Sapat na upang sabihin na ito ay kilala sa maraming pag-crash at maraming mga limitasyon.

Ito ay totoo lalo na dahil Ang Inkscape 1.0 ay inilabas noong 2020 – na nagdala sa programa sa isang ganap na bagong antas sa mga tuntunin ng mga tampok at pag-andar, ngunit ginawang mas hindi matatag ang programa. Ipinakita rin sa amin ng Inkscape 1.0 na ang programa ay patungo sa isang mas mahusay na direksyon sa mga tuntunin ng disenyo ng UI, ngunit hindi ito espesyal kumpara sa iba pang modernong creative software.

Sa tagsibol ng 2021, inilabas ng koponan ng Inkscape ang Inkscape 1.1, at naging maliwanag na ang komunidad ng mga boluntaryong developer ng Inkscape ay nagsisimula nang maglipat ng pagtuon patungo sa pagpapabuti ng karanasan ng user sa pamamagitan ng mas magandang UI.

Sa paglabas na ito, ipinakilala ng Inkscape ang isang "Welcome Screen," na medyo pamantayan sa bayad na software, ngunit kakaunti ang natagpuan sa libre at open source na software. Ang iba pang kapansin-pansing pagdaragdag o pagbabago sa UI na ipinakilala sa Inkscape 1.1 ay may kasamang "command palette" upang matulungan ang mga user na madaling maghanap at maglapat ng mga bagay tulad ng mga filter o pagkilos, mga dockable na dialogue (ibig sabihin, ang mga diyalogo ay maaaring ilipat sa mga bagong posisyon sa paligid ng canvas), at pinahusay na mga feature sa pag-export at suporta para sa pag-export sa mga bagong format ng file.

Ang mga pagpapahusay ng UI na ito sa Inkscape 1.0 at Inskcape 1.1 ay mahusay at nakatulong sa Inkscape na gumawa ng incremental na pag-unlad patungo sa pagiging mas mahusay na software. Kahit gaano kapaki-pakinabang at kapana-panabik ang mga feature na ito, itinatakda lamang nila ang pundasyon para sa kung ano ang darating.

Noong Mayo ng 2022, inilabas ang Inkscape 1.2 Beta at, sa palagay ko, itinaas ang bar para sa disenyo ng UI.

Itinaas ang bar dahil hindi lang maganda ang hitsura ng UI ng Inkscape 1.2, hinahayaan ka rin nitong i-customize ito nang higit sa anumang programa (na personal kong naranasan). At ang hitsura nito at ang paraan ng pag-customize nito noon ang resulta ng pagbibigay ng feedback ng mga user, kinikilala at tinatalakay ng mga developer ang feedback, ipinapatupad ng mga developer ang pinakamainam na pagpapakita ng feedback na iyon, at sinusubukan ng mga user ang mga pagpapatupad at sinisimulan ang feedback loop.

Ito ay software development, democratized. Ito ay isang kahanga-hangang pag-aaral ng kaso kung bakit umiiral ang libre at open source na software, at kung gaano kahanga-hangang mga bagay ang maaaring makamit sa pamamagitan ng pagpapaunlad ng komunidad.

Bakit Namumukod-tangi ang Inkscape 1.2 UI

Kaya, ano ang partikular na gusto ko tungkol sa bagong UI ng Inkscape 1.2?

Ang Welcome Screen Updates

Sa simula pa lang, ang Welcome screen (na, muli, ay unang ipinakilala sa Inkscape 1.1) ay nagbibigay-daan sa user na i-customize ang UI gamit ang tab na "Mabilis na Setup" (nakabalangkas sa berde sa larawan sa itaas). Dito, ang gumagamit ay maaaring:

  • piliin ang kanilang canvas configuration,
  • magtakda ng mga keyboard shortcut,
  • itakda ang mga istilo at kulay ng icon (sa dropdown ng Hitsura), at
  • i-toggle ang mga kulay ng UI upang pumili mula sa light o dark mode

Tumutugon ang Welcome Screen, kaya awtomatikong ia-update ng mga icon na pipiliin mo ang preview ng icon na matatagpuan malapit sa ibaba ng window (dilaw na arrow sa larawan sa itaas). Bukod pa rito, magbabago ang kulay ng Welcome Screen kapag nagpalipat-lipat sa pagitan ng light at dark mode (pulang arrow).

Pagkatapos ay maaari kang mag-navigate sa tab na "Oras para Gumuhit" (nakabalangkas sa berde sa larawan sa itaas) at magbukas ng kamakailang dokumento, pumili ng template mula sa alinman sa mga kategorya ng template (nakabalangkas sa mapusyaw na asul), o mag-load ng bagong dokumento mula sa iyong computer (sa pamamagitan ng "Load" na buton na ipapakita kapag nasa tab na "Mga Umiiral na File" - nakabalangkas sa pula sa larawan sa itaas). Ang huling opsyon ay ipinakilala sa Inkscape 1.2 – na tumulong sa pag-round out ng feature set para sa paggawa ng dokumento sa Welcome Screen.

Magbubukas ako ng 1920×1080 px na pahina sa pamamagitan ng pag-click sa kaukulang file ng template (pulang arrow) sa ilalim ng tab na “Screen”.

Ang Bagong Canvas

Sa pagbubukas ng bagong dokumento sa Inkscape, mapapansin ng mga user ng mga nakaraang bersyon ng Inkscape ang isang binago at mas malinis na lugar ng canvas. Para sa Inkscape 1.2, na-update ng mga developer ang border sa paligid ng page, binago ang kulay ng “desk” (o ang gray na hangganan sa paligid ng page – pulang arrow sa larawan sa itaas), at pinahusay ang hitsura ng drop shadow sa ilalim ng page ( berdeng arrow). Ang mga banayad ngunit mahalagang pagbabagong ito ay nakakatulong sa Inkscape na maging mas komportable at pamilyar (lalo na kapag lumipat mula sa Illustrator).

Ang Brand New Page Tool (Mga Multi-Page Composition)

Oh, at pagsasalita tungkol sa lugar ng canvas - Sinusuportahan na ngayon ng Inkscape 1.2 mga dokumentong maraming pahina.

Para sa inyo na nanggaling sa Illustrator, hayaan ninyong isalin ko ang: Sinusuportahan na ngayon ng Inkscape ang maraming artboard.

Ang feature na ito ay kinokontrol gamit ang “Page Tool” (pulang arrow sa larawan sa itaas), na mahalagang pareho sa “Artboard Tool” ng Illustrator. Gamit ang bagong tool na ito, maaari kang mabilis na gumuhit ng mga bagong page, o gamitin ang Controls Bar (nakabalangkas sa berde) para mas tumpak na gumawa ng mga bagong page batay sa mga preset ng dokumento.

Maaari mo ring piliin at i-resize ang anumang page, ilipat ang page sa pamamagitan ng pag-click at pag-drag, o magkasya ang laki ng page sa anumang seleksyon o artwork sa page. Sa wakas, maaari mong i-export ang iyong maramihang mga pahina bilang isang multi-page na PDF.

Ang multi-page na feature na ito na may kasamang Page Tool ay isang pinakahihintay na feature na dapat makatulong sa mga designer na gumawa ng mas kumplikado at propesyonal na mga proyekto.

Nakakabaliw na Mga Antas ng Pag-customize

Kung hindi ka nasisiyahan sa hitsura ng pangkalahatang UI batay sa mga pagpipiliang ginawa mo mula sa Welcome Screen, maaari kang gumawa ng mga pagbabago sa mga kulay at laki ng lahat ng on-screen na elemento sa pamamagitan ng pagpunta sa Edit>Preferences>Interface>Theming (pulang arrow sa larawan sa itaas).

Sa ilalim ng heading na "Tema" (nakabalangkas sa berde sa larawan sa itaas), maaari kang mag-scroll sa mga tema ng GTK sa ilalim ng "Baguhin ang Tema ng GTK" at makita ang mga live na preview ng iba't ibang estilo ng tema habang nag-click ka sa bawat opsyon. Maaari ka ring gumamit ng mga slider upang ayusin ang laki ng font ng UI, o ang dami ng contrast sa pagitan ng kulay ng background ng UI at ng teksto at mga icon (berdeng arrow). Saan ka pa nakakita ng contrast slider??

Sa ilalim ng heading na "Mga Icon" (nakabalangkas sa dilaw sa larawan sa itaas), maaari kang pumili mula sa alinman sa apat na tema ng icon gamit ang dropdown na "Baguhin ang Tema ng Icon". Kung pipiliin mo ang alinman sa opsyong "multi-color" o "hi color", makakakuha ka ng mga karagdagang opsyon gaya ng pagpili sa "symbolic" na bersyon ng mga icon (dilaw na arrow), o pagpili ng mga kulay na ginagamit para sa mga simbolikong icon (light asul na arrow) – kasama ang "Base ng kulay ng icon" at tatlong "Mga highlight ng kulay ng icon." Ang mga kulay na ito ay maaaring maging anuman ang gusto mo at maaaring mapili mula sa isang color wheel, mula sa mga slider para sa iyong napiling color mode, o sa pamamagitan ng paggamit ng isang HEX code.

Kung mag-navigate ako sa Interface>Toolbars (pulang arrow sa larawan sa itaas) habang nasa loob pa rin ng Preferences dialogue, makikita mo ang pag-customize para sa toolbar at mga icon na ginamit sa buong user interface. Ang lahat ng mga tool na ipinapakita dito sa ilalim ng seksyong "Mga Toolbar" (nakabalangkas sa dilaw) ay naka-on bilang default, at sa gayon ay ipinapakita sa toolbar. Ang pag-click sa alinman sa mga icon (mapusyaw na asul na arrow) ay i-toggle ang tool na iyon "naka-off" at itatago ito mula sa Toolbar.

Sa ibaba ng mga icon ng toolbar ay isang pares ng mga slider. Ang tuktok na slider (pulang arrow sa larawan sa itaas) ay nagbibigay-daan sa iyo upang ayusin ang laki ng mga icon ng toolbar (nakabalangkas sa pula), at ang ibabang slider (light blur arrow) ay nagbibigay-daan sa iyo upang ayusin ang laki ng mga icon ng control bar (nakabalangkas sa mapusyaw na asul). Mapapansin mo na parehong nagsisimula sa 100% at umabot sa 300%. Nangangahulugan ito na maaari mong dagdagan ang mga laki ng icon hanggang sa triple ang orihinal na laki nito. Ang mga increment sa pagitan ng mga value na ito ay medyo maliit din (sa isang lugar sa paligid ng 5% increments), na nagpapakita ng isang hindi pa naganap na antas ng granularity para sa paggawa ng mga pagsasaayos sa mga icon ng UI.

Isa lamang ito sa maraming halimbawa ng mataas na antas ng kontrol sa hitsura ng programa na makikita mo sa buong bagong release na ito. Lumabas tayo sa preferences dialogue para ipakita ang ilan pang kamangha-manghang feature ng UI sa Inkscape 1.2.

Na-update na Palette ng Kulay para sa Higit pang Kontrol, Pag-customize

Sa ibaba ng canvas area ay ang Color Palette – ang lugar kung saan pipili ka ng mga kulay para sa mga bagay tulad ng mga bagay at text (nakabalangkas sa berde sa larawan sa itaas). Sa mga nakaraang bersyon, ginamit ng palette na ito ang sarili nitong nakalaang scroll bar at ang mga color tile ay isang nakapirming laki.

Nagkaproblema ang scroll bar ng color palette dahil ang canvas Rin gumagamit ng scroll bar (mga pulang arrow sa larawan sa itaas) upang mag-navigate nang pahalang sa pahina. Sa madaling salita, mayroong dalawang scroll bar sa loob ng parehong paligid, na ginagawang nakakalito para sa mga bagong user na makilala ang isang bar mula sa isa pa. Ang higit na nakalilito sa mga bagong user ay ang scroll bar para sa color palette ay lalabas lamang sa hover – kaya madali itong makaligtaan kung hindi mo alam na naroon ito.

Sa Inkscape 1.2, ang scroll bar ay pinalitan ng pataas at pababang mga arrow sa kanang bahagi ng paleta ng kulay (na tinutukoy ng pulang arrow at nakabalangkas sa pula sa larawan sa itaas) upang matulungan ang mga user na maghanap o mag-scroll sa iba't ibang magagamit. mga kulay.

Sa kanan lamang ng pataas at pababang mga arrow ay ang menu upang tingnan at piliin ang iba pang magagamit na mga palette ng kulay (pulang arrow sa larawan). Ang feature na ito ay na-update na ngayon ay may kasamang maliliit na preview ng kulay ng iba't ibang swatch na available sa bawat color palette (lugar na naka-highlight sa berde – makikita mo ang maliit na swatch preview sa ilalim ng pangalan ng bawat color palette).

Dagdag pa, sa pinakailalim ng menu na ito ay isang link na "I-configure" (mapusyaw na asul na arrow).

Dito, maaari na ngayong gumawa ng mga pagsasaayos ang user sa hitsura ng color palette. Maaaring gawin ang mga pagsasaayos sa laki ng mga tile ng kulay gamit ang slider na "Laki ng Tile" (pulang arrow), ang aspect ratio (berdeng arrow - ratio ng lapad sa taas, na may 0 sa slider na isang parisukat) ng kulay tile, ang laki ng border sa paligid ng bawat tile (light blue arrow), at ang bilang ng mga row ng swatch na ipinapakita sa color bar (dilaw na arrow). Makikita mo sa larawan na gumawa ako ng ilang mga pagsasaayos, kabilang ang pagpapalaki ng mga laki ng tile, pagpiga sa mga tile sa pamamagitan ng pagtaas ng aspect ratio, pagdaragdag ng mas makapal na hangganan sa paligid ng bawat tile, at pagtaas ng bilang ng mga hilera ng tile na ipinapakita sa 3.

Muli, ang mga butil na setting na ito ay nagbibigay sa mga user ng sukdulang kontrol sa hitsura at pakiramdam ng color palette at Inkscape 1.2 UI. Ito ay totoo lalo na dahil ang mga sukat at styling ng mga elemento ay kinokontrol ng user-friendly na mga slider sa halip na mga clunkier na alternatibo, at ang mga slider ay may malawak na hanay ng mga halaga.

Ipakita natin kung gaano ito kahanga-hanga sa pamamagitan ng paghahambing.

Ang slider na "Laki ng Tile" na ipinapakita sa dialogue na ito ng I-configure para sa paleta ng kulay (pulang arrow sa larawan sa itaas) ay nagtataglay ng mga halaga mula 4 hanggang 32, sa mga pagtaas ng 1 (ibig sabihin mayroong kabuuang 19 na halaga, kabilang ang parehong 4 at 32). Bilang kahalili, ang panel ng "Swatches" ng Adobe Illustrator ay nagbibigay lamang ng 3 value para sa mga laki ng tile – “maliit,” “medium,” at “malaki.” Mayroong mas kaunting kontrol o customizability sa Illustrator, isang bayad na software, kaysa sa bagong Inkscape 1.2 – na ganap na libre.

Pinasimpleng Snapping at Mga Smart Guide

Isang huling halimbawa na tatalakayin ko para sa artikulong ito na nagpapakita ng kamangha-manghang bagong UI ng Inkscape ay ang bagong reworked na "Snap Controls Bar." Sa mga nakaraang bersyon ng Inkscape, ang bar na ito ay matatagpuan sa buong kanang bahagi ng canvas at ipinakita ang lahat ng mga snap control na icon nang sabay-sabay. Naiintindihan nito ang mga bagong user ng mga pagpipilian at ginawang nakakalito at mapaghamong gamit ang mga kontrol na ito.

Sa Inkscape 1.2, ang Snap Controls bar ay ginawang iisang icon at twirl menu, o “popover menu” gaya ng gusto ng Inkscape na tawagan ito (nakabalangkas sa pula at tinutukoy ng arrow sa larawan). Ang pag-click sa icon ay nagbibigay-daan sa mga kontrol ng snap, habang ang pag-click dito ay hindi papaganahin ang pag-snap. Kung gusto ng user ng higit pang kontrol, maaari silang mag-click sa popover menu (ang icon na may tatsulok) kung saan makakakita sila ng checkbox, na nagpapaalam lang sa iyo kung kasalukuyang naka-on o hindi ang pag-snap, at tatlong bagong icon.

Ang unang dalawang icon ay medyo standard: snap sa mga bounding box (pulang arrow) at paganahin ang pag-snap para sa mga node (berdeng arrow). Ang ikatlong icon ay isang napaka-kapana-panabik at pinaka-inaasahan na feature: on-canvas alignment, na kilala rin sa mga user bilang "smart guides" (light blue arrow).

Kapag pinagana (kadalasan itong hindi pinagana bilang default, kaya i-click ang icon upang paganahin ito), direktang nakikita ng mga user ang mga gabay sa kanilang canvas habang inililipat nila ang mga bagay sa paligid (pulang arrow sa larawan). Tulad ng iba pang software, kabilang ang Adobe Illustrator o Affinity Designer, tinutulungan ng mga gabay na ito ang mga user na ihanay ang mga bagay sa gitna ng kanilang mga page, ihanay sa gitna ng iba pang mga bagay, pantay na espasyo ang mga bagay, o kahit na mabilis na lumikha ng mga grid ng mga bagay na pantay-pantay.

Sa wakas, babalik sa "popover menu," mayroong isang link sa ibaba ng window na may label na "Advanced mode."

Dadalhin ka ng link na ito sa karagdagang mga kontrol sa pag-snap na nagbibigay-daan sa iyong paganahin o huwag paganahin ang mga indibidwal na tampok sa pag-snap. Ito ang lahat ng mga kontrol sa pag-snap na ginamit upang ipakita sa buong kanang bahagi ng Inkscape canvas window sa mga nakaraang bersyon. Ang mga ito ngayon ay maayos na nakatago sa menu na ito. Upang bumalik sa mas simpleng setup, i-click ang "I-reset sa simpleng snapping mode" (pulang arrow sa larawan).

Ang Inkscape, ang libreng vector graphics editor, ay seryosong pinalaki ang larong UI nito gamit ang kahanga-hangang Inkscape 1.2 release na ito. Hindi lamang ito nagbibigay ng granular (word of the day) na kontrol sa mga setting ng UI sa maraming antas, pinapasimple rin nito ang maraming kontrol upang mapabuti ang karanasan ng user habang ginagawa pa ring available ang mga kontrol na iyon sa mga menu na madaling ma-access para sa mga mas advanced na user.

Para sa higit pang impormasyon sa kung ano ang bago sa Inkscape 1.2, tingnan ang aking video tutorial na sumasaklaw sa LAHAT ng pinakabagong feature na may ganitong mega-release na bersyon (paparating na!). At, gaya ng dati, maaari mong i-download ang pinakabagong bersyon ng Inkscape nang LIBRE mula sa Inkscape.org.

Davies Media Design Libreng Creative Apps Email Newsletter

Mag-subscribe sa DMD Newsletter

Mag-sign up para makatanggap ng mga bagong tutorial, update sa kurso, at pinakabagong balita sa iyong mga paboritong libreng creative app!

Matagumpay mo na Naka-subscribe!

Pin ito ng on Pinterest