https://gui.gimp.org/api.php?action=feedcontributions&user=Prokoudine&feedformat=atomGIMP GUI Redesign - User contributions [en]2024-03-29T09:59:47ZUser contributionsMediaWiki 1.28.0https://gui.gimp.org/index.php?title=Work_in_progress_on_windows_layouts&diff=2648Work in progress on windows layouts2022-01-27T16:29:00Z<p>Prokoudine: /* Analysis of raw data */</p>
<hr />
<div>== Problem statement ==<br />
<br />
We've been carrying more or less the same default layout of GIMP's main window for well over a decade. However, we now ship GIMP with tools grouped by default, which begs for reviewing the layout.<br />
<br />
Moreover, there have been multiple requests to introduce workflow-specific named layouts finetuned for commons tasks like digital painting, digital photography etc. with an ability to create your own named layouts.<br />
<br />
== Raw initial data from users ==<br />
<br />
To collect initial data, we asked users on social media to submit customized window layouts and explain 1) what is their main usecase for GIMP, 2) why they customized the layout like that.<br />
<br />
Resulted submissions (however few) can be categorized as follows:<br />
<br />
* General editing<br />
* Layer compositions<br />
* Graphic design<br />
* Drawing and painting<br />
* Photography<br />
* Web design<br />
* 3D-related: texturing, UV etc.<br />
<br />
Below is the gallery. Please note that while all users named primary tasks, not everyone submitted more information than that.<br />
<br />
=== General editing ===<br />
<br />
User kirill_rrr: "I only do very basic and general editing, I don't need much from GIMP".<br />
<br />
[[File:Lor-kirill_rrr.png|1000px]]<br />
<br />
User Brian00298905: "Image manipulation."<br />
<br />
[[File:Twitter-Brian00298905-2.jpg|1000px]]<br />
<br />
=== Layer compositions ===<br />
<br />
User 82pixels_de: "This is mine, it actually looks like yours. I arranged everything like in Photoshop almost so the transition was easier. What I would like in Gimp to have an option like in the Blender splash screen where you can chose between program keybinds in Gimp for example Photoshop."<br />
<br />
[[File:Twitter-82pixels de.jpg|1000px]]<br />
<br />
User adderbox76: "Nothing too crazy. Most important thing for me was having a free floating dock for my most commonly used tools that I can drag around the canvas without using "multi-window mode", and making as much as possible available in tabs rather than menus."<br />
<br />
[[File:Twitter-adderbox76.jpg|1000px]]<br />
<br />
User pix_cores: "I've been experimenting around with Gimp's layout for a few months now. I was also working to identify which layout is ideal for both new and existing users.<br />
<br />
Why do I think it is a great layout for Gimp? The first thing is the vertical toolbox. The Verticle toolbox makes the UI look cleaner and more organized. The main reason is familiarity. Inkscape, Blender, and Krita are some other software usage verticle toolboxes. This means that many people who are just getting started with Gimp will immediately understand how it works and will recognise the similarities between the programs. This will help make Gimp less intimidating to new users as well as people transitioning from other software.<br />
<br />
Second is tool options. I've shifted the tool options to the toolbox's side. You often have to scroll through tool options to get to the entire tool settings, therefore putting tool options on a separate panel will address this problem.<br />
<br />
Another reason is the amount of time it takes to travel. Because the first thing we do after picking a tool is modify its settings, having tool options next to the tool box is beneficial to usability and efficiency. Also, while this would not make a significant difference for existing Gimp users, it would be great for new users.<br />
<br />
The right side of the layout will be the same as before, with a few minor changes."<br />
<br />
[[File:Twitter_pix_cores.png|1000px]]<br />
<br />
=== Graphic design ===<br />
<br />
User BupeJoseph: "This is my common setup. I use GIMP for touching up my architectural design projects, and that includes texturing, lighting and documentation. My workflow often need enough working space, but thanks to Ell for the show-all and now the grouped tools 🙏👏"<br />
<br />
[[File:Twitter-BupeJoseph.jpg|1000px]]<br />
<br />
=== Drawing and painting ===<br />
<br />
User Axl GĂłmez Tagle Islas: "I always have on the right side, the color ranges to make quick changes in retouching or when I draw, I also have the Tool Options to make changes easily on the thicknesses and intensities of the brushes, and even the Layers down because they are used a lot when I'm Making a new design. From the left side to the top I have the default menu of all the tools and below the My Paint brushes because it lets me choose more easily which pencil or brush I want to use"<br />
<br />
[[File:Facebook-Axl_GĂłmez_Tagle_Islas.jpg|1000px]]<br />
<br />
User Richard Kramenstetter:<br />
<br />
[[File:Facebook-Richard_Kramenstetter.jpg|1000px]]<br />
<br />
User ToxictheMutt:<br />
<br />
[[File:Twitter-ToxictheMutt.jpg|1000px]]<br />
<br />
=== Photography ===<br />
<br />
User Marijke.jpg: "Primary use cases — photo editing and manipulation. Tools and options on the left because I use these less than what I have placed on the right. Layers, for me, are at the top because I work a lot with them and Blend Modes. I feel this layout works best for a right-handed person like me. (Brushes are there because I use a lot of different ones for masking work)."<br />
<br />
[[File:Facebook-Marijke_Groothuis.jpg|1000px]]<br />
<br />
User Stijn: "Just basic photo retouching and curves adjustment. Use layers quite a bit for colour correction, and wavelet decompose to remove blemishes."<br />
<br />
[[File:Facebook-Stijn_De_Loose.jpg|1000px]]<br />
<br />
User actionless: "When I use GIMP on a laptop, I move the tool settings dock to the left, otherwise there's not enough vertical space, and I have to scroll up and down a lot. I use GIMP for all sorts of tasks, from designing tiled patterns for wallpapers to photo retouching. My custom layout works for all of those use cases."<br />
<br />
[[File:Lor-actionless.png|1000px]]<br />
<br />
User grem: "Used to do mostly quick retouching of photos, now mostly composite multiple photos."<br />
<br />
[[File:Lor-grem.png|1000px]]<br />
<br />
User SkyMaverick: "I mostly do all sorts of "quick desktop publishing stuff" (postcards, business cards, book covers, certificates etc.), photo restoration, b/w photo colorization etc. I also do passport photos and simplistic photo retouching. I don't switch between tools all the time, I mostly tweak settings of the current tool. Tool's settings dock is large, so I keep it a almost screen's height. The rest is equally separated between what I paint on (layers, channels) and what I paint with (brushes, color swatches etc.). Pretty much most of the time I have tool settings, layers and brushes open."<br />
<br />
[[File:Lor-SkyMaverick.png|1000px]]<br />
<br />
User Acmespaceship: "I keep three windows visible all the time: Tool Options, Layers and Navigation.<br />
<br />
The new suggested default layout makes more space for the image which is good, but it’s not so convenient to place Tool Options on the opposite side of the screen from tool selection. It’s rare for me to select a tool without adjusting the options and that’s a lot of mousing back and forth across the screen.<br />
<br />
Still, the new idea looks nice and it might be a good default for new users.<br />
<br />
What about stacking the tools at the far left as suggested, and then moving the other dockable windows just to the right of the tools? In other words, putting all the controls on the left and the image on the right? With an option that makes it easy for users to flip the layout and put controls on the right."<br />
<br />
[[File:Pixls-Acmespaceship.png|1000px]]<br />
<br />
User s7habo:<br />
<br />
[[File:Pixls-s7habo.jpg|1000px]]<br />
<br />
User jesusda: "This is my default #gimp layout, mainly used for photo retouching as I am web designer. Very similar to your purpose but putting layer tap on top of the config tab."<br />
<br />
[[File:Twitter-jesusda.jpg|1000px]]<br />
<br />
User Cyril:<br />
<br />
[[File:Twitter-SiriL_Official.jpg|1000px]]<br />
<br />
User StillFunk: "This is mine, nothing special i think, depending what i work on i switch to different tabs in the various modules as seen on the 2nd screen."<br />
<br />
[[File:Twitter-StillFunk_1.jpg|1000px]]<br />
<br />
[[File:Twitter-StillFunk_2.jpg]]<br />
<br />
=== Web design ===<br />
<br />
User fenavente:<br />
<br />
[[File:Twitter-fenavente.jpg|1000px]]<br />
<br />
=== 3D-related: texturing, UV etc. ===<br />
<br />
User MetSender: "Nothing fancy here... Although I would like to get my tool set vertical and be able to lock my canvas rotate function. And yes, I did forget to thank all whom did make this great version of GIMP possible. Thank you kindly, Mehmet.<br />
<br />
Gimp practically is my first reach tool for all 2D applications. I do combine gimp with blender's cycles renders. Thank you."<br />
<br />
[[File:Twitter-MetSender.jpg]]<br />
<br />
User SuperOstrich: "Texture work mostly. My config is pretty close to the defaults, old habits die hard. "<br />
<br />
[[File:Twitter-SuperOstrich.jpg|1000px]]<br />
<br />
== Analysis of raw data ==<br />
=== Overall notes ===<br />
<br />
There have been 22 submissions so far.<br />
<br />
Position of the toolbox with regards to the tool's settings dialog:<br />
<br />
* 10 have just the toolbox on the left<br />
* 7 have tool settings below the toolbox<br />
* 2 have tool settings to the right from toolbox (that is on the left)<br />
* 1 doesn't have the toolbox at all<br />
* 1 moved the toolbox to the right and rearranged the layout completely, with tools settings in the next column<br />
<br />
Icon themes:<br />
<br />
* 15 have greyscale symbolic theme<br />
* 7 have colorful theme<br />
<br />
=== Generalized layouts per category ===<br />
<br />
==== General editing ====<br />
<br />
TO BE DONE<br />
<br />
==== Layer compositions ====<br />
<br />
TO BE DONE<br />
<br />
==== Graphic design ====<br />
<br />
TO BE DONE<br />
<br />
==== Drawing and painting ====<br />
<br />
TO BE DONE<br />
<br />
==== Photography ====<br />
<br />
TO BE DONE<br />
<br />
==== Web design ====<br />
<br />
TO BE DONE<br />
<br />
==== 3D-related: texturing, UV etc ====<br />
<br />
TO BE DONE<br />
<br />
== Proposal ==<br />
<br />
TO BE DONE</div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_windows_layouts&diff=2647Work in progress on windows layouts2022-01-27T16:14:50Z<p>Prokoudine: /* Layer compositions */</p>
<hr />
<div>== Problem statement ==<br />
<br />
We've been carrying more or less the same default layout of GIMP's main window for well over a decade. However, we now ship GIMP with tools grouped by default, which begs for reviewing the layout.<br />
<br />
Moreover, there have been multiple requests to introduce workflow-specific named layouts finetuned for commons tasks like digital painting, digital photography etc. with an ability to create your own named layouts.<br />
<br />
== Raw initial data from users ==<br />
<br />
To collect initial data, we asked users on social media to submit customized window layouts and explain 1) what is their main usecase for GIMP, 2) why they customized the layout like that.<br />
<br />
Resulted submissions (however few) can be categorized as follows:<br />
<br />
* General editing<br />
* Layer compositions<br />
* Graphic design<br />
* Drawing and painting<br />
* Photography<br />
* Web design<br />
* 3D-related: texturing, UV etc.<br />
<br />
Below is the gallery. Please note that while all users named primary tasks, not everyone submitted more information than that.<br />
<br />
=== General editing ===<br />
<br />
User kirill_rrr: "I only do very basic and general editing, I don't need much from GIMP".<br />
<br />
[[File:Lor-kirill_rrr.png|1000px]]<br />
<br />
User Brian00298905: "Image manipulation."<br />
<br />
[[File:Twitter-Brian00298905-2.jpg|1000px]]<br />
<br />
=== Layer compositions ===<br />
<br />
User 82pixels_de: "This is mine, it actually looks like yours. I arranged everything like in Photoshop almost so the transition was easier. What I would like in Gimp to have an option like in the Blender splash screen where you can chose between program keybinds in Gimp for example Photoshop."<br />
<br />
[[File:Twitter-82pixels de.jpg|1000px]]<br />
<br />
User adderbox76: "Nothing too crazy. Most important thing for me was having a free floating dock for my most commonly used tools that I can drag around the canvas without using "multi-window mode", and making as much as possible available in tabs rather than menus."<br />
<br />
[[File:Twitter-adderbox76.jpg|1000px]]<br />
<br />
User pix_cores: "I've been experimenting around with Gimp's layout for a few months now. I was also working to identify which layout is ideal for both new and existing users.<br />
<br />
Why do I think it is a great layout for Gimp? The first thing is the vertical toolbox. The Verticle toolbox makes the UI look cleaner and more organized. The main reason is familiarity. Inkscape, Blender, and Krita are some other software usage verticle toolboxes. This means that many people who are just getting started with Gimp will immediately understand how it works and will recognise the similarities between the programs. This will help make Gimp less intimidating to new users as well as people transitioning from other software.<br />
<br />
Second is tool options. I've shifted the tool options to the toolbox's side. You often have to scroll through tool options to get to the entire tool settings, therefore putting tool options on a separate panel will address this problem.<br />
<br />
Another reason is the amount of time it takes to travel. Because the first thing we do after picking a tool is modify its settings, having tool options next to the tool box is beneficial to usability and efficiency. Also, while this would not make a significant difference for existing Gimp users, it would be great for new users.<br />
<br />
The right side of the layout will be the same as before, with a few minor changes."<br />
<br />
[[File:Twitter_pix_cores.png|1000px]]<br />
<br />
=== Graphic design ===<br />
<br />
User BupeJoseph: "This is my common setup. I use GIMP for touching up my architectural design projects, and that includes texturing, lighting and documentation. My workflow often need enough working space, but thanks to Ell for the show-all and now the grouped tools 🙏👏"<br />
<br />
[[File:Twitter-BupeJoseph.jpg|1000px]]<br />
<br />
=== Drawing and painting ===<br />
<br />
User Axl GĂłmez Tagle Islas: "I always have on the right side, the color ranges to make quick changes in retouching or when I draw, I also have the Tool Options to make changes easily on the thicknesses and intensities of the brushes, and even the Layers down because they are used a lot when I'm Making a new design. From the left side to the top I have the default menu of all the tools and below the My Paint brushes because it lets me choose more easily which pencil or brush I want to use"<br />
<br />
[[File:Facebook-Axl_GĂłmez_Tagle_Islas.jpg|1000px]]<br />
<br />
User Richard Kramenstetter:<br />
<br />
[[File:Facebook-Richard_Kramenstetter.jpg|1000px]]<br />
<br />
User ToxictheMutt:<br />
<br />
[[File:Twitter-ToxictheMutt.jpg|1000px]]<br />
<br />
=== Photography ===<br />
<br />
User Marijke.jpg: "Primary use cases — photo editing and manipulation. Tools and options on the left because I use these less than what I have placed on the right. Layers, for me, are at the top because I work a lot with them and Blend Modes. I feel this layout works best for a right-handed person like me. (Brushes are there because I use a lot of different ones for masking work)."<br />
<br />
[[File:Facebook-Marijke_Groothuis.jpg|1000px]]<br />
<br />
User Stijn: "Just basic photo retouching and curves adjustment. Use layers quite a bit for colour correction, and wavelet decompose to remove blemishes."<br />
<br />
[[File:Facebook-Stijn_De_Loose.jpg|1000px]]<br />
<br />
User actionless: "When I use GIMP on a laptop, I move the tool settings dock to the left, otherwise there's not enough vertical space, and I have to scroll up and down a lot. I use GIMP for all sorts of tasks, from designing tiled patterns for wallpapers to photo retouching. My custom layout works for all of those use cases."<br />
<br />
[[File:Lor-actionless.png|1000px]]<br />
<br />
User grem: "Used to do mostly quick retouching of photos, now mostly composite multiple photos."<br />
<br />
[[File:Lor-grem.png|1000px]]<br />
<br />
User SkyMaverick: "I mostly do all sorts of "quick desktop publishing stuff" (postcards, business cards, book covers, certificates etc.), photo restoration, b/w photo colorization etc. I also do passport photos and simplistic photo retouching. I don't switch between tools all the time, I mostly tweak settings of the current tool. Tool's settings dock is large, so I keep it a almost screen's height. The rest is equally separated between what I paint on (layers, channels) and what I paint with (brushes, color swatches etc.). Pretty much most of the time I have tool settings, layers and brushes open."<br />
<br />
[[File:Lor-SkyMaverick.png|1000px]]<br />
<br />
User Acmespaceship: "I keep three windows visible all the time: Tool Options, Layers and Navigation.<br />
<br />
The new suggested default layout makes more space for the image which is good, but it’s not so convenient to place Tool Options on the opposite side of the screen from tool selection. It’s rare for me to select a tool without adjusting the options and that’s a lot of mousing back and forth across the screen.<br />
<br />
Still, the new idea looks nice and it might be a good default for new users.<br />
<br />
What about stacking the tools at the far left as suggested, and then moving the other dockable windows just to the right of the tools? In other words, putting all the controls on the left and the image on the right? With an option that makes it easy for users to flip the layout and put controls on the right."<br />
<br />
[[File:Pixls-Acmespaceship.png|1000px]]<br />
<br />
User s7habo:<br />
<br />
[[File:Pixls-s7habo.jpg|1000px]]<br />
<br />
User jesusda: "This is my default #gimp layout, mainly used for photo retouching as I am web designer. Very similar to your purpose but putting layer tap on top of the config tab."<br />
<br />
[[File:Twitter-jesusda.jpg|1000px]]<br />
<br />
User Cyril:<br />
<br />
[[File:Twitter-SiriL_Official.jpg|1000px]]<br />
<br />
User StillFunk: "This is mine, nothing special i think, depending what i work on i switch to different tabs in the various modules as seen on the 2nd screen."<br />
<br />
[[File:Twitter-StillFunk_1.jpg|1000px]]<br />
<br />
[[File:Twitter-StillFunk_2.jpg]]<br />
<br />
=== Web design ===<br />
<br />
User fenavente:<br />
<br />
[[File:Twitter-fenavente.jpg|1000px]]<br />
<br />
=== 3D-related: texturing, UV etc. ===<br />
<br />
User MetSender: "Nothing fancy here... Although I would like to get my tool set vertical and be able to lock my canvas rotate function. And yes, I did forget to thank all whom did make this great version of GIMP possible. Thank you kindly, Mehmet.<br />
<br />
Gimp practically is my first reach tool for all 2D applications. I do combine gimp with blender's cycles renders. Thank you."<br />
<br />
[[File:Twitter-MetSender.jpg]]<br />
<br />
User SuperOstrich: "Texture work mostly. My config is pretty close to the defaults, old habits die hard. "<br />
<br />
[[File:Twitter-SuperOstrich.jpg|1000px]]<br />
<br />
== Analysis of raw data ==<br />
<br />
TO BE DONE<br />
<br />
== Proposal ==<br />
<br />
TO BE DONE</div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Twitter_pix_cores.png&diff=2646File:Twitter pix cores.png2022-01-27T16:12:51Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_windows_layouts&diff=2645Work in progress on windows layouts2022-01-27T16:10:38Z<p>Prokoudine: </p>
<hr />
<div>== Problem statement ==<br />
<br />
We've been carrying more or less the same default layout of GIMP's main window for well over a decade. However, we now ship GIMP with tools grouped by default, which begs for reviewing the layout.<br />
<br />
Moreover, there have been multiple requests to introduce workflow-specific named layouts finetuned for commons tasks like digital painting, digital photography etc. with an ability to create your own named layouts.<br />
<br />
== Raw initial data from users ==<br />
<br />
To collect initial data, we asked users on social media to submit customized window layouts and explain 1) what is their main usecase for GIMP, 2) why they customized the layout like that.<br />
<br />
Resulted submissions (however few) can be categorized as follows:<br />
<br />
* General editing<br />
* Layer compositions<br />
* Graphic design<br />
* Drawing and painting<br />
* Photography<br />
* Web design<br />
* 3D-related: texturing, UV etc.<br />
<br />
Below is the gallery. Please note that while all users named primary tasks, not everyone submitted more information than that.<br />
<br />
=== General editing ===<br />
<br />
User kirill_rrr: "I only do very basic and general editing, I don't need much from GIMP".<br />
<br />
[[File:Lor-kirill_rrr.png|1000px]]<br />
<br />
User Brian00298905: "Image manipulation."<br />
<br />
[[File:Twitter-Brian00298905-2.jpg|1000px]]<br />
<br />
=== Layer compositions ===<br />
<br />
User 82pixels_de: "This is mine, it actually looks like yours. I arranged everything like in Photoshop almost so the transition was easier. What I would like in Gimp to have an option like in the Blender splash screen where you can chose between program keybinds in Gimp for example Photoshop."<br />
<br />
[[File:Twitter-82pixels de.jpg|1000px]]<br />
<br />
User adderbox76: "Nothing too crazy. Most important thing for me was having a free floating dock for my most commonly used tools that I can drag around the canvas without using "multi-window mode", and making as much as possible available in tabs rather than menus."<br />
<br />
[[File:Twitter-adderbox76.jpg|1000px]]<br />
<br />
=== Graphic design ===<br />
<br />
User BupeJoseph: "This is my common setup. I use GIMP for touching up my architectural design projects, and that includes texturing, lighting and documentation. My workflow often need enough working space, but thanks to Ell for the show-all and now the grouped tools 🙏👏"<br />
<br />
[[File:Twitter-BupeJoseph.jpg|1000px]]<br />
<br />
=== Drawing and painting ===<br />
<br />
User Axl GĂłmez Tagle Islas: "I always have on the right side, the color ranges to make quick changes in retouching or when I draw, I also have the Tool Options to make changes easily on the thicknesses and intensities of the brushes, and even the Layers down because they are used a lot when I'm Making a new design. From the left side to the top I have the default menu of all the tools and below the My Paint brushes because it lets me choose more easily which pencil or brush I want to use"<br />
<br />
[[File:Facebook-Axl_GĂłmez_Tagle_Islas.jpg|1000px]]<br />
<br />
User Richard Kramenstetter:<br />
<br />
[[File:Facebook-Richard_Kramenstetter.jpg|1000px]]<br />
<br />
User ToxictheMutt:<br />
<br />
[[File:Twitter-ToxictheMutt.jpg|1000px]]<br />
<br />
=== Photography ===<br />
<br />
User Marijke.jpg: "Primary use cases — photo editing and manipulation. Tools and options on the left because I use these less than what I have placed on the right. Layers, for me, are at the top because I work a lot with them and Blend Modes. I feel this layout works best for a right-handed person like me. (Brushes are there because I use a lot of different ones for masking work)."<br />
<br />
[[File:Facebook-Marijke_Groothuis.jpg|1000px]]<br />
<br />
User Stijn: "Just basic photo retouching and curves adjustment. Use layers quite a bit for colour correction, and wavelet decompose to remove blemishes."<br />
<br />
[[File:Facebook-Stijn_De_Loose.jpg|1000px]]<br />
<br />
User actionless: "When I use GIMP on a laptop, I move the tool settings dock to the left, otherwise there's not enough vertical space, and I have to scroll up and down a lot. I use GIMP for all sorts of tasks, from designing tiled patterns for wallpapers to photo retouching. My custom layout works for all of those use cases."<br />
<br />
[[File:Lor-actionless.png|1000px]]<br />
<br />
User grem: "Used to do mostly quick retouching of photos, now mostly composite multiple photos."<br />
<br />
[[File:Lor-grem.png|1000px]]<br />
<br />
User SkyMaverick: "I mostly do all sorts of "quick desktop publishing stuff" (postcards, business cards, book covers, certificates etc.), photo restoration, b/w photo colorization etc. I also do passport photos and simplistic photo retouching. I don't switch between tools all the time, I mostly tweak settings of the current tool. Tool's settings dock is large, so I keep it a almost screen's height. The rest is equally separated between what I paint on (layers, channels) and what I paint with (brushes, color swatches etc.). Pretty much most of the time I have tool settings, layers and brushes open."<br />
<br />
[[File:Lor-SkyMaverick.png|1000px]]<br />
<br />
User Acmespaceship: "I keep three windows visible all the time: Tool Options, Layers and Navigation.<br />
<br />
The new suggested default layout makes more space for the image which is good, but it’s not so convenient to place Tool Options on the opposite side of the screen from tool selection. It’s rare for me to select a tool without adjusting the options and that’s a lot of mousing back and forth across the screen.<br />
<br />
Still, the new idea looks nice and it might be a good default for new users.<br />
<br />
What about stacking the tools at the far left as suggested, and then moving the other dockable windows just to the right of the tools? In other words, putting all the controls on the left and the image on the right? With an option that makes it easy for users to flip the layout and put controls on the right."<br />
<br />
[[File:Pixls-Acmespaceship.png|1000px]]<br />
<br />
User s7habo:<br />
<br />
[[File:Pixls-s7habo.jpg|1000px]]<br />
<br />
User jesusda: "This is my default #gimp layout, mainly used for photo retouching as I am web designer. Very similar to your purpose but putting layer tap on top of the config tab."<br />
<br />
[[File:Twitter-jesusda.jpg|1000px]]<br />
<br />
User Cyril:<br />
<br />
[[File:Twitter-SiriL_Official.jpg|1000px]]<br />
<br />
User StillFunk: "This is mine, nothing special i think, depending what i work on i switch to different tabs in the various modules as seen on the 2nd screen."<br />
<br />
[[File:Twitter-StillFunk_1.jpg|1000px]]<br />
<br />
[[File:Twitter-StillFunk_2.jpg]]<br />
<br />
=== Web design ===<br />
<br />
User fenavente:<br />
<br />
[[File:Twitter-fenavente.jpg|1000px]]<br />
<br />
=== 3D-related: texturing, UV etc. ===<br />
<br />
User MetSender: "Nothing fancy here... Although I would like to get my tool set vertical and be able to lock my canvas rotate function. And yes, I did forget to thank all whom did make this great version of GIMP possible. Thank you kindly, Mehmet.<br />
<br />
Gimp practically is my first reach tool for all 2D applications. I do combine gimp with blender's cycles renders. Thank you."<br />
<br />
[[File:Twitter-MetSender.jpg]]<br />
<br />
User SuperOstrich: "Texture work mostly. My config is pretty close to the defaults, old habits die hard. "<br />
<br />
[[File:Twitter-SuperOstrich.jpg|1000px]]<br />
<br />
== Analysis of raw data ==<br />
<br />
TO BE DONE<br />
<br />
== Proposal ==<br />
<br />
TO BE DONE</div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_windows_layouts&diff=2644Work in progress on windows layouts2022-01-27T16:10:02Z<p>Prokoudine: /* Research */</p>
<hr />
<div>== Problem statement ==<br />
<br />
We've been carrying more or less the same default layout of GIMP's main window for well over a decade. However, we now ship GIMP with tools grouped by default, which begs for reviewing the layout.<br />
<br />
Moreover, there have been multiple requests to introduce workflow-specific named layouts finetuned for commons tasks like digital painting, digital photography etc. with an ability to create your own named layouts.<br />
<br />
== Raw initial data from users ==<br />
<br />
To collect initial data, we asked users on social media to submit customized window layouts and explain 1) what is their main usecase for GIMP, 2) why they customized the layout like that.<br />
<br />
Resulted submissions (however few) can be categorized as follows:<br />
<br />
* General editing<br />
* Layer compositions<br />
* Graphic design<br />
* Drawing and painting<br />
* Photography<br />
* Web design<br />
* 3D-related: texturing, UV etc.<br />
<br />
Below is the gallery. Please note that while all users named primary tasks, not everyone submitted more information than that.<br />
<br />
=== General editing ===<br />
<br />
User kirill_rrr: "I only do very basic and general editing, I don't need much from GIMP".<br />
<br />
[[File:Lor-kirill_rrr.png|1000px]]<br />
<br />
User Brian00298905: "Image manipulation."<br />
<br />
[[File:Twitter-Brian00298905-2.jpg|1000px]]<br />
<br />
=== Layer compositions ===<br />
<br />
User 82pixels_de: "This is mine, it actually looks like yours. I arranged everything like in Photoshop almost so the transition was easier. What I would like in Gimp to have an option like in the Blender splash screen where you can chose between program keybinds in Gimp for example Photoshop."<br />
<br />
[[File:Twitter-82pixels de.jpg|1000px]]<br />
<br />
User adderbox76: "Nothing too crazy. Most important thing for me was having a free floating dock for my most commonly used tools that I can drag around the canvas without using "multi-window mode", and making as much as possible available in tabs rather than menus."<br />
<br />
[[File:Twitter-adderbox76.jpg|1000px]]<br />
<br />
=== Graphic design ===<br />
<br />
User BupeJoseph: "This is my common setup. I use GIMP for touching up my architectural design projects, and that includes texturing, lighting and documentation. My workflow often need enough working space, but thanks to Ell for the show-all and now the grouped tools 🙏👏"<br />
<br />
[[File:Twitter-BupeJoseph.jpg|1000px]]<br />
<br />
=== Drawing and painting ===<br />
<br />
User Axl GĂłmez Tagle Islas: "I always have on the right side, the color ranges to make quick changes in retouching or when I draw, I also have the Tool Options to make changes easily on the thicknesses and intensities of the brushes, and even the Layers down because they are used a lot when I'm Making a new design. From the left side to the top I have the default menu of all the tools and below the My Paint brushes because it lets me choose more easily which pencil or brush I want to use"<br />
<br />
[[File:Facebook-Axl_GĂłmez_Tagle_Islas.jpg|1000px]]<br />
<br />
User Richard Kramenstetter:<br />
<br />
[[File:Facebook-Richard_Kramenstetter.jpg|1000px]]<br />
<br />
User ToxictheMutt:<br />
<br />
[[File:Twitter-ToxictheMutt.jpg|1000px]]<br />
<br />
=== Photography ===<br />
<br />
User Marijke.jpg: "Primary use cases — photo editing and manipulation. Tools and options on the left because I use these less than what I have placed on the right. Layers, for me, are at the top because I work a lot with them and Blend Modes. I feel this layout works best for a right-handed person like me. (Brushes are there because I use a lot of different ones for masking work)."<br />
<br />
[[File:Facebook-Marijke_Groothuis.jpg|1000px]]<br />
<br />
User Stijn: "Just basic photo retouching and curves adjustment. Use layers quite a bit for colour correction, and wavelet decompose to remove blemishes."<br />
<br />
[[File:Facebook-Stijn_De_Loose.jpg|1000px]]<br />
<br />
User actionless: "When I use GIMP on a laptop, I move the tool settings dock to the left, otherwise there's not enough vertical space, and I have to scroll up and down a lot. I use GIMP for all sorts of tasks, from designing tiled patterns for wallpapers to photo retouching. My custom layout works for all of those use cases."<br />
<br />
[[File:Lor-actionless.png|1000px]]<br />
<br />
User grem: "Used to do mostly quick retouching of photos, now mostly composite multiple photos."<br />
<br />
[[File:Lor-grem.png|1000px]]<br />
<br />
User SkyMaverick: "I mostly do all sorts of "quick desktop publishing stuff" (postcards, business cards, book covers, certificates etc.), photo restoration, b/w photo colorization etc. I also do passport photos and simplistic photo retouching. I don't switch between tools all the time, I mostly tweak settings of the current tool. Tool's settings dock is large, so I keep it a almost screen's height. The rest is equally separated between what I paint on (layers, channels) and what I paint with (brushes, color swatches etc.). Pretty much most of the time I have tool settings, layers and brushes open."<br />
<br />
[[File:Lor-SkyMaverick.png|1000px]]<br />
<br />
User Acmespaceship: "I keep three windows visible all the time: Tool Options, Layers and Navigation.<br />
<br />
The new suggested default layout makes more space for the image which is good, but it’s not so convenient to place Tool Options on the opposite side of the screen from tool selection. It’s rare for me to select a tool without adjusting the options and that’s a lot of mousing back and forth across the screen.<br />
<br />
Still, the new idea looks nice and it might be a good default for new users.<br />
<br />
What about stacking the tools at the far left as suggested, and then moving the other dockable windows just to the right of the tools? In other words, putting all the controls on the left and the image on the right? With an option that makes it easy for users to flip the layout and put controls on the right."<br />
<br />
[[File:Pixls-Acmespaceship.png|1000px]]<br />
<br />
User s7habo:<br />
<br />
[[File:Pixls-s7habo.jpg|1000px]]<br />
<br />
User jesusda: "This is my default #gimp layout, mainly used for photo retouching as I am web designer. Very similar to your purpose but putting layer tap on top of the config tab."<br />
<br />
[[File:Twitter-jesusda.jpg|1000px]]<br />
<br />
User Cyril:<br />
<br />
[[File:Twitter-SiriL_Official.jpg|1000px]]<br />
<br />
User StillFunk: "This is mine, nothing special i think, depending what i work on i switch to different tabs in the various modules as seen on the 2nd screen."<br />
<br />
[[File:Twitter-StillFunk_1.jpg|1000px]]<br />
<br />
[[File:Twitter-StillFunk_2.jpg]]<br />
<br />
=== Web design ===<br />
<br />
User fenavente:<br />
<br />
[[File:Twitter-fenavente.jpg|1000px]]<br />
<br />
=== 3D-related: texturing, UV etc. ===<br />
<br />
User MetSender: "Nothing fancy here... Although I would like to get my tool set vertical and be able to lock my canvas rotate function. And yes, I did forget to thank all whom did make this great version of GIMP possible. Thank you kindly, Mehmet.<br />
<br />
Gimp practically is my first reach tool for all 2D applications. I do combine gimp with blender's cycles renders. Thank you."<br />
<br />
[[File:Twitter-MetSender.jpg]]<br />
<br />
User SuperOstrich: "Texture work mostly. My config is pretty close to the defaults, old habits die hard. "<br />
<br />
[[File:Twitter-SuperOstrich.jpg|1000px]]<br />
<br />
== Proposal ==<br />
<br />
TO BE DONE</div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_windows_layouts&diff=2643Work in progress on windows layouts2022-01-27T16:09:18Z<p>Prokoudine: /* 3D-related: texturing, UV etc. */</p>
<hr />
<div>== Problem statement ==<br />
<br />
We've been carrying more or less the same default layout of GIMP's main window for well over a decade. However, we now ship GIMP with tools grouped by default, which begs for reviewing the layout.<br />
<br />
Moreover, there have been multiple requests to introduce workflow-specific named layouts finetuned for commons tasks like digital painting, digital photography etc. with an ability to create your own named layouts.<br />
<br />
== Research ==<br />
<br />
To collect initial data, we asked users on social media to submit customized window layouts and explain 1) what is their main usecase for GIMP, 2) why they customized the layout like that.<br />
<br />
Resulted submissions (however few) can be categorized as follows:<br />
<br />
* General editing<br />
* Layer compositions<br />
* Graphic design<br />
* Drawing and painting<br />
* Photography<br />
* Web design<br />
* 3D-related: texturing, UV etc.<br />
<br />
Below is the gallery. Please note that while all users named primary tasks, not everyone submitted more information than that.<br />
<br />
=== General editing ===<br />
<br />
User kirill_rrr: "I only do very basic and general editing, I don't need much from GIMP".<br />
<br />
[[File:Lor-kirill_rrr.png|1000px]]<br />
<br />
User Brian00298905: "Image manipulation."<br />
<br />
[[File:Twitter-Brian00298905-2.jpg|1000px]]<br />
<br />
=== Layer compositions ===<br />
<br />
User 82pixels_de: "This is mine, it actually looks like yours. I arranged everything like in Photoshop almost so the transition was easier. What I would like in Gimp to have an option like in the Blender splash screen where you can chose between program keybinds in Gimp for example Photoshop."<br />
<br />
[[File:Twitter-82pixels de.jpg|1000px]]<br />
<br />
User adderbox76: "Nothing too crazy. Most important thing for me was having a free floating dock for my most commonly used tools that I can drag around the canvas without using "multi-window mode", and making as much as possible available in tabs rather than menus."<br />
<br />
[[File:Twitter-adderbox76.jpg|1000px]]<br />
<br />
=== Graphic design ===<br />
<br />
User BupeJoseph: "This is my common setup. I use GIMP for touching up my architectural design projects, and that includes texturing, lighting and documentation. My workflow often need enough working space, but thanks to Ell for the show-all and now the grouped tools 🙏👏"<br />
<br />
[[File:Twitter-BupeJoseph.jpg|1000px]]<br />
<br />
=== Drawing and painting ===<br />
<br />
User Axl GĂłmez Tagle Islas: "I always have on the right side, the color ranges to make quick changes in retouching or when I draw, I also have the Tool Options to make changes easily on the thicknesses and intensities of the brushes, and even the Layers down because they are used a lot when I'm Making a new design. From the left side to the top I have the default menu of all the tools and below the My Paint brushes because it lets me choose more easily which pencil or brush I want to use"<br />
<br />
[[File:Facebook-Axl_GĂłmez_Tagle_Islas.jpg|1000px]]<br />
<br />
User Richard Kramenstetter:<br />
<br />
[[File:Facebook-Richard_Kramenstetter.jpg|1000px]]<br />
<br />
User ToxictheMutt:<br />
<br />
[[File:Twitter-ToxictheMutt.jpg|1000px]]<br />
<br />
=== Photography ===<br />
<br />
User Marijke.jpg: "Primary use cases — photo editing and manipulation. Tools and options on the left because I use these less than what I have placed on the right. Layers, for me, are at the top because I work a lot with them and Blend Modes. I feel this layout works best for a right-handed person like me. (Brushes are there because I use a lot of different ones for masking work)."<br />
<br />
[[File:Facebook-Marijke_Groothuis.jpg|1000px]]<br />
<br />
User Stijn: "Just basic photo retouching and curves adjustment. Use layers quite a bit for colour correction, and wavelet decompose to remove blemishes."<br />
<br />
[[File:Facebook-Stijn_De_Loose.jpg|1000px]]<br />
<br />
User actionless: "When I use GIMP on a laptop, I move the tool settings dock to the left, otherwise there's not enough vertical space, and I have to scroll up and down a lot. I use GIMP for all sorts of tasks, from designing tiled patterns for wallpapers to photo retouching. My custom layout works for all of those use cases."<br />
<br />
[[File:Lor-actionless.png|1000px]]<br />
<br />
User grem: "Used to do mostly quick retouching of photos, now mostly composite multiple photos."<br />
<br />
[[File:Lor-grem.png|1000px]]<br />
<br />
User SkyMaverick: "I mostly do all sorts of "quick desktop publishing stuff" (postcards, business cards, book covers, certificates etc.), photo restoration, b/w photo colorization etc. I also do passport photos and simplistic photo retouching. I don't switch between tools all the time, I mostly tweak settings of the current tool. Tool's settings dock is large, so I keep it a almost screen's height. The rest is equally separated between what I paint on (layers, channels) and what I paint with (brushes, color swatches etc.). Pretty much most of the time I have tool settings, layers and brushes open."<br />
<br />
[[File:Lor-SkyMaverick.png|1000px]]<br />
<br />
User Acmespaceship: "I keep three windows visible all the time: Tool Options, Layers and Navigation.<br />
<br />
The new suggested default layout makes more space for the image which is good, but it’s not so convenient to place Tool Options on the opposite side of the screen from tool selection. It’s rare for me to select a tool without adjusting the options and that’s a lot of mousing back and forth across the screen.<br />
<br />
Still, the new idea looks nice and it might be a good default for new users.<br />
<br />
What about stacking the tools at the far left as suggested, and then moving the other dockable windows just to the right of the tools? In other words, putting all the controls on the left and the image on the right? With an option that makes it easy for users to flip the layout and put controls on the right."<br />
<br />
[[File:Pixls-Acmespaceship.png|1000px]]<br />
<br />
User s7habo:<br />
<br />
[[File:Pixls-s7habo.jpg|1000px]]<br />
<br />
User jesusda: "This is my default #gimp layout, mainly used for photo retouching as I am web designer. Very similar to your purpose but putting layer tap on top of the config tab."<br />
<br />
[[File:Twitter-jesusda.jpg|1000px]]<br />
<br />
User Cyril:<br />
<br />
[[File:Twitter-SiriL_Official.jpg|1000px]]<br />
<br />
User StillFunk: "This is mine, nothing special i think, depending what i work on i switch to different tabs in the various modules as seen on the 2nd screen."<br />
<br />
[[File:Twitter-StillFunk_1.jpg|1000px]]<br />
<br />
[[File:Twitter-StillFunk_2.jpg]]<br />
<br />
=== Web design ===<br />
<br />
User fenavente:<br />
<br />
[[File:Twitter-fenavente.jpg|1000px]]<br />
<br />
=== 3D-related: texturing, UV etc. ===<br />
<br />
User MetSender: "Nothing fancy here... Although I would like to get my tool set vertical and be able to lock my canvas rotate function. And yes, I did forget to thank all whom did make this great version of GIMP possible. Thank you kindly, Mehmet.<br />
<br />
Gimp practically is my first reach tool for all 2D applications. I do combine gimp with blender's cycles renders. Thank you."<br />
<br />
[[File:Twitter-MetSender.jpg]]<br />
<br />
User SuperOstrich: "Texture work mostly. My config is pretty close to the defaults, old habits die hard. "<br />
<br />
[[File:Twitter-SuperOstrich.jpg|1000px]]<br />
<br />
== Proposal ==<br />
<br />
TO BE DONE</div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Twitter-SuperOstrich.jpg&diff=2642File:Twitter-SuperOstrich.jpg2022-01-27T16:08:41Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Twitter-MetSender.jpg&diff=2641File:Twitter-MetSender.jpg2022-01-27T16:07:55Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_windows_layouts&diff=2640Work in progress on windows layouts2022-01-27T16:07:07Z<p>Prokoudine: /* Web design */</p>
<hr />
<div>== Problem statement ==<br />
<br />
We've been carrying more or less the same default layout of GIMP's main window for well over a decade. However, we now ship GIMP with tools grouped by default, which begs for reviewing the layout.<br />
<br />
Moreover, there have been multiple requests to introduce workflow-specific named layouts finetuned for commons tasks like digital painting, digital photography etc. with an ability to create your own named layouts.<br />
<br />
== Research ==<br />
<br />
To collect initial data, we asked users on social media to submit customized window layouts and explain 1) what is their main usecase for GIMP, 2) why they customized the layout like that.<br />
<br />
Resulted submissions (however few) can be categorized as follows:<br />
<br />
* General editing<br />
* Layer compositions<br />
* Graphic design<br />
* Drawing and painting<br />
* Photography<br />
* Web design<br />
* 3D-related: texturing, UV etc.<br />
<br />
Below is the gallery. Please note that while all users named primary tasks, not everyone submitted more information than that.<br />
<br />
=== General editing ===<br />
<br />
User kirill_rrr: "I only do very basic and general editing, I don't need much from GIMP".<br />
<br />
[[File:Lor-kirill_rrr.png|1000px]]<br />
<br />
User Brian00298905: "Image manipulation."<br />
<br />
[[File:Twitter-Brian00298905-2.jpg|1000px]]<br />
<br />
=== Layer compositions ===<br />
<br />
User 82pixels_de: "This is mine, it actually looks like yours. I arranged everything like in Photoshop almost so the transition was easier. What I would like in Gimp to have an option like in the Blender splash screen where you can chose between program keybinds in Gimp for example Photoshop."<br />
<br />
[[File:Twitter-82pixels de.jpg|1000px]]<br />
<br />
User adderbox76: "Nothing too crazy. Most important thing for me was having a free floating dock for my most commonly used tools that I can drag around the canvas without using "multi-window mode", and making as much as possible available in tabs rather than menus."<br />
<br />
[[File:Twitter-adderbox76.jpg|1000px]]<br />
<br />
=== Graphic design ===<br />
<br />
User BupeJoseph: "This is my common setup. I use GIMP for touching up my architectural design projects, and that includes texturing, lighting and documentation. My workflow often need enough working space, but thanks to Ell for the show-all and now the grouped tools 🙏👏"<br />
<br />
[[File:Twitter-BupeJoseph.jpg|1000px]]<br />
<br />
=== Drawing and painting ===<br />
<br />
User Axl GĂłmez Tagle Islas: "I always have on the right side, the color ranges to make quick changes in retouching or when I draw, I also have the Tool Options to make changes easily on the thicknesses and intensities of the brushes, and even the Layers down because they are used a lot when I'm Making a new design. From the left side to the top I have the default menu of all the tools and below the My Paint brushes because it lets me choose more easily which pencil or brush I want to use"<br />
<br />
[[File:Facebook-Axl_GĂłmez_Tagle_Islas.jpg|1000px]]<br />
<br />
User Richard Kramenstetter:<br />
<br />
[[File:Facebook-Richard_Kramenstetter.jpg|1000px]]<br />
<br />
User ToxictheMutt:<br />
<br />
[[File:Twitter-ToxictheMutt.jpg|1000px]]<br />
<br />
=== Photography ===<br />
<br />
User Marijke.jpg: "Primary use cases — photo editing and manipulation. Tools and options on the left because I use these less than what I have placed on the right. Layers, for me, are at the top because I work a lot with them and Blend Modes. I feel this layout works best for a right-handed person like me. (Brushes are there because I use a lot of different ones for masking work)."<br />
<br />
[[File:Facebook-Marijke_Groothuis.jpg|1000px]]<br />
<br />
User Stijn: "Just basic photo retouching and curves adjustment. Use layers quite a bit for colour correction, and wavelet decompose to remove blemishes."<br />
<br />
[[File:Facebook-Stijn_De_Loose.jpg|1000px]]<br />
<br />
User actionless: "When I use GIMP on a laptop, I move the tool settings dock to the left, otherwise there's not enough vertical space, and I have to scroll up and down a lot. I use GIMP for all sorts of tasks, from designing tiled patterns for wallpapers to photo retouching. My custom layout works for all of those use cases."<br />
<br />
[[File:Lor-actionless.png|1000px]]<br />
<br />
User grem: "Used to do mostly quick retouching of photos, now mostly composite multiple photos."<br />
<br />
[[File:Lor-grem.png|1000px]]<br />
<br />
User SkyMaverick: "I mostly do all sorts of "quick desktop publishing stuff" (postcards, business cards, book covers, certificates etc.), photo restoration, b/w photo colorization etc. I also do passport photos and simplistic photo retouching. I don't switch between tools all the time, I mostly tweak settings of the current tool. Tool's settings dock is large, so I keep it a almost screen's height. The rest is equally separated between what I paint on (layers, channels) and what I paint with (brushes, color swatches etc.). Pretty much most of the time I have tool settings, layers and brushes open."<br />
<br />
[[File:Lor-SkyMaverick.png|1000px]]<br />
<br />
User Acmespaceship: "I keep three windows visible all the time: Tool Options, Layers and Navigation.<br />
<br />
The new suggested default layout makes more space for the image which is good, but it’s not so convenient to place Tool Options on the opposite side of the screen from tool selection. It’s rare for me to select a tool without adjusting the options and that’s a lot of mousing back and forth across the screen.<br />
<br />
Still, the new idea looks nice and it might be a good default for new users.<br />
<br />
What about stacking the tools at the far left as suggested, and then moving the other dockable windows just to the right of the tools? In other words, putting all the controls on the left and the image on the right? With an option that makes it easy for users to flip the layout and put controls on the right."<br />
<br />
[[File:Pixls-Acmespaceship.png|1000px]]<br />
<br />
User s7habo:<br />
<br />
[[File:Pixls-s7habo.jpg|1000px]]<br />
<br />
User jesusda: "This is my default #gimp layout, mainly used for photo retouching as I am web designer. Very similar to your purpose but putting layer tap on top of the config tab."<br />
<br />
[[File:Twitter-jesusda.jpg|1000px]]<br />
<br />
User Cyril:<br />
<br />
[[File:Twitter-SiriL_Official.jpg|1000px]]<br />
<br />
User StillFunk: "This is mine, nothing special i think, depending what i work on i switch to different tabs in the various modules as seen on the 2nd screen."<br />
<br />
[[File:Twitter-StillFunk_1.jpg|1000px]]<br />
<br />
[[File:Twitter-StillFunk_2.jpg]]<br />
<br />
=== Web design ===<br />
<br />
User fenavente:<br />
<br />
[[File:Twitter-fenavente.jpg|1000px]]<br />
<br />
=== 3D-related: texturing, UV etc. ===<br />
<br />
== Proposal ==<br />
<br />
TO BE DONE</div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_windows_layouts&diff=2639Work in progress on windows layouts2022-01-27T16:06:51Z<p>Prokoudine: /* Web design */</p>
<hr />
<div>== Problem statement ==<br />
<br />
We've been carrying more or less the same default layout of GIMP's main window for well over a decade. However, we now ship GIMP with tools grouped by default, which begs for reviewing the layout.<br />
<br />
Moreover, there have been multiple requests to introduce workflow-specific named layouts finetuned for commons tasks like digital painting, digital photography etc. with an ability to create your own named layouts.<br />
<br />
== Research ==<br />
<br />
To collect initial data, we asked users on social media to submit customized window layouts and explain 1) what is their main usecase for GIMP, 2) why they customized the layout like that.<br />
<br />
Resulted submissions (however few) can be categorized as follows:<br />
<br />
* General editing<br />
* Layer compositions<br />
* Graphic design<br />
* Drawing and painting<br />
* Photography<br />
* Web design<br />
* 3D-related: texturing, UV etc.<br />
<br />
Below is the gallery. Please note that while all users named primary tasks, not everyone submitted more information than that.<br />
<br />
=== General editing ===<br />
<br />
User kirill_rrr: "I only do very basic and general editing, I don't need much from GIMP".<br />
<br />
[[File:Lor-kirill_rrr.png|1000px]]<br />
<br />
User Brian00298905: "Image manipulation."<br />
<br />
[[File:Twitter-Brian00298905-2.jpg|1000px]]<br />
<br />
=== Layer compositions ===<br />
<br />
User 82pixels_de: "This is mine, it actually looks like yours. I arranged everything like in Photoshop almost so the transition was easier. What I would like in Gimp to have an option like in the Blender splash screen where you can chose between program keybinds in Gimp for example Photoshop."<br />
<br />
[[File:Twitter-82pixels de.jpg|1000px]]<br />
<br />
User adderbox76: "Nothing too crazy. Most important thing for me was having a free floating dock for my most commonly used tools that I can drag around the canvas without using "multi-window mode", and making as much as possible available in tabs rather than menus."<br />
<br />
[[File:Twitter-adderbox76.jpg|1000px]]<br />
<br />
=== Graphic design ===<br />
<br />
User BupeJoseph: "This is my common setup. I use GIMP for touching up my architectural design projects, and that includes texturing, lighting and documentation. My workflow often need enough working space, but thanks to Ell for the show-all and now the grouped tools 🙏👏"<br />
<br />
[[File:Twitter-BupeJoseph.jpg|1000px]]<br />
<br />
=== Drawing and painting ===<br />
<br />
User Axl GĂłmez Tagle Islas: "I always have on the right side, the color ranges to make quick changes in retouching or when I draw, I also have the Tool Options to make changes easily on the thicknesses and intensities of the brushes, and even the Layers down because they are used a lot when I'm Making a new design. From the left side to the top I have the default menu of all the tools and below the My Paint brushes because it lets me choose more easily which pencil or brush I want to use"<br />
<br />
[[File:Facebook-Axl_GĂłmez_Tagle_Islas.jpg|1000px]]<br />
<br />
User Richard Kramenstetter:<br />
<br />
[[File:Facebook-Richard_Kramenstetter.jpg|1000px]]<br />
<br />
User ToxictheMutt:<br />
<br />
[[File:Twitter-ToxictheMutt.jpg|1000px]]<br />
<br />
=== Photography ===<br />
<br />
User Marijke.jpg: "Primary use cases — photo editing and manipulation. Tools and options on the left because I use these less than what I have placed on the right. Layers, for me, are at the top because I work a lot with them and Blend Modes. I feel this layout works best for a right-handed person like me. (Brushes are there because I use a lot of different ones for masking work)."<br />
<br />
[[File:Facebook-Marijke_Groothuis.jpg|1000px]]<br />
<br />
User Stijn: "Just basic photo retouching and curves adjustment. Use layers quite a bit for colour correction, and wavelet decompose to remove blemishes."<br />
<br />
[[File:Facebook-Stijn_De_Loose.jpg|1000px]]<br />
<br />
User actionless: "When I use GIMP on a laptop, I move the tool settings dock to the left, otherwise there's not enough vertical space, and I have to scroll up and down a lot. I use GIMP for all sorts of tasks, from designing tiled patterns for wallpapers to photo retouching. My custom layout works for all of those use cases."<br />
<br />
[[File:Lor-actionless.png|1000px]]<br />
<br />
User grem: "Used to do mostly quick retouching of photos, now mostly composite multiple photos."<br />
<br />
[[File:Lor-grem.png|1000px]]<br />
<br />
User SkyMaverick: "I mostly do all sorts of "quick desktop publishing stuff" (postcards, business cards, book covers, certificates etc.), photo restoration, b/w photo colorization etc. I also do passport photos and simplistic photo retouching. I don't switch between tools all the time, I mostly tweak settings of the current tool. Tool's settings dock is large, so I keep it a almost screen's height. The rest is equally separated between what I paint on (layers, channels) and what I paint with (brushes, color swatches etc.). Pretty much most of the time I have tool settings, layers and brushes open."<br />
<br />
[[File:Lor-SkyMaverick.png|1000px]]<br />
<br />
User Acmespaceship: "I keep three windows visible all the time: Tool Options, Layers and Navigation.<br />
<br />
The new suggested default layout makes more space for the image which is good, but it’s not so convenient to place Tool Options on the opposite side of the screen from tool selection. It’s rare for me to select a tool without adjusting the options and that’s a lot of mousing back and forth across the screen.<br />
<br />
Still, the new idea looks nice and it might be a good default for new users.<br />
<br />
What about stacking the tools at the far left as suggested, and then moving the other dockable windows just to the right of the tools? In other words, putting all the controls on the left and the image on the right? With an option that makes it easy for users to flip the layout and put controls on the right."<br />
<br />
[[File:Pixls-Acmespaceship.png|1000px]]<br />
<br />
User s7habo:<br />
<br />
[[File:Pixls-s7habo.jpg|1000px]]<br />
<br />
User jesusda: "This is my default #gimp layout, mainly used for photo retouching as I am web designer. Very similar to your purpose but putting layer tap on top of the config tab."<br />
<br />
[[File:Twitter-jesusda.jpg|1000px]]<br />
<br />
User Cyril:<br />
<br />
[[File:Twitter-SiriL_Official.jpg|1000px]]<br />
<br />
User StillFunk: "This is mine, nothing special i think, depending what i work on i switch to different tabs in the various modules as seen on the 2nd screen."<br />
<br />
[[File:Twitter-StillFunk_1.jpg|1000px]]<br />
<br />
[[File:Twitter-StillFunk_2.jpg]]<br />
<br />
=== Web design ===<br />
<br />
User fenavente:<br />
<br />
[[File:Twitter-fenavente.jpg]]<br />
<br />
=== 3D-related: texturing, UV etc. ===<br />
<br />
== Proposal ==<br />
<br />
TO BE DONE</div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Twitter-fenavente.jpg&diff=2638File:Twitter-fenavente.jpg2022-01-27T16:06:35Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_windows_layouts&diff=2637Work in progress on windows layouts2022-01-27T16:05:57Z<p>Prokoudine: /* Photography */</p>
<hr />
<div>== Problem statement ==<br />
<br />
We've been carrying more or less the same default layout of GIMP's main window for well over a decade. However, we now ship GIMP with tools grouped by default, which begs for reviewing the layout.<br />
<br />
Moreover, there have been multiple requests to introduce workflow-specific named layouts finetuned for commons tasks like digital painting, digital photography etc. with an ability to create your own named layouts.<br />
<br />
== Research ==<br />
<br />
To collect initial data, we asked users on social media to submit customized window layouts and explain 1) what is their main usecase for GIMP, 2) why they customized the layout like that.<br />
<br />
Resulted submissions (however few) can be categorized as follows:<br />
<br />
* General editing<br />
* Layer compositions<br />
* Graphic design<br />
* Drawing and painting<br />
* Photography<br />
* Web design<br />
* 3D-related: texturing, UV etc.<br />
<br />
Below is the gallery. Please note that while all users named primary tasks, not everyone submitted more information than that.<br />
<br />
=== General editing ===<br />
<br />
User kirill_rrr: "I only do very basic and general editing, I don't need much from GIMP".<br />
<br />
[[File:Lor-kirill_rrr.png|1000px]]<br />
<br />
User Brian00298905: "Image manipulation."<br />
<br />
[[File:Twitter-Brian00298905-2.jpg|1000px]]<br />
<br />
=== Layer compositions ===<br />
<br />
User 82pixels_de: "This is mine, it actually looks like yours. I arranged everything like in Photoshop almost so the transition was easier. What I would like in Gimp to have an option like in the Blender splash screen where you can chose between program keybinds in Gimp for example Photoshop."<br />
<br />
[[File:Twitter-82pixels de.jpg|1000px]]<br />
<br />
User adderbox76: "Nothing too crazy. Most important thing for me was having a free floating dock for my most commonly used tools that I can drag around the canvas without using "multi-window mode", and making as much as possible available in tabs rather than menus."<br />
<br />
[[File:Twitter-adderbox76.jpg|1000px]]<br />
<br />
=== Graphic design ===<br />
<br />
User BupeJoseph: "This is my common setup. I use GIMP for touching up my architectural design projects, and that includes texturing, lighting and documentation. My workflow often need enough working space, but thanks to Ell for the show-all and now the grouped tools 🙏👏"<br />
<br />
[[File:Twitter-BupeJoseph.jpg|1000px]]<br />
<br />
=== Drawing and painting ===<br />
<br />
User Axl GĂłmez Tagle Islas: "I always have on the right side, the color ranges to make quick changes in retouching or when I draw, I also have the Tool Options to make changes easily on the thicknesses and intensities of the brushes, and even the Layers down because they are used a lot when I'm Making a new design. From the left side to the top I have the default menu of all the tools and below the My Paint brushes because it lets me choose more easily which pencil or brush I want to use"<br />
<br />
[[File:Facebook-Axl_GĂłmez_Tagle_Islas.jpg|1000px]]<br />
<br />
User Richard Kramenstetter:<br />
<br />
[[File:Facebook-Richard_Kramenstetter.jpg|1000px]]<br />
<br />
User ToxictheMutt:<br />
<br />
[[File:Twitter-ToxictheMutt.jpg|1000px]]<br />
<br />
=== Photography ===<br />
<br />
User Marijke.jpg: "Primary use cases — photo editing and manipulation. Tools and options on the left because I use these less than what I have placed on the right. Layers, for me, are at the top because I work a lot with them and Blend Modes. I feel this layout works best for a right-handed person like me. (Brushes are there because I use a lot of different ones for masking work)."<br />
<br />
[[File:Facebook-Marijke_Groothuis.jpg|1000px]]<br />
<br />
User Stijn: "Just basic photo retouching and curves adjustment. Use layers quite a bit for colour correction, and wavelet decompose to remove blemishes."<br />
<br />
[[File:Facebook-Stijn_De_Loose.jpg|1000px]]<br />
<br />
User actionless: "When I use GIMP on a laptop, I move the tool settings dock to the left, otherwise there's not enough vertical space, and I have to scroll up and down a lot. I use GIMP for all sorts of tasks, from designing tiled patterns for wallpapers to photo retouching. My custom layout works for all of those use cases."<br />
<br />
[[File:Lor-actionless.png|1000px]]<br />
<br />
User grem: "Used to do mostly quick retouching of photos, now mostly composite multiple photos."<br />
<br />
[[File:Lor-grem.png|1000px]]<br />
<br />
User SkyMaverick: "I mostly do all sorts of "quick desktop publishing stuff" (postcards, business cards, book covers, certificates etc.), photo restoration, b/w photo colorization etc. I also do passport photos and simplistic photo retouching. I don't switch between tools all the time, I mostly tweak settings of the current tool. Tool's settings dock is large, so I keep it a almost screen's height. The rest is equally separated between what I paint on (layers, channels) and what I paint with (brushes, color swatches etc.). Pretty much most of the time I have tool settings, layers and brushes open."<br />
<br />
[[File:Lor-SkyMaverick.png|1000px]]<br />
<br />
User Acmespaceship: "I keep three windows visible all the time: Tool Options, Layers and Navigation.<br />
<br />
The new suggested default layout makes more space for the image which is good, but it’s not so convenient to place Tool Options on the opposite side of the screen from tool selection. It’s rare for me to select a tool without adjusting the options and that’s a lot of mousing back and forth across the screen.<br />
<br />
Still, the new idea looks nice and it might be a good default for new users.<br />
<br />
What about stacking the tools at the far left as suggested, and then moving the other dockable windows just to the right of the tools? In other words, putting all the controls on the left and the image on the right? With an option that makes it easy for users to flip the layout and put controls on the right."<br />
<br />
[[File:Pixls-Acmespaceship.png|1000px]]<br />
<br />
User s7habo:<br />
<br />
[[File:Pixls-s7habo.jpg|1000px]]<br />
<br />
User jesusda: "This is my default #gimp layout, mainly used for photo retouching as I am web designer. Very similar to your purpose but putting layer tap on top of the config tab."<br />
<br />
[[File:Twitter-jesusda.jpg|1000px]]<br />
<br />
User Cyril:<br />
<br />
[[File:Twitter-SiriL_Official.jpg|1000px]]<br />
<br />
User StillFunk: "This is mine, nothing special i think, depending what i work on i switch to different tabs in the various modules as seen on the 2nd screen."<br />
<br />
[[File:Twitter-StillFunk_1.jpg|1000px]]<br />
<br />
[[File:Twitter-StillFunk_2.jpg]]<br />
<br />
=== Web design ===<br />
=== 3D-related: texturing, UV etc. ===<br />
<br />
== Proposal ==<br />
<br />
TO BE DONE</div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Twitter-StillFunk_2.jpg&diff=2636File:Twitter-StillFunk 2.jpg2022-01-27T16:04:59Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Twitter-StillFunk_1.jpg&diff=2635File:Twitter-StillFunk 1.jpg2022-01-27T16:04:30Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Twitter-SiriL_Official.jpg&diff=2634File:Twitter-SiriL Official.jpg2022-01-27T16:02:46Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Twitter-jesusda.jpg&diff=2633File:Twitter-jesusda.jpg2022-01-27T16:01:47Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Pixls-s7habo.jpg&diff=2632File:Pixls-s7habo.jpg2022-01-27T16:00:44Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Pixls-Acmespaceship.png&diff=2631File:Pixls-Acmespaceship.png2022-01-27T15:58:18Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Lor-SkyMaverick.png&diff=2630File:Lor-SkyMaverick.png2022-01-27T15:49:50Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Lor-grem.png&diff=2629File:Lor-grem.png2022-01-27T15:48:42Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Lor-actionless.png&diff=2628File:Lor-actionless.png2022-01-27T15:45:11Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Facebook-Stijn_De_Loose.jpg&diff=2627File:Facebook-Stijn De Loose.jpg2022-01-27T15:44:25Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Facebook-Marijke_Groothuis.jpg&diff=2626File:Facebook-Marijke Groothuis.jpg2022-01-27T15:40:21Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_windows_layouts&diff=2625Work in progress on windows layouts2022-01-27T15:38:36Z<p>Prokoudine: /* Drawing and painting */</p>
<hr />
<div>== Problem statement ==<br />
<br />
We've been carrying more or less the same default layout of GIMP's main window for well over a decade. However, we now ship GIMP with tools grouped by default, which begs for reviewing the layout.<br />
<br />
Moreover, there have been multiple requests to introduce workflow-specific named layouts finetuned for commons tasks like digital painting, digital photography etc. with an ability to create your own named layouts.<br />
<br />
== Research ==<br />
<br />
To collect initial data, we asked users on social media to submit customized window layouts and explain 1) what is their main usecase for GIMP, 2) why they customized the layout like that.<br />
<br />
Resulted submissions (however few) can be categorized as follows:<br />
<br />
* General editing<br />
* Layer compositions<br />
* Graphic design<br />
* Drawing and painting<br />
* Photography<br />
* Web design<br />
* 3D-related: texturing, UV etc.<br />
<br />
Below is the gallery. Please note that while all users named primary tasks, not everyone submitted more information than that.<br />
<br />
=== General editing ===<br />
<br />
User kirill_rrr: "I only do very basic and general editing, I don't need much from GIMP".<br />
<br />
[[File:Lor-kirill_rrr.png|1000px]]<br />
<br />
User Brian00298905: "Image manipulation."<br />
<br />
[[File:Twitter-Brian00298905-2.jpg|1000px]]<br />
<br />
=== Layer compositions ===<br />
<br />
User 82pixels_de: "This is mine, it actually looks like yours. I arranged everything like in Photoshop almost so the transition was easier. What I would like in Gimp to have an option like in the Blender splash screen where you can chose between program keybinds in Gimp for example Photoshop."<br />
<br />
[[File:Twitter-82pixels de.jpg|1000px]]<br />
<br />
User adderbox76: "Nothing too crazy. Most important thing for me was having a free floating dock for my most commonly used tools that I can drag around the canvas without using "multi-window mode", and making as much as possible available in tabs rather than menus."<br />
<br />
[[File:Twitter-adderbox76.jpg|1000px]]<br />
<br />
=== Graphic design ===<br />
<br />
User BupeJoseph: "This is my common setup. I use GIMP for touching up my architectural design projects, and that includes texturing, lighting and documentation. My workflow often need enough working space, but thanks to Ell for the show-all and now the grouped tools 🙏👏"<br />
<br />
[[File:Twitter-BupeJoseph.jpg|1000px]]<br />
<br />
=== Drawing and painting ===<br />
<br />
User Axl GĂłmez Tagle Islas: "I always have on the right side, the color ranges to make quick changes in retouching or when I draw, I also have the Tool Options to make changes easily on the thicknesses and intensities of the brushes, and even the Layers down because they are used a lot when I'm Making a new design. From the left side to the top I have the default menu of all the tools and below the My Paint brushes because it lets me choose more easily which pencil or brush I want to use"<br />
<br />
[[File:Facebook-Axl_GĂłmez_Tagle_Islas.jpg|1000px]]<br />
<br />
User Richard Kramenstetter:<br />
<br />
[[File:Facebook-Richard_Kramenstetter.jpg|1000px]]<br />
<br />
User ToxictheMutt:<br />
<br />
[[File:Twitter-ToxictheMutt.jpg|1000px]]<br />
<br />
=== Photography ===<br />
=== Web design ===<br />
=== 3D-related: texturing, UV etc. ===<br />
<br />
== Proposal ==<br />
<br />
TO BE DONE</div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Twitter-ToxictheMutt.jpg&diff=2624File:Twitter-ToxictheMutt.jpg2022-01-27T15:37:55Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Facebook-Richard_Kramenstetter.jpg&diff=2623File:Facebook-Richard Kramenstetter.jpg2022-01-27T15:37:06Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Facebook-Axl_G%C3%B3mez_Tagle_Islas.jpg&diff=2622File:Facebook-Axl GĂłmez Tagle Islas.jpg2022-01-27T15:35:59Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_windows_layouts&diff=2621Work in progress on windows layouts2022-01-27T15:34:53Z<p>Prokoudine: /* Graphic design */</p>
<hr />
<div>== Problem statement ==<br />
<br />
We've been carrying more or less the same default layout of GIMP's main window for well over a decade. However, we now ship GIMP with tools grouped by default, which begs for reviewing the layout.<br />
<br />
Moreover, there have been multiple requests to introduce workflow-specific named layouts finetuned for commons tasks like digital painting, digital photography etc. with an ability to create your own named layouts.<br />
<br />
== Research ==<br />
<br />
To collect initial data, we asked users on social media to submit customized window layouts and explain 1) what is their main usecase for GIMP, 2) why they customized the layout like that.<br />
<br />
Resulted submissions (however few) can be categorized as follows:<br />
<br />
* General editing<br />
* Layer compositions<br />
* Graphic design<br />
* Drawing and painting<br />
* Photography<br />
* Web design<br />
* 3D-related: texturing, UV etc.<br />
<br />
Below is the gallery. Please note that while all users named primary tasks, not everyone submitted more information than that.<br />
<br />
=== General editing ===<br />
<br />
User kirill_rrr: "I only do very basic and general editing, I don't need much from GIMP".<br />
<br />
[[File:Lor-kirill_rrr.png|1000px]]<br />
<br />
User Brian00298905: "Image manipulation."<br />
<br />
[[File:Twitter-Brian00298905-2.jpg|1000px]]<br />
<br />
=== Layer compositions ===<br />
<br />
User 82pixels_de: "This is mine, it actually looks like yours. I arranged everything like in Photoshop almost so the transition was easier. What I would like in Gimp to have an option like in the Blender splash screen where you can chose between program keybinds in Gimp for example Photoshop."<br />
<br />
[[File:Twitter-82pixels de.jpg|1000px]]<br />
<br />
User adderbox76: "Nothing too crazy. Most important thing for me was having a free floating dock for my most commonly used tools that I can drag around the canvas without using "multi-window mode", and making as much as possible available in tabs rather than menus."<br />
<br />
[[File:Twitter-adderbox76.jpg|1000px]]<br />
<br />
=== Graphic design ===<br />
<br />
User BupeJoseph: "This is my common setup. I use GIMP for touching up my architectural design projects, and that includes texturing, lighting and documentation. My workflow often need enough working space, but thanks to Ell for the show-all and now the grouped tools 🙏👏"<br />
<br />
[[File:Twitter-BupeJoseph.jpg|1000px]]<br />
<br />
=== Drawing and painting ===<br />
=== Photography ===<br />
=== Web design ===<br />
=== 3D-related: texturing, UV etc. ===<br />
<br />
== Proposal ==<br />
<br />
TO BE DONE</div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Twitter-BupeJoseph.jpg&diff=2620File:Twitter-BupeJoseph.jpg2022-01-27T15:34:00Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_windows_layouts&diff=2619Work in progress on windows layouts2022-01-27T15:33:22Z<p>Prokoudine: /* General editing */</p>
<hr />
<div>== Problem statement ==<br />
<br />
We've been carrying more or less the same default layout of GIMP's main window for well over a decade. However, we now ship GIMP with tools grouped by default, which begs for reviewing the layout.<br />
<br />
Moreover, there have been multiple requests to introduce workflow-specific named layouts finetuned for commons tasks like digital painting, digital photography etc. with an ability to create your own named layouts.<br />
<br />
== Research ==<br />
<br />
To collect initial data, we asked users on social media to submit customized window layouts and explain 1) what is their main usecase for GIMP, 2) why they customized the layout like that.<br />
<br />
Resulted submissions (however few) can be categorized as follows:<br />
<br />
* General editing<br />
* Layer compositions<br />
* Graphic design<br />
* Drawing and painting<br />
* Photography<br />
* Web design<br />
* 3D-related: texturing, UV etc.<br />
<br />
Below is the gallery. Please note that while all users named primary tasks, not everyone submitted more information than that.<br />
<br />
=== General editing ===<br />
<br />
User kirill_rrr: "I only do very basic and general editing, I don't need much from GIMP".<br />
<br />
[[File:Lor-kirill_rrr.png|1000px]]<br />
<br />
User Brian00298905: "Image manipulation."<br />
<br />
[[File:Twitter-Brian00298905-2.jpg|1000px]]<br />
<br />
=== Layer compositions ===<br />
<br />
User 82pixels_de: "This is mine, it actually looks like yours. I arranged everything like in Photoshop almost so the transition was easier. What I would like in Gimp to have an option like in the Blender splash screen where you can chose between program keybinds in Gimp for example Photoshop."<br />
<br />
[[File:Twitter-82pixels de.jpg|1000px]]<br />
<br />
User adderbox76: "Nothing too crazy. Most important thing for me was having a free floating dock for my most commonly used tools that I can drag around the canvas without using "multi-window mode", and making as much as possible available in tabs rather than menus."<br />
<br />
[[File:Twitter-adderbox76.jpg|1000px]]<br />
<br />
=== Graphic design ===<br />
=== Drawing and painting ===<br />
=== Photography ===<br />
=== Web design ===<br />
=== 3D-related: texturing, UV etc. ===<br />
<br />
== Proposal ==<br />
<br />
TO BE DONE</div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_windows_layouts&diff=2618Work in progress on windows layouts2022-01-27T15:33:06Z<p>Prokoudine: /* Layer compositions */</p>
<hr />
<div>== Problem statement ==<br />
<br />
We've been carrying more or less the same default layout of GIMP's main window for well over a decade. However, we now ship GIMP with tools grouped by default, which begs for reviewing the layout.<br />
<br />
Moreover, there have been multiple requests to introduce workflow-specific named layouts finetuned for commons tasks like digital painting, digital photography etc. with an ability to create your own named layouts.<br />
<br />
== Research ==<br />
<br />
To collect initial data, we asked users on social media to submit customized window layouts and explain 1) what is their main usecase for GIMP, 2) why they customized the layout like that.<br />
<br />
Resulted submissions (however few) can be categorized as follows:<br />
<br />
* General editing<br />
* Layer compositions<br />
* Graphic design<br />
* Drawing and painting<br />
* Photography<br />
* Web design<br />
* 3D-related: texturing, UV etc.<br />
<br />
Below is the gallery. Please note that while all users named primary tasks, not everyone submitted more information than that.<br />
<br />
=== General editing ===<br />
<br />
User kirill_rrr: "I only do very basic and general editing, I don't need much from GIMP".<br />
<br />
[[File:Lor-kirill_rrr.png|800px]]<br />
<br />
User Brian00298905: "Image manipulation."<br />
<br />
[[File:Twitter-Brian00298905-2.jpg|800px]]<br />
<br />
=== Layer compositions ===<br />
<br />
User 82pixels_de: "This is mine, it actually looks like yours. I arranged everything like in Photoshop almost so the transition was easier. What I would like in Gimp to have an option like in the Blender splash screen where you can chose between program keybinds in Gimp for example Photoshop."<br />
<br />
[[File:Twitter-82pixels de.jpg|1000px]]<br />
<br />
User adderbox76: "Nothing too crazy. Most important thing for me was having a free floating dock for my most commonly used tools that I can drag around the canvas without using "multi-window mode", and making as much as possible available in tabs rather than menus."<br />
<br />
[[File:Twitter-adderbox76.jpg|1000px]]<br />
<br />
=== Graphic design ===<br />
=== Drawing and painting ===<br />
=== Photography ===<br />
=== Web design ===<br />
=== 3D-related: texturing, UV etc. ===<br />
<br />
== Proposal ==<br />
<br />
TO BE DONE</div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Twitter-adderbox76.jpg&diff=2617File:Twitter-adderbox76.jpg2022-01-27T15:31:34Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Twitter-82pixels_de.jpg&diff=2616File:Twitter-82pixels de.jpg2022-01-27T15:30:26Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_windows_layouts&diff=2615Work in progress on windows layouts2022-01-27T15:29:51Z<p>Prokoudine: /* General editing */</p>
<hr />
<div>== Problem statement ==<br />
<br />
We've been carrying more or less the same default layout of GIMP's main window for well over a decade. However, we now ship GIMP with tools grouped by default, which begs for reviewing the layout.<br />
<br />
Moreover, there have been multiple requests to introduce workflow-specific named layouts finetuned for commons tasks like digital painting, digital photography etc. with an ability to create your own named layouts.<br />
<br />
== Research ==<br />
<br />
To collect initial data, we asked users on social media to submit customized window layouts and explain 1) what is their main usecase for GIMP, 2) why they customized the layout like that.<br />
<br />
Resulted submissions (however few) can be categorized as follows:<br />
<br />
* General editing<br />
* Layer compositions<br />
* Graphic design<br />
* Drawing and painting<br />
* Photography<br />
* Web design<br />
* 3D-related: texturing, UV etc.<br />
<br />
Below is the gallery. Please note that while all users named primary tasks, not everyone submitted more information than that.<br />
<br />
=== General editing ===<br />
<br />
User kirill_rrr: "I only do very basic and general editing, I don't need much from GIMP".<br />
<br />
[[File:Lor-kirill_rrr.png|800px]]<br />
<br />
User Brian00298905: "Image manipulation."<br />
<br />
[[File:Twitter-Brian00298905-2.jpg|800px]]<br />
<br />
=== Layer compositions ===<br />
=== Graphic design ===<br />
=== Drawing and painting ===<br />
=== Photography ===<br />
=== Web design ===<br />
=== 3D-related: texturing, UV etc. ===<br />
<br />
== Proposal ==<br />
<br />
TO BE DONE</div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Twitter-Brian00298905-2.jpg&diff=2614File:Twitter-Brian00298905-2.jpg2022-01-27T15:28:46Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Twitter-Brian00298905.jpg&diff=2613File:Twitter-Brian00298905.jpg2022-01-27T15:24:46Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Lor-kirill_rrr.png&diff=2612File:Lor-kirill rrr.png2022-01-27T15:22:56Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_windows_layouts&diff=2611Work in progress on windows layouts2022-01-27T15:22:05Z<p>Prokoudine: First draft</p>
<hr />
<div>== Problem statement ==<br />
<br />
We've been carrying more or less the same default layout of GIMP's main window for well over a decade. However, we now ship GIMP with tools grouped by default, which begs for reviewing the layout.<br />
<br />
Moreover, there have been multiple requests to introduce workflow-specific named layouts finetuned for commons tasks like digital painting, digital photography etc. with an ability to create your own named layouts.<br />
<br />
== Research ==<br />
<br />
To collect initial data, we asked users on social media to submit customized window layouts and explain 1) what is their main usecase for GIMP, 2) why they customized the layout like that.<br />
<br />
Resulted submissions (however few) can be categorized as follows:<br />
<br />
* General editing<br />
* Layer compositions<br />
* Graphic design<br />
* Drawing and painting<br />
* Photography<br />
* Web design<br />
* 3D-related: texturing, UV etc.<br />
<br />
Below is the gallery. Please note that while all users named primary tasks, not everyone submitted more information than that.<br />
<br />
=== General editing ===<br />
=== Layer compositions ===<br />
=== Graphic design ===<br />
=== Drawing and painting ===<br />
=== Photography ===<br />
=== Web design ===<br />
=== 3D-related: texturing, UV etc. ===<br />
<br />
== Proposal ==<br />
<br />
TO BE DONE</div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress&diff=2610Work in progress2022-01-27T15:09:38Z<p>Prokoudine: work in progress on windows layouts</p>
<hr />
<div>==previously…==<br />
* [[work in progress on Paint Select Tool]]<br />
* [[work in progress on tool options]]<br />
* [[work in progress on text]]<br />
* [[work in progress on paths]]<br />
* [[work in progress on visual feather control]]<br />
* [[work in progress on histogram redesign]]<br />
* [[work in progress on slider redesign]]<br />
* [[work in progress on windows layouts]]</div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_slider_redesign&diff=2580Work in progress on slider redesign2019-01-28T16:18:35Z<p>Prokoudine: /* Current design rationale */</p>
<hr />
<div>This WIP page focuses on issues users have with the current implementation of sliders used in tools' and filters' options, researches alternative implementations, and suggests redesign options.<br />
<br />
== Current design rationale ==<br />
<br />
The current implementation of sliders was designed to solve a problem of single-rate linear sliders when making small adjustments down low, like changing from a 5-pixel brush to a 7-pixel brush.<br />
<br />
The solution was to separate the slider area vertically into two parts:<br />
<br />
# Upper part: uses default increment rate, supports the click-to-set-new-value interaction, supports mouse wheel incrementing at the default increment rate.<br />
# Lower part: uses a smaller increment rate, doesn't support the click-to-set-new-value interaction, supports mouse wheel incrementing at a smaller increment rate.<br />
<br />
Numeric input was merged into the slider area, at the right side.<br />
<br />
Increment buttons, operating with default increment rate, were preserved and put to the right of the slider area.<br />
<br />
== Issues ==<br />
<br />
'''Executive summary''': the current implementation of the slider is not obvious, makes numeric input difficult, and takes too much space on the screen.<br />
<br />
Common issues with the current sliders as pointed out by users online:<br />
<br />
* The split of the slider area for small/large changes separation is '''not obvious'''. People only figure it out when specifically told about it.<br />
* '''Numeric input is too difficult''' to use. The area is inside the slider, so it clashes with the slider. It's also very small, hence changing the value completely (e.g. from 123.7 to 300) means having to make a very fine hand movement to select all of the digits, then press Del, then input new digits.<br />
* The widget '''occupies twice the size of the vertical space''' of slider widgets found in most other applications because it has to provide a high enough area for both the 'fine adjustments" and the 'large adjustments' parts of the slider to make the widget usable at all. This means '''users see a lot fewer controls on the screen and have to scroll''' for more.<br />
<br />
== Types of interaction ==<br />
<br />
Sliders generally support several types of interaction.<br />
<br />
=== Incrementing by dragging left and right ===<br />
<br />
There are generally three subtypes:<br />
<br />
# Default incrementing. Uses default increment rate, default input device sensitivity, no constraints.<br />
# Incrementing with lowered sensitivity of input device to slow it down and thus allow making smaller increments using same force.<br />
# Constrained incrementing. Uses a step of X units or X power of default increment rate to allow making faster increments (e.g. increment opacity by 10% for each change until it reaches either 0 or 100).<br />
<br />
=== Incrementing by mouse wheel ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Incrementing by buttons ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Setting new value by clicking in the respective position ===<br />
<br />
Allows quickly setting a value that's just about right, but might need some tweaking.<br />
<br />
=== Numeric input ===<br />
<br />
Allows setting precise value.<br />
<br />
== Existing implementations ==<br />
<br />
This section allows to discover what kind of interaction might be typically expected by users with prior experience of using 'artistic' applications that rely on sliders for controlling values.<br />
<br />
=== Executive summary ===<br />
<br />
'''Is there a single most common implementation people expect?'''<br />
<br />
'''Is GIMP's current implementation matched by any other application?'''<br />
<br />
As far as we can tell, not. In fact, Inkscape developers, who reused our slider widget, specifically got rid of the horizontal separation and introduced key modifiers instead.<br />
<br />
=== Krita ===<br />
<br />
[[File:Krita-4-2-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Constraints = none<br />
<br />
Click to set to position = yes, right-click<br />
<br />
Mouse wheel = yes, default increment rate<br />
<br />
Numeric input = yes, right-click<br />
<br />
Increment buttons = yes, to the right of the slider<br />
<br />
=== MyPaint ===<br />
<br />
[[File:Mypaint-2-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = yes<br />
<br />
Mouse wheel = yes, default increment rate<br />
<br />
Increment buttons = none<br />
<br />
Constraints = none<br />
<br />
Numeric input = none (value only displayed in the advanced brush settings dialog, not editable)<br />
<br />
=== AzPainter ===<br />
<br />
[[File:Azpainter-2-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Ctrl + Drag = smaller increment<br />
<br />
Click to set to position = yes<br />
<br />
Mouse wheel = no<br />
<br />
Numeric input = no<br />
<br />
Increment buttons = yes, to the right of the entry field<br />
<br />
=== Inkscape ===<br />
<br />
[[File:Inkscape-1-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt + Drag = smaller increment<br />
<br />
Ctrl + Drag = Constraint to a step of 10<br />
<br />
Click to set to position = yes<br />
<br />
Mouse wheel = yes, smaller increment rate<br />
<br />
Numeric input = yes, by editing an entry field next to the slider<br />
<br />
Increment buttons = yes, to the right of the entry field<br />
<br />
=== Blender ===<br />
<br />
[[File:Blender-2-80-sliders.png]]<br />
<br />
The label is to the left of the slider, outside.<br />
<br />
Drag = default increment<br />
<br />
Ctrl + Drag = constraint to a large step<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = no, enables numeric input instead<br />
<br />
Numeric input = yes, by single/double-clicking inside the slider, autoselects all digits<br />
<br />
Mouse wheel = yes, default increment, only with Ctrl modifier<br />
<br />
Increment buttons = yes, to the left (decrease) and to the right (increase), visible only on hover (not always available though)<br />
<br />
=== Affinity Photo ===<br />
<br />
[[File:Affinity-photo-1-6-5-sliders-1.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt / Ctrl / Shift + Drag = smaller increment<br />
<br />
Click to set value = yes<br />
<br />
Numeric input = clicking on the field autoselects all digits<br />
<br />
Increment buttons = no<br />
<br />
Mouse wheel = yes, default increment, only above numeric input fields<br />
<br />
The modifier works only in some dialogs (e.g. yes for Split Toning, no for advanced brush settings). Maybe a bug?<br />
<br />
=== Adobe Photoshop (CS6) ===<br />
<br />
[[File:Photoshop-cs6-color-mixer-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt / Ctrl / Shift + Drag = doesn't do anything<br />
<br />
Click to set value = yes<br />
<br />
Numeric input = clicking on the field place the cursor next to the value (no autoselection)<br />
<br />
Increment buttons = no<br />
<br />
Mouse wheel = yes, default increment<br />
<br />
Shift + Mouse wheel = constraint to 10 (at least, in some use cases)<br />
<br />
For some use cases (e.g. Gaussian blur), Photoshop seems to divide the slider into two parts where increment gets increased towards the end.<br />
<br />
=== Kdenlive ===<br />
<br />
While Ardour is a non-linear video editor, it extensively uses sliders to control effects.<br />
<br />
=== Ardour ===<br />
<br />
While Ardour is a digital audio workstation rather than a graphics app, it extensively uses sliders, especially when rendering host UI for plug-ins (instead of native plugins UI where applicable).</div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_slider_redesign&diff=2579Work in progress on slider redesign2019-01-27T11:45:43Z<p>Prokoudine: /* AzPainter */</p>
<hr />
<div>This WIP page focuses on issues users have with the current implementation of sliders used in tools' and filters' options, researches alternative implementations, and suggests redesign options.<br />
<br />
== Current design rationale ==<br />
<br />
The current implementation of sliders was designed to solve a problem of single-rate linear sliders when making small adjustments down low, like changing from a 5-pixel brush to a 7-pixel brush.<br />
<br />
The solution was to separate the slider area vertically into two parts:<br />
<br />
'''Upper part'''. Uses default increment rate, supports the click-to-set-new-value interaction, supports mouse wheel incrementing at the default increment rate.<br />
<br />
'''Lower part''''. Uses a smaller increment rate, doesn't support the click-to-set-new-value interaction, supports mouse wheel incrementing at a smaller increment rate.<br />
<br />
Numeric input was merged into the slider area, at the right side.<br />
<br />
Increment buttons, operating with default increment rate, were preserved and put to the right of the slider area.<br />
<br />
== Issues ==<br />
<br />
'''Executive summary''': the current implementation of the slider is not obvious, makes numeric input difficult, and takes too much space on the screen.<br />
<br />
Common issues with the current sliders as pointed out by users online:<br />
<br />
* The split of the slider area for small/large changes separation is '''not obvious'''. People only figure it out when specifically told about it.<br />
* '''Numeric input is too difficult''' to use. The area is inside the slider, so it clashes with the slider. It's also very small, hence changing the value completely (e.g. from 123.7 to 300) means having to make a very fine hand movement to select all of the digits, then press Del, then input new digits.<br />
* The widget '''occupies twice the size of the vertical space''' of slider widgets found in most other applications because it has to provide a high enough area for both the 'fine adjustments" and the 'large adjustments' parts of the slider to make the widget usable at all. This means '''users see a lot fewer controls on the screen and have to scroll''' for more.<br />
<br />
== Types of interaction ==<br />
<br />
Sliders generally support several types of interaction.<br />
<br />
=== Incrementing by dragging left and right ===<br />
<br />
There are generally three subtypes:<br />
<br />
# Default incrementing. Uses default increment rate, default input device sensitivity, no constraints.<br />
# Incrementing with lowered sensitivity of input device to slow it down and thus allow making smaller increments using same force.<br />
# Constrained incrementing. Uses a step of X units or X power of default increment rate to allow making faster increments (e.g. increment opacity by 10% for each change until it reaches either 0 or 100).<br />
<br />
=== Incrementing by mouse wheel ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Incrementing by buttons ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Setting new value by clicking in the respective position ===<br />
<br />
Allows quickly setting a value that's just about right, but might need some tweaking.<br />
<br />
=== Numeric input ===<br />
<br />
Allows setting precise value.<br />
<br />
== Existing implementations ==<br />
<br />
This section allows to discover what kind of interaction might be typically expected by users with prior experience of using 'artistic' applications that rely on sliders for controlling values.<br />
<br />
=== Executive summary ===<br />
<br />
'''Is there a single most common implementation people expect?'''<br />
<br />
'''Is GIMP's current implementation matched by any other application?'''<br />
<br />
As far as we can tell, not. In fact, Inkscape developers, who reused our slider widget, specifically got rid of the horizontal separation and introduced key modifiers instead.<br />
<br />
=== Krita ===<br />
<br />
[[File:Krita-4-2-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Constraints = none<br />
<br />
Click to set to position = yes, right-click<br />
<br />
Mouse wheel = yes, default increment rate<br />
<br />
Numeric input = yes, right-click<br />
<br />
Increment buttons = yes, to the right of the slider<br />
<br />
=== MyPaint ===<br />
<br />
[[File:Mypaint-2-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = yes<br />
<br />
Mouse wheel = yes, default increment rate<br />
<br />
Increment buttons = none<br />
<br />
Constraints = none<br />
<br />
Numeric input = none (value only displayed in the advanced brush settings dialog, not editable)<br />
<br />
=== AzPainter ===<br />
<br />
[[File:Azpainter-2-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Ctrl + Drag = smaller increment<br />
<br />
Click to set to position = yes<br />
<br />
Mouse wheel = no<br />
<br />
Numeric input = no<br />
<br />
Increment buttons = yes, to the right of the entry field<br />
<br />
=== Inkscape ===<br />
<br />
[[File:Inkscape-1-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt + Drag = smaller increment<br />
<br />
Ctrl + Drag = Constraint to a step of 10<br />
<br />
Click to set to position = yes<br />
<br />
Mouse wheel = yes, smaller increment rate<br />
<br />
Numeric input = yes, by editing an entry field next to the slider<br />
<br />
Increment buttons = yes, to the right of the entry field<br />
<br />
=== Blender ===<br />
<br />
[[File:Blender-2-80-sliders.png]]<br />
<br />
The label is to the left of the slider, outside.<br />
<br />
Drag = default increment<br />
<br />
Ctrl + Drag = constraint to a large step<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = no, enables numeric input instead<br />
<br />
Numeric input = yes, by single/double-clicking inside the slider, autoselects all digits<br />
<br />
Mouse wheel = yes, default increment, only with Ctrl modifier<br />
<br />
Increment buttons = yes, to the left (decrease) and to the right (increase), visible only on hover (not always available though)<br />
<br />
=== Affinity Photo ===<br />
<br />
[[File:Affinity-photo-1-6-5-sliders-1.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt / Ctrl / Shift + Drag = smaller increment<br />
<br />
Click to set value = yes<br />
<br />
Numeric input = clicking on the field autoselects all digits<br />
<br />
Increment buttons = no<br />
<br />
Mouse wheel = yes, default increment, only above numeric input fields<br />
<br />
The modifier works only in some dialogs (e.g. yes for Split Toning, no for advanced brush settings). Maybe a bug?<br />
<br />
=== Adobe Photoshop (CS6) ===<br />
<br />
[[File:Photoshop-cs6-color-mixer-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt / Ctrl / Shift + Drag = doesn't do anything<br />
<br />
Click to set value = yes<br />
<br />
Numeric input = clicking on the field place the cursor next to the value (no autoselection)<br />
<br />
Increment buttons = no<br />
<br />
Mouse wheel = yes, default increment<br />
<br />
Shift + Mouse wheel = constraint to 10 (at least, in some use cases)<br />
<br />
For some use cases (e.g. Gaussian blur), Photoshop seems to divide the slider into two parts where increment gets increased towards the end.<br />
<br />
=== Kdenlive ===<br />
<br />
While Ardour is a non-linear video editor, it extensively uses sliders to control effects.<br />
<br />
=== Ardour ===<br />
<br />
While Ardour is a digital audio workstation rather than a graphics app, it extensively uses sliders, especially when rendering host UI for plug-ins (instead of native plugins UI where applicable).</div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Azpainter-2-sliders.png&diff=2578File:Azpainter-2-sliders.png2019-01-27T11:44:09Z<p>Prokoudine: </p>
<hr />
<div></div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_slider_redesign&diff=2577Work in progress on slider redesign2019-01-27T10:31:48Z<p>Prokoudine: /* Adobe Photoshop */</p>
<hr />
<div>This WIP page focuses on issues users have with the current implementation of sliders used in tools' and filters' options, researches alternative implementations, and suggests redesign options.<br />
<br />
== Current design rationale ==<br />
<br />
The current implementation of sliders was designed to solve a problem of single-rate linear sliders when making small adjustments down low, like changing from a 5-pixel brush to a 7-pixel brush.<br />
<br />
The solution was to separate the slider area vertically into two parts:<br />
<br />
'''Upper part'''. Uses default increment rate, supports the click-to-set-new-value interaction, supports mouse wheel incrementing at the default increment rate.<br />
<br />
'''Lower part''''. Uses a smaller increment rate, doesn't support the click-to-set-new-value interaction, supports mouse wheel incrementing at a smaller increment rate.<br />
<br />
Numeric input was merged into the slider area, at the right side.<br />
<br />
Increment buttons, operating with default increment rate, were preserved and put to the right of the slider area.<br />
<br />
== Issues ==<br />
<br />
'''Executive summary''': the current implementation of the slider is not obvious, makes numeric input difficult, and takes too much space on the screen.<br />
<br />
Common issues with the current sliders as pointed out by users online:<br />
<br />
* The split of the slider area for small/large changes separation is '''not obvious'''. People only figure it out when specifically told about it.<br />
* '''Numeric input is too difficult''' to use. The area is inside the slider, so it clashes with the slider. It's also very small, hence changing the value completely (e.g. from 123.7 to 300) means having to make a very fine hand movement to select all of the digits, then press Del, then input new digits.<br />
* The widget '''occupies twice the size of the vertical space''' of slider widgets found in most other applications because it has to provide a high enough area for both the 'fine adjustments" and the 'large adjustments' parts of the slider to make the widget usable at all. This means '''users see a lot fewer controls on the screen and have to scroll''' for more.<br />
<br />
== Types of interaction ==<br />
<br />
Sliders generally support several types of interaction.<br />
<br />
=== Incrementing by dragging left and right ===<br />
<br />
There are generally three subtypes:<br />
<br />
# Default incrementing. Uses default increment rate, default input device sensitivity, no constraints.<br />
# Incrementing with lowered sensitivity of input device to slow it down and thus allow making smaller increments using same force.<br />
# Constrained incrementing. Uses a step of X units or X power of default increment rate to allow making faster increments (e.g. increment opacity by 10% for each change until it reaches either 0 or 100).<br />
<br />
=== Incrementing by mouse wheel ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Incrementing by buttons ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Setting new value by clicking in the respective position ===<br />
<br />
Allows quickly setting a value that's just about right, but might need some tweaking.<br />
<br />
=== Numeric input ===<br />
<br />
Allows setting precise value.<br />
<br />
== Existing implementations ==<br />
<br />
This section allows to discover what kind of interaction might be typically expected by users with prior experience of using 'artistic' applications that rely on sliders for controlling values.<br />
<br />
=== Executive summary ===<br />
<br />
'''Is there a single most common implementation people expect?'''<br />
<br />
'''Is GIMP's current implementation matched by any other application?'''<br />
<br />
As far as we can tell, not. In fact, Inkscape developers, who reused our slider widget, specifically got rid of the horizontal separation and introduced key modifiers instead.<br />
<br />
=== Krita ===<br />
<br />
[[File:Krita-4-2-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Constraints = none<br />
<br />
Click to set to position = yes, right-click<br />
<br />
Mouse wheel = yes, default increment rate<br />
<br />
Numeric input = yes, right-click<br />
<br />
Increment buttons = yes, to the right of the slider<br />
<br />
=== MyPaint ===<br />
<br />
[[File:Mypaint-2-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = yes<br />
<br />
Mouse wheel = yes, default increment rate<br />
<br />
Increment buttons = none<br />
<br />
Constraints = none<br />
<br />
Numeric input = none (value only displayed in the advanced brush settings dialog, not editable)<br />
<br />
=== AzPainter ===<br />
<br />
=== Inkscape ===<br />
<br />
[[File:Inkscape-1-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt + Drag = smaller increment<br />
<br />
Ctrl + Drag = Constraint to a step of 10<br />
<br />
Click to set to position = yes<br />
<br />
Mouse wheel = yes, smaller increment rate<br />
<br />
Numeric input = yes, by editing an entry field next to the slider<br />
<br />
Increment buttons = yes, to the right of the entry field<br />
<br />
=== Blender ===<br />
<br />
[[File:Blender-2-80-sliders.png]]<br />
<br />
The label is to the left of the slider, outside.<br />
<br />
Drag = default increment<br />
<br />
Ctrl + Drag = constraint to a large step<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = no, enables numeric input instead<br />
<br />
Numeric input = yes, by single/double-clicking inside the slider, autoselects all digits<br />
<br />
Mouse wheel = yes, default increment, only with Ctrl modifier<br />
<br />
Increment buttons = yes, to the left (decrease) and to the right (increase), visible only on hover (not always available though)<br />
<br />
=== Affinity Photo ===<br />
<br />
[[File:Affinity-photo-1-6-5-sliders-1.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt / Ctrl / Shift + Drag = smaller increment<br />
<br />
Click to set value = yes<br />
<br />
Numeric input = clicking on the field autoselects all digits<br />
<br />
Increment buttons = no<br />
<br />
Mouse wheel = yes, default increment, only above numeric input fields<br />
<br />
The modifier works only in some dialogs (e.g. yes for Split Toning, no for advanced brush settings). Maybe a bug?<br />
<br />
=== Adobe Photoshop (CS6) ===<br />
<br />
[[File:Photoshop-cs6-color-mixer-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt / Ctrl / Shift + Drag = doesn't do anything<br />
<br />
Click to set value = yes<br />
<br />
Numeric input = clicking on the field place the cursor next to the value (no autoselection)<br />
<br />
Increment buttons = no<br />
<br />
Mouse wheel = yes, default increment<br />
<br />
Shift + Mouse wheel = constraint to 10 (at least, in some use cases)<br />
<br />
For some use cases (e.g. Gaussian blur), Photoshop seems to divide the slider into two parts where increment gets increased towards the end.<br />
<br />
=== Kdenlive ===<br />
<br />
While Ardour is a non-linear video editor, it extensively uses sliders to control effects.<br />
<br />
=== Ardour ===<br />
<br />
While Ardour is a digital audio workstation rather than a graphics app, it extensively uses sliders, especially when rendering host UI for plug-ins (instead of native plugins UI where applicable).</div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Photoshop-cs6-color-mixer-sliders.png&diff=2576File:Photoshop-cs6-color-mixer-sliders.png2019-01-27T10:31:22Z<p>Prokoudine: Ps CS6 Color Mixer in Russian</p>
<hr />
<div>Ps CS6 Color Mixer in Russian</div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_slider_redesign&diff=2575Work in progress on slider redesign2019-01-25T16:33:23Z<p>Prokoudine: /* Existing implementations */</p>
<hr />
<div>This WIP page focuses on issues users have with the current implementation of sliders used in tools' and filters' options, researches alternative implementations, and suggests redesign options.<br />
<br />
== Current design rationale ==<br />
<br />
The current implementation of sliders was designed to solve a problem of single-rate linear sliders when making small adjustments down low, like changing from a 5-pixel brush to a 7-pixel brush.<br />
<br />
The solution was to separate the slider area vertically into two parts:<br />
<br />
'''Upper part'''. Uses default increment rate, supports the click-to-set-new-value interaction, supports mouse wheel incrementing at the default increment rate.<br />
<br />
'''Lower part''''. Uses a smaller increment rate, doesn't support the click-to-set-new-value interaction, supports mouse wheel incrementing at a smaller increment rate.<br />
<br />
Numeric input was merged into the slider area, at the right side.<br />
<br />
Increment buttons, operating with default increment rate, were preserved and put to the right of the slider area.<br />
<br />
== Issues ==<br />
<br />
'''Executive summary''': the current implementation of the slider is not obvious, makes numeric input difficult, and takes too much space on the screen.<br />
<br />
Common issues with the current sliders as pointed out by users online:<br />
<br />
* The split of the slider area for small/large changes separation is '''not obvious'''. People only figure it out when specifically told about it.<br />
* '''Numeric input is too difficult''' to use. The area is inside the slider, so it clashes with the slider. It's also very small, hence changing the value completely (e.g. from 123.7 to 300) means having to make a very fine hand movement to select all of the digits, then press Del, then input new digits.<br />
* The widget '''occupies twice the size of the vertical space''' of slider widgets found in most other applications because it has to provide a high enough area for both the 'fine adjustments" and the 'large adjustments' parts of the slider to make the widget usable at all. This means '''users see a lot fewer controls on the screen and have to scroll''' for more.<br />
<br />
== Types of interaction ==<br />
<br />
Sliders generally support several types of interaction.<br />
<br />
=== Incrementing by dragging left and right ===<br />
<br />
There are generally three subtypes:<br />
<br />
# Default incrementing. Uses default increment rate, default input device sensitivity, no constraints.<br />
# Incrementing with lowered sensitivity of input device to slow it down and thus allow making smaller increments using same force.<br />
# Constrained incrementing. Uses a step of X units or X power of default increment rate to allow making faster increments (e.g. increment opacity by 10% for each change until it reaches either 0 or 100).<br />
<br />
=== Incrementing by mouse wheel ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Incrementing by buttons ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Setting new value by clicking in the respective position ===<br />
<br />
Allows quickly setting a value that's just about right, but might need some tweaking.<br />
<br />
=== Numeric input ===<br />
<br />
Allows setting precise value.<br />
<br />
== Existing implementations ==<br />
<br />
This section allows to discover what kind of interaction might be typically expected by users with prior experience of using 'artistic' applications that rely on sliders for controlling values.<br />
<br />
=== Executive summary ===<br />
<br />
'''Is there a single most common implementation people expect?'''<br />
<br />
'''Is GIMP's current implementation matched by any other application?'''<br />
<br />
As far as we can tell, not. In fact, Inkscape developers, who reused our slider widget, specifically got rid of the horizontal separation and introduced key modifiers instead.<br />
<br />
=== Krita ===<br />
<br />
[[File:Krita-4-2-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Constraints = none<br />
<br />
Click to set to position = yes, right-click<br />
<br />
Mouse wheel = yes, default increment rate<br />
<br />
Numeric input = yes, right-click<br />
<br />
Increment buttons = yes, to the right of the slider<br />
<br />
=== MyPaint ===<br />
<br />
[[File:Mypaint-2-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = yes<br />
<br />
Mouse wheel = yes, default increment rate<br />
<br />
Increment buttons = none<br />
<br />
Constraints = none<br />
<br />
Numeric input = none (value only displayed in the advanced brush settings dialog, not editable)<br />
<br />
=== AzPainter ===<br />
<br />
=== Inkscape ===<br />
<br />
[[File:Inkscape-1-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt + Drag = smaller increment<br />
<br />
Ctrl + Drag = Constraint to a step of 10<br />
<br />
Click to set to position = yes<br />
<br />
Mouse wheel = yes, smaller increment rate<br />
<br />
Numeric input = yes, by editing an entry field next to the slider<br />
<br />
Increment buttons = yes, to the right of the entry field<br />
<br />
=== Blender ===<br />
<br />
[[File:Blender-2-80-sliders.png]]<br />
<br />
The label is to the left of the slider, outside.<br />
<br />
Drag = default increment<br />
<br />
Ctrl + Drag = constraint to a large step<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = no, enables numeric input instead<br />
<br />
Numeric input = yes, by single/double-clicking inside the slider, autoselects all digits<br />
<br />
Mouse wheel = yes, default increment, only with Ctrl modifier<br />
<br />
Increment buttons = yes, to the left (decrease) and to the right (increase), visible only on hover (not always available though)<br />
<br />
=== Affinity Photo ===<br />
<br />
[[File:Affinity-photo-1-6-5-sliders-1.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt / Ctrl / Shift + Drag = smaller increment<br />
<br />
Click to set value = yes<br />
<br />
Numeric input = clicking on the field autoselects all digits<br />
<br />
Increment buttons = no<br />
<br />
Mouse wheel = yes, default increment, only above numeric input fields<br />
<br />
The modifier works only in some dialogs (e.g. yes for Split Toning, no for advanced brush settings). Maybe a bug?<br />
<br />
=== Adobe Photoshop ===<br />
<br />
=== Kdenlive ===<br />
<br />
While Ardour is a non-linear video editor, it extensively uses sliders to control effects.<br />
<br />
=== Ardour ===<br />
<br />
While Ardour is a digital audio workstation rather than a graphics app, it extensively uses sliders, especially when rendering host UI for plug-ins (instead of native plugins UI where applicable).</div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_slider_redesign&diff=2574Work in progress on slider redesign2019-01-25T16:30:09Z<p>Prokoudine: Current design rationale</p>
<hr />
<div>This WIP page focuses on issues users have with the current implementation of sliders used in tools' and filters' options, researches alternative implementations, and suggests redesign options.<br />
<br />
== Current design rationale ==<br />
<br />
The current implementation of sliders was designed to solve a problem of single-rate linear sliders when making small adjustments down low, like changing from a 5-pixel brush to a 7-pixel brush.<br />
<br />
The solution was to separate the slider area vertically into two parts:<br />
<br />
'''Upper part'''. Uses default increment rate, supports the click-to-set-new-value interaction, supports mouse wheel incrementing at the default increment rate.<br />
<br />
'''Lower part''''. Uses a smaller increment rate, doesn't support the click-to-set-new-value interaction, supports mouse wheel incrementing at a smaller increment rate.<br />
<br />
Numeric input was merged into the slider area, at the right side.<br />
<br />
Increment buttons, operating with default increment rate, were preserved and put to the right of the slider area.<br />
<br />
== Issues ==<br />
<br />
'''Executive summary''': the current implementation of the slider is not obvious, makes numeric input difficult, and takes too much space on the screen.<br />
<br />
Common issues with the current sliders as pointed out by users online:<br />
<br />
* The split of the slider area for small/large changes separation is '''not obvious'''. People only figure it out when specifically told about it.<br />
* '''Numeric input is too difficult''' to use. The area is inside the slider, so it clashes with the slider. It's also very small, hence changing the value completely (e.g. from 123.7 to 300) means having to make a very fine hand movement to select all of the digits, then press Del, then input new digits.<br />
* The widget '''occupies twice the size of the vertical space''' of slider widgets found in most other applications because it has to provide a high enough area for both the 'fine adjustments" and the 'large adjustments' parts of the slider to make the widget usable at all. This means '''users see a lot fewer controls on the screen and have to scroll''' for more.<br />
<br />
== Types of interaction ==<br />
<br />
Sliders generally support several types of interaction.<br />
<br />
=== Incrementing by dragging left and right ===<br />
<br />
There are generally three subtypes:<br />
<br />
# Default incrementing. Uses default increment rate, default input device sensitivity, no constraints.<br />
# Incrementing with lowered sensitivity of input device to slow it down and thus allow making smaller increments using same force.<br />
# Constrained incrementing. Uses a step of X units or X power of default increment rate to allow making faster increments (e.g. increment opacity by 10% for each change until it reaches either 0 or 100).<br />
<br />
=== Incrementing by mouse wheel ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Incrementing by buttons ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Setting new value by clicking in the respective position ===<br />
<br />
Allows quickly setting a value that's just about right, but might need some tweaking.<br />
<br />
=== Numeric input ===<br />
<br />
Allows setting precise value.<br />
<br />
== Existing implementations ==<br />
<br />
=== Executive summary ===<br />
<br />
'''Is there a single most common implementation people expect?'''<br />
<br />
'''Is GIMP's current implementation matched by any other application?'''<br />
<br />
As far as we can tell, not. In fact, Inkscape developers, who reused our slider widget, specifically got rid of the horizontal separation and introduced key modifiers instead.<br />
<br />
=== Krita ===<br />
<br />
[[File:Krita-4-2-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Constraints = none<br />
<br />
Click to set to position = yes, right-click<br />
<br />
Mouse wheel = yes, default increment rate<br />
<br />
Numeric input = yes, right-click<br />
<br />
Increment buttons = yes, to the right of the slider<br />
<br />
=== MyPaint ===<br />
<br />
[[File:Mypaint-2-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = yes<br />
<br />
Mouse wheel = yes, default increment rate<br />
<br />
Increment buttons = none<br />
<br />
Constraints = none<br />
<br />
Numeric input = none (value only displayed in the advanced brush settings dialog, not editable)<br />
<br />
=== AzPainter ===<br />
<br />
=== Inkscape ===<br />
<br />
[[File:Inkscape-1-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt + Drag = smaller increment<br />
<br />
Ctrl + Drag = Constraint to a step of 10<br />
<br />
Click to set to position = yes<br />
<br />
Mouse wheel = yes, smaller increment rate<br />
<br />
Numeric input = yes, by editing an entry field next to the slider<br />
<br />
Increment buttons = yes, to the right of the entry field<br />
<br />
=== Blender ===<br />
<br />
[[File:Blender-2-80-sliders.png]]<br />
<br />
The label is to the left of the slider, outside.<br />
<br />
Drag = default increment<br />
<br />
Ctrl + Drag = constraint to a large step<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = no, enables numeric input instead<br />
<br />
Numeric input = yes, by single/double-clicking inside the slider, autoselects all digits<br />
<br />
Mouse wheel = yes, default increment, only with Ctrl modifier<br />
<br />
Increment buttons = yes, to the left (decrease) and to the right (increase), visible only on hover (not always available though)<br />
<br />
=== Affinity Photo ===<br />
<br />
[[File:Affinity-photo-1-6-5-sliders-1.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt / Ctrl / Shift + Drag = smaller increment<br />
<br />
Click to set value = yes<br />
<br />
Numeric input = clicking on the field autoselects all digits<br />
<br />
Increment buttons = no<br />
<br />
Mouse wheel = yes, default increment, only above numeric input fields<br />
<br />
The modifier works only in some dialogs (e.g. yes for Split Toning, no for advanced brush settings). Maybe a bug?<br />
<br />
=== Adobe Photoshop ===<br />
<br />
=== Kdenlive ===<br />
<br />
While Ardour is a non-linear video editor, it extensively uses sliders to control effects.<br />
<br />
=== Ardour ===<br />
<br />
While Ardour is a digital audio workstation rather than a graphics app, it extensively uses sliders, especially when rendering host UI for plug-ins (instead of native plugins UI where applicable).</div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_slider_redesign&diff=2573Work in progress on slider redesign2019-01-25T16:22:01Z<p>Prokoudine: /* Existing implementations */</p>
<hr />
<div>This WIP page focuses on issues users have with the current implementation of sliders used in tools' and filters' options, researches alternative implementations, and suggests redesign options.<br />
<br />
== Issues ==<br />
<br />
'''Executive summary''': the current implementation of the slider is not obvious, makes numeric input difficult, and takes too much space on the screen.<br />
<br />
Common issues with the current sliders as pointed out by users online:<br />
<br />
* The split of the slider area for small/large changes separation is '''not obvious'''. People only figure it out when specifically told about it.<br />
* '''Numeric input is too difficult''' to use. The area is inside the slider, so it clashes with the slider. It's also very small, hence changing the value completely (e.g. from 123.7 to 300) means having to make a very fine hand movement to select all of the digits, then press Del, then input new digits.<br />
* The widget '''occupies twice the size of the vertical space''' of slider widgets found in most other applications because it has to provide a high enough area for both the 'fine adjustments" and the 'large adjustments' parts of the slider to make the widget usable at all. This means '''users see a lot fewer controls on the screen and have to scroll''' for more.<br />
<br />
== Types of interaction ==<br />
<br />
Sliders generally support several types of behavior.<br />
<br />
=== Incrementing by dragging left and right ===<br />
<br />
There are generally three subtypes:<br />
<br />
# Default incrementing. Uses default increment rate, default input device sensitivity, no constraints.<br />
# Incrementing with lowered sensitivity of input device to slow it down and thus allow making smaller increments using same force.<br />
# Constrained incrementing. Uses a step of X units or X power of default increment rate to allow making faster increments (e.g. increment opacity by 10% for each change until it reaches either 0 or 100).<br />
<br />
=== Incrementing by mouse wheel ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Incrementing by buttons ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Setting new value by clicking in the respective position ===<br />
<br />
Allows quickly setting a value that's just about right, but might need some tweaking.<br />
<br />
=== Numeric input ===<br />
<br />
Allows setting precise value.<br />
<br />
== Existing implementations ==<br />
<br />
=== Executive summary ===<br />
<br />
'''Is there a single most common implementation people expect?'''<br />
<br />
'''Is GIMP's current implementation matched by any other application?'''<br />
<br />
As far as we can tell, not. In fact, Inkscape developers, who reused our slider widget, specifically got rid of the horizontal separation and introduced key modifiers instead.<br />
<br />
=== Krita ===<br />
<br />
[[File:Krita-4-2-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Constraints = none<br />
<br />
Click to set to position = yes, right-click<br />
<br />
Mouse wheel = yes, default increment rate<br />
<br />
Numeric input = yes, right-click<br />
<br />
Increment buttons = yes, to the right of the slider<br />
<br />
=== MyPaint ===<br />
<br />
[[File:Mypaint-2-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = yes<br />
<br />
Mouse wheel = yes, default increment rate<br />
<br />
Increment buttons = none<br />
<br />
Constraints = none<br />
<br />
Numeric input = none (value only displayed in the advanced brush settings dialog, not editable)<br />
<br />
=== AzPainter ===<br />
<br />
=== Inkscape ===<br />
<br />
[[File:Inkscape-1-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt + Drag = smaller increment<br />
<br />
Ctrl + Drag = Constraint to a step of 10<br />
<br />
Click to set to position = yes<br />
<br />
Mouse wheel = yes, smaller increment rate<br />
<br />
Numeric input = yes, by editing an entry field next to the slider<br />
<br />
Increment buttons = yes, to the right of the entry field<br />
<br />
=== Blender ===<br />
<br />
[[File:Blender-2-80-sliders.png]]<br />
<br />
The label is to the left of the slider, outside.<br />
<br />
Drag = default increment<br />
<br />
Ctrl + Drag = constraint to a large step<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = no, enables numeric input instead<br />
<br />
Numeric input = yes, by single/double-clicking inside the slider, autoselects all digits<br />
<br />
Mouse wheel = yes, default increment, only with Ctrl modifier<br />
<br />
Increment buttons = yes, to the left (decrease) and to the right (increase), visible only on hover (not always available though)<br />
<br />
=== Affinity Photo ===<br />
<br />
[[File:Affinity-photo-1-6-5-sliders-1.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt / Ctrl / Shift + Drag = smaller increment<br />
<br />
Click to set value = yes<br />
<br />
Numeric input = clicking on the field autoselects all digits<br />
<br />
Increment buttons = no<br />
<br />
Mouse wheel = yes, default increment, only above numeric input fields<br />
<br />
The modifier works only in some dialogs (e.g. yes for Split Toning, no for advanced brush settings). Maybe a bug?<br />
<br />
=== Adobe Photoshop ===<br />
<br />
=== Kdenlive ===<br />
<br />
While Ardour is a non-linear video editor, it extensively uses sliders to control effects.<br />
<br />
=== Ardour ===<br />
<br />
While Ardour is a digital audio workstation rather than a graphics app, it extensively uses sliders, especially when rendering host UI for plug-ins (instead of native plugins UI where applicable).</div>Prokoudinehttps://gui.gimp.org/index.php?title=File:Krita-4-2-0-sliders.png&diff=2572File:Krita-4-2-0-sliders.png2019-01-25T16:17:24Z<p>Prokoudine: Sliders in Krita 4.2.0</p>
<hr />
<div>Sliders in Krita 4.2.0</div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_slider_redesign&diff=2571Work in progress on slider redesign2019-01-25T16:12:08Z<p>Prokoudine: /* MyPaint */</p>
<hr />
<div>This WIP page focuses on issues users have with the current implementation of sliders used in tools' and filters' options, researches alternative implementations, and suggests redesign options.<br />
<br />
== Issues ==<br />
<br />
'''Executive summary''': the current implementation of the slider is not obvious, makes numeric input difficult, and takes too much space on the screen.<br />
<br />
Common issues with the current sliders as pointed out by users online:<br />
<br />
* The split of the slider area for small/large changes separation is '''not obvious'''. People only figure it out when specifically told about it.<br />
* '''Numeric input is too difficult''' to use. The area is inside the slider, so it clashes with the slider. It's also very small, hence changing the value completely (e.g. from 123.7 to 300) means having to make a very fine hand movement to select all of the digits, then press Del, then input new digits.<br />
* The widget '''occupies twice the size of the vertical space''' of slider widgets found in most other applications because it has to provide a high enough area for both the 'fine adjustments" and the 'large adjustments' parts of the slider to make the widget usable at all. This means '''users see a lot fewer controls on the screen and have to scroll''' for more.<br />
<br />
== Types of interaction ==<br />
<br />
Sliders generally support several types of behavior.<br />
<br />
=== Incrementing by dragging left and right ===<br />
<br />
There are generally three subtypes:<br />
<br />
# Default incrementing. Uses default increment rate, default input device sensitivity, no constraints.<br />
# Incrementing with lowered sensitivity of input device to slow it down and thus allow making smaller increments using same force.<br />
# Constrained incrementing. Uses a step of X units or X power of default increment rate to allow making faster increments (e.g. increment opacity by 10% for each change until it reaches either 0 or 100).<br />
<br />
=== Incrementing by mouse wheel ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Incrementing by buttons ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Setting new value by clicking in the respective position ===<br />
<br />
Allows quickly setting a value that's just about right, but might need some tweaking.<br />
<br />
=== Numeric input ===<br />
<br />
Allows setting precise value.<br />
<br />
== Existing implementations ==<br />
<br />
=== Executive summary ===<br />
<br />
'''Is there a single most common implementation people expect?'''<br />
<br />
'''Is GIMP's current implementation matched by any other application?'''<br />
<br />
As far as we can tell, not. In fact, Inkscape developers, who reused our slider widget, specifically got rid of the horizontal separation and introduced key modifiers instead.<br />
<br />
=== Krita ===<br />
<br />
=== MyPaint ===<br />
<br />
[[File:Mypaint-2-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = yes<br />
<br />
Mouse wheel = yes, default increment rate<br />
<br />
Increment buttons = none<br />
<br />
Constraints = none<br />
<br />
Numeric input = none (value only displayed in the advanced brush settings dialog, not editable)<br />
<br />
=== AzPainter ===<br />
<br />
=== Inkscape ===<br />
<br />
[[File:Inkscape-1-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt + Drag = smaller increment<br />
<br />
Ctrl + Drag = Constraint to a step of 10<br />
<br />
Click to set to position = yes<br />
<br />
Numeric input = by editing an entry field next to the slider<br />
<br />
Increment buttons = to the right of the entry field<br />
<br />
=== Blender ===<br />
<br />
[[File:Blender-2-80-sliders.png]]<br />
<br />
The label is to the left of the slider, outside.<br />
<br />
Drag = default increment<br />
<br />
Ctrl + Drag = constraint to a large step<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = no, enables numeric input instead<br />
<br />
Numeric input = by single/double-clicking inside the slider, autoselects all digits<br />
<br />
Mouse wheel = yes, default increment, only with Ctrl modifier<br />
<br />
Increment buttons = to the left (decrease) and to the right (increase), visible only on hover (not always available though)<br />
<br />
=== Affinity Photo ===<br />
<br />
[[File:Affinity-photo-1-6-5-sliders-1.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt / Ctrl / Shift + Drag = smaller increment<br />
<br />
Click to set value = yes<br />
<br />
Numeric input = clicking on the field autoselects all digits<br />
<br />
Increment buttons = no<br />
<br />
Mouse wheel = yes, default increment, only above numeric input fields<br />
<br />
The modifier works only in some dialogs (e.g. yes for Split Toning, no for advanced brush settings). Maybe a bug?<br />
<br />
=== Adobe Photoshop ===<br />
<br />
=== Kdenlive ===<br />
<br />
While Ardour is a non-linear video editor, it extensively uses sliders to control effects.<br />
<br />
=== Ardour ===<br />
<br />
While Ardour is a digital audio workstation rather than a graphics app, it extensively uses sliders, especially when rendering host UI for plug-ins (instead of native plugins UI where applicable).</div>Prokoudinehttps://gui.gimp.org/index.php?title=Work_in_progress_on_slider_redesign&diff=2570Work in progress on slider redesign2019-01-25T16:07:55Z<p>Prokoudine: /* Existing implementations */</p>
<hr />
<div>This WIP page focuses on issues users have with the current implementation of sliders used in tools' and filters' options, researches alternative implementations, and suggests redesign options.<br />
<br />
== Issues ==<br />
<br />
'''Executive summary''': the current implementation of the slider is not obvious, makes numeric input difficult, and takes too much space on the screen.<br />
<br />
Common issues with the current sliders as pointed out by users online:<br />
<br />
* The split of the slider area for small/large changes separation is '''not obvious'''. People only figure it out when specifically told about it.<br />
* '''Numeric input is too difficult''' to use. The area is inside the slider, so it clashes with the slider. It's also very small, hence changing the value completely (e.g. from 123.7 to 300) means having to make a very fine hand movement to select all of the digits, then press Del, then input new digits.<br />
* The widget '''occupies twice the size of the vertical space''' of slider widgets found in most other applications because it has to provide a high enough area for both the 'fine adjustments" and the 'large adjustments' parts of the slider to make the widget usable at all. This means '''users see a lot fewer controls on the screen and have to scroll''' for more.<br />
<br />
== Types of interaction ==<br />
<br />
Sliders generally support several types of behavior.<br />
<br />
=== Incrementing by dragging left and right ===<br />
<br />
There are generally three subtypes:<br />
<br />
# Default incrementing. Uses default increment rate, default input device sensitivity, no constraints.<br />
# Incrementing with lowered sensitivity of input device to slow it down and thus allow making smaller increments using same force.<br />
# Constrained incrementing. Uses a step of X units or X power of default increment rate to allow making faster increments (e.g. increment opacity by 10% for each change until it reaches either 0 or 100).<br />
<br />
=== Incrementing by mouse wheel ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Incrementing by buttons ===<br />
<br />
Typically uses default increment rate.<br />
<br />
=== Setting new value by clicking in the respective position ===<br />
<br />
Allows quickly setting a value that's just about right, but might need some tweaking.<br />
<br />
=== Numeric input ===<br />
<br />
Allows setting precise value.<br />
<br />
== Existing implementations ==<br />
<br />
=== Executive summary ===<br />
<br />
'''Is there a single most common implementation people expect?'''<br />
<br />
'''Is GIMP's current implementation matched by any other application?'''<br />
<br />
As far as we can tell, not. In fact, Inkscape developers, who reused our slider widget, specifically got rid of the horizontal separation and introduced key modifiers instead.<br />
<br />
=== Krita ===<br />
<br />
=== MyPaint ===<br />
<br />
[[File:Mypaint-2-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = yes<br />
<br />
Increment buttons = none<br />
<br />
Constraints = none<br />
<br />
Numeric input = none (value only displayed in the advanced brush settings dialog, not editable)<br />
<br />
=== AzPainter ===<br />
<br />
=== Inkscape ===<br />
<br />
[[File:Inkscape-1-0-sliders.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt + Drag = smaller increment<br />
<br />
Ctrl + Drag = Constraint to a step of 10<br />
<br />
Click to set to position = yes<br />
<br />
Numeric input = by editing an entry field next to the slider<br />
<br />
Increment buttons = to the right of the entry field<br />
<br />
=== Blender ===<br />
<br />
[[File:Blender-2-80-sliders.png]]<br />
<br />
The label is to the left of the slider, outside.<br />
<br />
Drag = default increment<br />
<br />
Ctrl + Drag = constraint to a large step<br />
<br />
Shift + Drag = smaller increment<br />
<br />
Click to set to position = no, enables numeric input instead<br />
<br />
Numeric input = by single/double-clicking inside the slider, autoselects all digits<br />
<br />
Mouse wheel = yes, default increment, only with Ctrl modifier<br />
<br />
Increment buttons = to the left (decrease) and to the right (increase), visible only on hover (not always available though)<br />
<br />
=== Affinity Photo ===<br />
<br />
[[File:Affinity-photo-1-6-5-sliders-1.png]]<br />
<br />
Drag = default increment<br />
<br />
Alt / Ctrl / Shift + Drag = smaller increment<br />
<br />
Click to set value = yes<br />
<br />
Numeric input = clicking on the field autoselects all digits<br />
<br />
Increment buttons = no<br />
<br />
Mouse wheel = yes, default increment, only above numeric input fields<br />
<br />
The modifier works only in some dialogs (e.g. yes for Split Toning, no for advanced brush settings). Maybe a bug?<br />
<br />
=== Adobe Photoshop ===<br />
<br />
=== Kdenlive ===<br />
<br />
While Ardour is a non-linear video editor, it extensively uses sliders to control effects.<br />
<br />
=== Ardour ===<br />
<br />
While Ardour is a digital audio workstation rather than a graphics app, it extensively uses sliders, especially when rendering host UI for plug-ins (instead of native plugins UI where applicable).</div>Prokoudine