Re: [Sugar-devel] [DESIGN] New color selector
On Sun, Jan 31, 2010 at 08:26:46AM -0800, Bert Freudenberg wrote: > On 31.01.2010, at 08:04, Sascha Silbe wrote: > > > > On Sun, Jan 31, 2010 at 02:54:14PM +, Aleksey Lim wrote: > > > >> I prefer > >> http://wiki.sugarlabs.org/go/Design_Team/0.88_Meeting#static_rows_with_separated_fill.2Fstroke > > I like that one best as well. > > Me too. > > How about a circular layout? I see here only one issue - if screen is not so big we should enlarge diameter or make color circulars smaller i.e. not so nice looking. In case of lines layout we can add optional scrolling > > - Bert - > > > ___ > Sugar-devel mailing list > Sugar-devel@lists.sugarlabs.org > http://lists.sugarlabs.org/listinfo/sugar-devel > -- Aleksey ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] New color selector
On Sun, Jan 31, 2010 at 05:04:26PM +0100, Sascha Silbe wrote: > On Sun, Jan 31, 2010 at 02:54:14PM +, Aleksey Lim wrote: > > > I prefer > > http://wiki.sugarlabs.org/go/Design_Team/0.88_Meeting#static_rows_with_separated_fill.2Fstroke > I like that one best as well. Can you highlight the current choices in > the two bars, please? yeah, I also thought about it in case of http://wiki.sugarlabs.org/go/Design_Team/0.88_Meeting#static_rows_with_separated_fill.2Fstroke we even can use svg's content to highlight since we have only one "real" color(stroke or fill) for particular widget > > > PS: Thanks for implementing all the different choices! to be hones last two screens are just eben's mockups :) > > CU Sascha > > -- > http://sascha.silbe.org/ > http://www.infra-silbe.de/ -- Aleksey ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] New color selector
On 31.01.2010, at 08:04, Sascha Silbe wrote: > > On Sun, Jan 31, 2010 at 02:54:14PM +, Aleksey Lim wrote: > >> I prefer >> http://wiki.sugarlabs.org/go/Design_Team/0.88_Meeting#static_rows_with_separated_fill.2Fstroke > I like that one best as well. Me too. How about a circular layout? - Bert - ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] New color selector
On Sun, Jan 31, 2010 at 02:54:14PM +, Aleksey Lim wrote: I prefer http://wiki.sugarlabs.org/go/Design_Team/0.88_Meeting#static_rows_with_separated_fill.2Fstroke I like that one best as well. Can you highlight the current choices in the two bars, please? PS: Thanks for implementing all the different choices! CU Sascha -- http://sascha.silbe.org/ http://www.infra-silbe.de/ signature.asc Description: Digital signature ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] New color selector
On Sun, Jan 31, 2010 at 09:07:05AM -0500, Eben Eliason wrote: > I prefer the first one myself, since I think it makes it quite clear > how to affect just the stroke or just the fill. The quick feedback you > get as you run through the spectrum is nice, and kind of fun. > (disco-XO!) > > The second one could also work, but I think it's would be far better > to visualize more (all!) of the possible choices without the need to > scroll through the list. I've attached a couple of mockups to > demonstrate this. The first has static swatches, which don't change at > all. The second has dynamic swatches which take on the chosen > stroke/fill colors for the fill/stroke swatches respectively, as your > current mockup does. > > In all cases, I'd recommend shortening the labels now to just "Stroke > color" and "Fill color", since the interaction is obvious. (This > would, by the way, let your sliders in the first mockup be twice as > long, which would make it easier for kids to use to select their > chosen color.) I also still find it visually much nicer when the only > XO represented here is you. > > My 2¢, > Eben (I've arranged all mockups on http://wiki.sugarlabs.org/go/Design_Team/0.88_Meeting#Enhanced_Color_Selector) I prefer http://wiki.sugarlabs.org/go/Design_Team/0.88_Meeting#static_rows_with_separated_fill.2Fstroke * I see all possible colors at once(but we need to add optional scrolling for not so wide screens) * can change color parts separately * to make random choice, I can just click on XO like in old scheme > On Sun, Jan 31, 2010 at 7:56 AM, Walter Bender > wrote: > > On Sun, Jan 31, 2010 at 7:48 AM, Aleksey Lim wrote: > >> Hi all, > >> > >> I've uploaded new mockups as a result of last design meeting > >> (hope I understood designers well:) to > >> http://wiki.sugarlabs.org/go/Design_Team/0.88_Meeting#Enhanced_Color_Selector > >> > >> http://wiki.sugarlabs.org/go/File:Color-selector-4.png > >> http://wiki.sugarlabs.org/images/4/43/Color-selector-4.ogv > >> > >> http://wiki.sugarlabs.org/go/File:Color-selector-5.png > >> http://wiki.sugarlabs.org/images/5/54/Color-selector-5.ogv > > > > Nice. > > > > I much prefer the second one (the one with the rows of XOs). To me, it > > is much more obvious what is going on and more fun too. > > > > The general problem people encounter is the interaction between the > > two changes: fill visually impacts stroke and vice versa. I think this > > a good compromise solution. > > > > -walter > > > >> > >> -- > >> Aleksey > >> ___ > >> Sugar-devel mailing list > >> Sugar-devel@lists.sugarlabs.org > >> http://lists.sugarlabs.org/listinfo/sugar-devel > >> > > > > > > > > -- > > Walter Bender > > Sugar Labs > > http://www.sugarlabs.org > > ___ > > Sugar-devel mailing list > > Sugar-devel@lists.sugarlabs.org > > http://lists.sugarlabs.org/listinfo/sugar-devel > > -- Aleksey ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] New color selector
On Sun, Jan 31, 2010 at 7:48 AM, Aleksey Lim wrote: > Hi all, > > I've uploaded new mockups as a result of last design meeting > (hope I understood designers well:) to > http://wiki.sugarlabs.org/go/Design_Team/0.88_Meeting#Enhanced_Color_Selector > > http://wiki.sugarlabs.org/go/File:Color-selector-4.png > http://wiki.sugarlabs.org/images/4/43/Color-selector-4.ogv > > http://wiki.sugarlabs.org/go/File:Color-selector-5.png > http://wiki.sugarlabs.org/images/5/54/Color-selector-5.ogv Nice. I much prefer the second one (the one with the rows of XOs). To me, it is much more obvious what is going on and more fun too. The general problem people encounter is the interaction between the two changes: fill visually impacts stroke and vice versa. I think this a good compromise solution. -walter > > -- > Aleksey > ___ > Sugar-devel mailing list > Sugar-devel@lists.sugarlabs.org > http://lists.sugarlabs.org/listinfo/sugar-devel > -- Walter Bender Sugar Labs http://www.sugarlabs.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] New color selector
Hi all, I've uploaded new mockups as a result of last design meeting (hope I understood designers well:) to http://wiki.sugarlabs.org/go/Design_Team/0.88_Meeting#Enhanced_Color_Selector http://wiki.sugarlabs.org/go/File:Color-selector-4.png http://wiki.sugarlabs.org/images/4/43/Color-selector-4.ogv http://wiki.sugarlabs.org/go/File:Color-selector-5.png http://wiki.sugarlabs.org/images/5/54/Color-selector-5.ogv -- Aleksey ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] New color selector
On Fri, Jan 29, 2010 at 12:58:46AM -0500, Rafael Enrique Ortiz Guerrero wrote: > On Thu, Jan 28, 2010 at 11:08 PM, Aleksey Lim wrote: > > Just an example > > http://wiki.sugarlabs.org/go/File:Color-selector-3.png > > I don't know too much about design but what if the selection grid > would be round instead of rectangular..? btw I prefer buttons with cool animation(with zooming) instead of grid but not sure if there is someone who is willing to implement such thing ;) > > > my 2 cents :) > > > On Fri, Jan 29, 2010 at 12:35:22AM +0100, Simon Schampijer wrote: > >> Hi, > >> > >> Walter and Aleksey did great work on implementing the new color selector. > >> > >> 1) http://bugs.sugarlabs.org/attachment/ticket/1592/color_selector.png > >> 2) http://bugs.sugarlabs.org/attachment/ticket/1592/color_selector_full.png > >> > >> In version 1, only the color that changes is displayed for the buttons, > >> the other color is white. > >> > >> I made a quick go on it by my wife and she found it quite confusing to > >> navigate. She offered to use a grid where all the available colors would > >> be shown. I think Christian had a similar idea in last weeks design > >> meeting. > >> > >> Regards, > >> Simon > >> ___ > >> Sugar-devel mailing list > >> Sugar-devel@lists.sugarlabs.org > >> http://lists.sugarlabs.org/listinfo/sugar-devel > >> > > > > -- > > Aleksey > > ___ > > Sugar-devel mailing list > > Sugar-devel@lists.sugarlabs.org > > http://lists.sugarlabs.org/listinfo/sugar-devel > > > -- Aleksey ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] New color selector
On Fri, Jan 29, 2010 at 10:42:06AM +0100, Sascha Silbe wrote: > On Fri, Jan 29, 2010 at 04:08:18AM +, Aleksey Lim wrote: > > > Just an example > > http://wiki.sugarlabs.org/go/File:Color-selector-3.png > If we go for this design (thought we decided to have buttons to change > inner/outer color? Or is this an alternate proposal?), can we make the > scroll box appear below the text Screenshots are welcome ;) > and fill all remaining space so it > scales nicely on all sorts of screens? in that example I used new table widget which means that every XO icon is a widget, so having full sized grid means dozen of widget thus too expansive otherwise we should use another widgets(but current code is pretty simple and compact). > > CU Sascha > > -- > http://sascha.silbe.org/ > http://www.infra-silbe.de/ -- Aleksey ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] New color selector
On Fri, Jan 29, 2010 at 04:08:18AM +, Aleksey Lim wrote: Just an example http://wiki.sugarlabs.org/go/File:Color-selector-3.png If we go for this design (thought we decided to have buttons to change inner/outer color? Or is this an alternate proposal?), can we make the scroll box appear below the text and fill all remaining space so it scales nicely on all sorts of screens? CU Sascha -- http://sascha.silbe.org/ http://www.infra-silbe.de/ signature.asc Description: Digital signature ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] New color selector
On 01/29/2010 06:58 AM, Rafael Enrique Ortiz Guerrero wrote: > On Thu, Jan 28, 2010 at 11:08 PM, Aleksey Lim wrote: >> Just an example >> http://wiki.sugarlabs.org/go/File:Color-selector-3.png @Aleksey: Thanks Aleksey for being so active on this one! Yeah, I guess we would need a scrolled window as the number of options is bigger then the available space. > I don't know too much about design but what if the selection grid > would be round instead of rectangular..? @dirakx: Round sounds nice to me. How would one solve the scroll issue though? Making the icons smaller when it gets closer to the border? Hmmm :) Thanks, Simon ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] New color selector
On Thu, Jan 28, 2010 at 11:08 PM, Aleksey Lim wrote: > Just an example > http://wiki.sugarlabs.org/go/File:Color-selector-3.png I don't know too much about design but what if the selection grid would be round instead of rectangular..? my 2 cents :) > On Fri, Jan 29, 2010 at 12:35:22AM +0100, Simon Schampijer wrote: >> Hi, >> >> Walter and Aleksey did great work on implementing the new color selector. >> >> 1) http://bugs.sugarlabs.org/attachment/ticket/1592/color_selector.png >> 2) http://bugs.sugarlabs.org/attachment/ticket/1592/color_selector_full.png >> >> In version 1, only the color that changes is displayed for the buttons, >> the other color is white. >> >> I made a quick go on it by my wife and she found it quite confusing to >> navigate. She offered to use a grid where all the available colors would >> be shown. I think Christian had a similar idea in last weeks design >> meeting. >> >> Regards, >> Simon >> ___ >> Sugar-devel mailing list >> Sugar-devel@lists.sugarlabs.org >> http://lists.sugarlabs.org/listinfo/sugar-devel >> > > -- > Aleksey > ___ > Sugar-devel mailing list > Sugar-devel@lists.sugarlabs.org > http://lists.sugarlabs.org/listinfo/sugar-devel > ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] New color selector
Just an example http://wiki.sugarlabs.org/go/File:Color-selector-3.png On Fri, Jan 29, 2010 at 12:35:22AM +0100, Simon Schampijer wrote: > Hi, > > Walter and Aleksey did great work on implementing the new color selector. > > 1) http://bugs.sugarlabs.org/attachment/ticket/1592/color_selector.png > 2) http://bugs.sugarlabs.org/attachment/ticket/1592/color_selector_full.png > > In version 1, only the color that changes is displayed for the buttons, > the other color is white. > > I made a quick go on it by my wife and she found it quite confusing to > navigate. She offered to use a grid where all the available colors would > be shown. I think Christian had a similar idea in last weeks design > meeting. > > Regards, > Simon > ___ > Sugar-devel mailing list > Sugar-devel@lists.sugarlabs.org > http://lists.sugarlabs.org/listinfo/sugar-devel > -- Aleksey ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
[Sugar-devel] [DESIGN] New color selector
Hi, Walter and Aleksey did great work on implementing the new color selector. 1) http://bugs.sugarlabs.org/attachment/ticket/1592/color_selector.png 2) http://bugs.sugarlabs.org/attachment/ticket/1592/color_selector_full.png In version 1, only the color that changes is displayed for the buttons, the other color is white. I made a quick go on it by my wife and she found it quite confusing to navigate. She offered to use a grid where all the available colors would be shown. I think Christian had a similar idea in last weeks design meeting. Regards, Simon ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel