[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y ] [Home]
4chanarchives logo
GUI Layout
Images are sometimes not shown due to bandwidth/network limitations. Refreshing the page usually helps.

You are currently reading a thread in /g/ - Technology

Thread replies: 16
Thread images: 5
File: layout.png (17 KB, 800x600) Image search: [Google]
layout.png
17 KB, 800x600
Is this a good layout for an MS Paint equivalent?
If not, why?

Does it allow for extensions?
>>
>>54320641
Help the krita project instead of starting your own.
Also GUI is more /gd/ than /g/
>>
>>54320641
green is my pepper
>>
>>54320673
>krita
>paint equivalent
>>
>>54320680
>gimp
>paint equivalent
>>
>>54320641
That's pretty much the layout of half the paint programs out there.

You might consider putting the color and palette at the bottom. That way the user doesn't have to mouse over it to access the menu, avoiding potential misclicks.

Then your GUI will look like the other half the paint programs not included in my first statement.
>>
>>54320794
Thanks anon, that was the first helpful and actually thoughtful comment in this thread.
>>
File: superior_ui.png (23 KB, 1024x768) Image search: [Google]
superior_ui.png
23 KB, 1024x768
>>54320641
Here's a superior ui
Most controlling is done with the terminal and keyboard controls
>>
>>54321073
kek
>>
>>54320641
As long as the sidebars on the left can be undocked and minimised (perhaps with a keyboard shortcut to toggle it off/on, very useful IMO) i'm ok with it. Make sure the user can choose which toolsets appear in each element as well.
>>
>>54321102
You mean you would want completely dockable tools?
>>
File: 1462099426631.png (18 KB, 800x600) Image search: [Google]
1462099426631.png
18 KB, 800x600
>>54321122
I assume your UI would work like pic related. Dark blue is a tool selection sidebar, light blue is a config box that changes depending on the tool selected.

To save horizontal real estate I would want options to have that entire sidebar (dark blue) either docked to the edge of the window or free floating, with minimise options for both modes. If minimised, have it pop up when you press a shortcut for a tool (so "b" would open the sidebar with the Bucket tool selected) then disappear after a timeout or toolswitch.

As I say, this is purely to save horizontal space, but I have always found UI's that allow me to do this (and tweak around generally with behaviours) to be much friendlier to use.
>>
>>54321232
Noted. Thanks!
>>
File: seashore.png (112 KB, 730x547) Image search: [Google]
seashore.png
112 KB, 730x547
You might also consider the utility/necessity of having a palette present. It would then free up the space for your drawing window or some other tools or information. The more casual you want the paint program to be, the more likely you'll probably want it present.

Many programs just show the foreground and background colors and pop up a selection dialog when you click on them.
>>
>>54322365
>It would then free up the space for your drawing window or some other tools or information.
Good point, I might put information like mouse position and image size there.
>>
File: macpaint.png (5 KB, 509x355) Image search: [Google]
macpaint.png
5 KB, 509x355
>>54322416
Image size you can put into the window title bar, since that statistic generally doesn't change.

And what is the target of your paint program? How casual or serious do you want it to be? Are detailed statistics something casual doodlers care about? Try looking up other paint applications and see what they present in their base interfaces.
Thread replies: 16
Thread images: 5

banner
banner
[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y] [Home]

All trademarks and copyrights on this page are owned by their respective parties. Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.
If a post contains personal/copyrighted/illegal content you can contact me at [email protected] with that post and thread number and it will be removed as soon as possible.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com, send takedown notices to them.
This is a 4chan archive - all of the content originated from them. If you need IP information for a Poster - you need to contact them. This website shows only archived content.