Jump to content

Krita/Community Mockups and Wishlist: Difference between revisions

From KDE Community Wiki
Halla (talk | contribs)
Created page with '== About == This page is a place for storing long term plans, suggested by users, mock-ups, wish lists. They are not official plans for Krita, but they can be. ;) == UI design ...'
 
Adamce (talk | contribs)
 
(One intermediate revision by the same user not shown)
Line 28: Line 28:
It a place where basic options for tools will be shown.
It a place where basic options for tools will be shown.


=Brush tool=
== Brush tool ==


[[Image:Tool_bar.png]]
[[Image:Tool_bar.png]]
Line 103: Line 103:
# Widgets are white on darker back ground and black on brighter background
# Widgets are white on darker back ground and black on brighter background


=== Color selector Types ===
Color selector types and varieties. Paint Tools SAI haves additional V-HSV model, if someone knows something about them please contact me, for example on Krita IRC.
Color selector types and varieties. Paint Tools SAI haves additional V-HSV model, if someone knows something about them please contact me, for example on Krita IRC.



Latest revision as of 11:01, 12 July 2010

About

This page is a place for storing long term plans, suggested by users, mock-ups, wish lists. They are not official plans for Krita, but they can be. ;)

UI design hints

  1. Allow easy and fast access to most used/useful tools. Make more space for them, by moving not as "popular" tools to menus and drop-down lists.
  2. More icons, less text.
  3. More simple visual informations for user. For example new slider widget, suggested by Peter Sikking.
  4. Two columns, it will make more space for needed sub-windows and tools. If someone wants more space for canvas, or he don't need one column, he should be able to delete it. Make hide windows option (ctrl + h) more exposed to user, it's useful if user wants more space for canvas, but needs two columns.
  5. Bigger contrasts. Better options organization, placement and separation. Help user to find landmarks on UI for better flow in working with UI, less time consumed by searching needed tool or option.
  6. User selectable color schemes, for more comfortable and efficient work with visual data. Example Kdenlive 7.7


First UI mockups/sketches

Default Krita window WIP #3

Menu

Tool box

Tool bar

It a place where basic options for tools will be shown.

Brush tool

  1. Tool stroke type, you can change type of stroke for tool using this drop down menu. Default should me free hand and under SHIFT + Mouse action the strait line stroke
  2. Brush Engines
  3. Options for Brush Ops
  4. Blending mode for brush
  5. Opacity
  6. "Flow" not yet supported, its and additional option for better control over opacity
  7. Sizes for brushes
    • If user want good and fast control over brush he should use hot-kays
    • Here he can type the size for brush form keyboard
    • There is also drop down menu, with fixed sizes, if user wants to use always the same sizes (like in real life painting) he can easy use these
    • The fixed sizes should by manageable by user in preferences or in different way
  8. Stroke smoothing options
    • Smooths tracking of hand Option from 0-? (range form 0 to 15 will probably be the best)
    • Smooths tracking and adds delay for brush tip (brushes with long bristle make similar effect)
    • The sizes are fixed because there is no need for better control the user will not see the difference, menu is more readable,

Canvas

Canvas bar

Color selection and sampling

Color selector mockup


Many artists have different habits for color picking or they would be happy to use different color selectors. Some color selectors are better in some tasks.

  1. Color selector docker, with three menus, for three selector types and available varieties for them
    1. Rings with pickers, thanks to color ring artists can see color relations and it haves simple color picker with saturation, hue and value/lightness
      • HSL Triangle
      • HSL Square
      • HSV
    2. Square, saves a lot of space for color picker and many digital artists are familiar with it
      • HSV
      • SHV
      • VHS
      • HSL
      • SHL
      • LHS
      • RGB
      • GRB
      • BRG
      • Lab (additionally)
      • aLb (additionally)
      • bLa (additionally)
    3. Wheel, its the most traditional approach for color selection, because its very similar to traditional color wheel
      • SHV
      • VHS
      • SHL
      • LHS
  2. Color sampler (works not only for color selector)
  3. Menu, with additional options
    1. Color harmonies
      • Analogous
      • Complimentary
      • Split complimentary
      • Double complimentary
      • Square
      • Triadic
    2. Interact button toggles on/off option for interactive sliders (sliders are changing their color, like Gimp sliders)
    3. Color preview on/off
    4. CMYK control on/off
  4. Color preview, top square shows new color, bottom shows last used, for comparisons
  5. When color will go beyond CMYK color space the CMYK icon will be shown
  6. Middle gray background for better color perception
  7. Widgets are white on darker back ground and black on brighter background

Color selector Types

Color selector types and varieties. Paint Tools SAI haves additional V-HSV model, if someone knows something about them please contact me, for example on Krita IRC.



  1. Color pickers, for example triangle, are not rotating, it's distracting and not comfortable for user.
  2. Positions of color pickers should stay as they are on mockups (they rotations, position of black and white)


Color selector models

My experimental model for V-HSV, on left HSV on right V_HSV

Color sliders mockups


Color sliders should be separated docker from color selector docker, because some users like to have both at the same time. They are good detailed color preview. In menu, color preview on/off, CMYK control on/off It can be good idea to have color harmonies for sliders and of course interactive sliders option.

Color sliders types

  • HSL
  • HSV
  • Lab (color selection based on color temperature)
  • RGB
  • CMYK
  • Grayscale (for real not needed, HSL/HSV with 0 saturations gives the same but it can be for fun xD )

Color harmonies

Additional feature. NOT MUST HAVE.



Mixing sliders

The idea behind this is to have a gradients mixing two colors (not only hues) as color picker.

  1. Color swatches here user can change color for mixing. User chooses color in for example in color selector and clicks here to "paste" this color
  2. Gradient. User by clicking on it picks the color, color depend on a place where he clicks

Layers

Preview

Brush Sets

tbc