Re: [Sugar-devel] [DESIGN] Contact sheet for all sugar-artwork icons
Hi Gonzalo, On 3 Apr 2011, at 04:47, Gonzalo Odiard gonz...@laptop.org wrote: Would be useful have one image with the file names too. Just hover over an icon in the svg to see the name, or did you mean something else? I was considering putting in dividers to separate the different sections, but thought displaying all names would make the sheet very cluttered and leave too little space for the actual icons. --Gary Gonzalo On Sat, Apr 2, 2011 at 11:14 PM, Gary Martin garycmar...@googlemail.com wrote: Hi Martin, On 22 Mar 2011, at 15:08, Martin Langhoff wrote: On Sun, Mar 20, 2011 at 11:40 PM, Gary C Martin garycmar...@googlemail.com wrote: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Very cool! I specially like the circular saw next to the gear. Perhaps missing the maya numerals? Just to follow up, I've updated and uploaded a svg pointing to all – I hope this time – icons from sugar-artwork and sugar. Note that the wiki shows the image preview thumbnail as all black, just click through to the full svg and you'll see all the remotely referenced images as in git mainline, hover over an icon for its name: http://wiki.sugarlabs.org/go/File:Sugar-artwork.svg For the svg challenged, there's a matching png at: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Regards, --Gary cheers, m -- martin.langh...@gmail.com mar...@laptop.org -- Software Architect - OLPC - ask interesting questions - don't get distracted with shiny stuff - working code first - http://wiki.laptop.org/go/User:Martinlanghoff ___ 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] Contact sheet for all sugar-artwork icons
On Sat, Apr 2, 2011 at 10:14 PM, Gary Martin garycmar...@googlemail.com wrote: Hi Martin, On 22 Mar 2011, at 15:08, Martin Langhoff wrote: On Sun, Mar 20, 2011 at 11:40 PM, Gary C Martin garycmar...@googlemail.com wrote: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Very cool! I specially like the circular saw next to the gear. Perhaps missing the maya numerals? Just to follow up, I've updated and uploaded a svg pointing to all – I hope this time – icons from sugar-artwork and sugar. Note that the wiki shows the image preview thumbnail as all black, just click through to the full svg and you'll see all the remotely referenced images as in git mainline, hover over an icon for its name: http://wiki.sugarlabs.org/go/File:Sugar-artwork.svg Clicking through with Firefox on Fedora 14 and I still get an all-black image. -walter For the svg challenged, there's a matching png at: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Regards, --Gary cheers, m -- martin.langh...@gmail.com mar...@laptop.org -- Software Architect - OLPC - ask interesting questions - don't get distracted with shiny stuff - working code first - http://wiki.laptop.org/go/User:Martinlanghoff ___ 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] Contact sheet for all sugar-artwork icons
SVG is black on Firefox v3.16 on my MacBook running OSX v10.6.7 too Sean On Sun, Apr 3, 2011 at 12:57 PM, Walter Bender walter.ben...@gmail.com wrote: On Sat, Apr 2, 2011 at 10:14 PM, Gary Martin garycmar...@googlemail.com wrote: Hi Martin, On 22 Mar 2011, at 15:08, Martin Langhoff wrote: On Sun, Mar 20, 2011 at 11:40 PM, Gary C Martin garycmar...@googlemail.com wrote: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Very cool! I specially like the circular saw next to the gear. Perhaps missing the maya numerals? Just to follow up, I've updated and uploaded a svg pointing to all – I hope this time – icons from sugar-artwork and sugar. Note that the wiki shows the image preview thumbnail as all black, just click through to the full svg and you'll see all the remotely referenced images as in git mainline, hover over an icon for its name: http://wiki.sugarlabs.org/go/File:Sugar-artwork.svg Clicking through with Firefox on Fedora 14 and I still get an all-black image. -walter For the svg challenged, there's a matching png at: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Regards, --Gary cheers, m -- martin.langh...@gmail.com mar...@laptop.org -- Software Architect - OLPC - ask interesting questions - don't get distracted with shiny stuff - working code first - http://wiki.laptop.org/go/User:Martinlanghoff ___ 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 ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] Contact sheet for all sugar-artwork icons
Oh blast, thanks Sean/Walter, I'd tested in Safari and Chrome with no problems. Firefox was also working fine but recently I reworked the svg to define all the images in the defs section and then using use to actually place them (this makes inserting removing new icons in the correct grid position much easier). I'll revert to the old technique and re-test in Firefox. Probably time to make a quick python script to generate the xml... O.T. I have a pretty much working process for generating the weekly mail list SOM as SVGs, with working built in pan and zoom, resolution independent and searchable text, and a smaller file size (the jpg's I upload are about 300Kb, the svgz of the same map was about 200Kb). Unfortunately it looks like browser support of svg varies enough to derail the practicality of this. --Gary On 3 Apr 2011, at 12:27, Sean DALY wrote: SVG is black on Firefox v3.16 on my MacBook running OSX v10.6.7 too Sean On Sun, Apr 3, 2011 at 12:57 PM, Walter Bender walter.ben...@gmail.com wrote: On Sat, Apr 2, 2011 at 10:14 PM, Gary Martin garycmar...@googlemail.com wrote: Hi Martin, On 22 Mar 2011, at 15:08, Martin Langhoff wrote: On Sun, Mar 20, 2011 at 11:40 PM, Gary C Martin garycmar...@googlemail.com wrote: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Very cool! I specially like the circular saw next to the gear. Perhaps missing the maya numerals? Just to follow up, I've updated and uploaded a svg pointing to all – I hope this time – icons from sugar-artwork and sugar. Note that the wiki shows the image preview thumbnail as all black, just click through to the full svg and you'll see all the remotely referenced images as in git mainline, hover over an icon for its name: http://wiki.sugarlabs.org/go/File:Sugar-artwork.svg Clicking through with Firefox on Fedora 14 and I still get an all-black image. -walter For the svg challenged, there's a matching png at: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Regards, --Gary cheers, m -- martin.langh...@gmail.com mar...@laptop.org -- Software Architect - OLPC - ask interesting questions - don't get distracted with shiny stuff - working code first - http://wiki.laptop.org/go/User:Martinlanghoff ___ 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 ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] Contact sheet for all sugar-artwork icons
Hi Martin, On 22 Mar 2011, at 15:08, Martin Langhoff wrote: On Sun, Mar 20, 2011 at 11:40 PM, Gary C Martin garycmar...@googlemail.com wrote: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Very cool! I specially like the circular saw next to the gear. Perhaps missing the maya numerals? Just to follow up, I've updated and uploaded a svg pointing to all – I hope this time – icons from sugar-artwork and sugar. Note that the wiki shows the image preview thumbnail as all black, just click through to the full svg and you'll see all the remotely referenced images as in git mainline, hover over an icon for its name: http://wiki.sugarlabs.org/go/File:Sugar-artwork.svg For the svg challenged, there's a matching png at: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Regards, --Gary cheers, m -- martin.langh...@gmail.com mar...@laptop.org -- Software Architect - OLPC - ask interesting questions - don't get distracted with shiny stuff - working code first - http://wiki.laptop.org/go/User:Martinlanghoff ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] Contact sheet for all sugar-artwork icons
Would be useful have one image with the file names too. Gonzalo On Sat, Apr 2, 2011 at 11:14 PM, Gary Martin garycmar...@googlemail.comwrote: Hi Martin, On 22 Mar 2011, at 15:08, Martin Langhoff wrote: On Sun, Mar 20, 2011 at 11:40 PM, Gary C Martin garycmar...@googlemail.com wrote: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Very cool! I specially like the circular saw next to the gear. Perhaps missing the maya numerals? Just to follow up, I've updated and uploaded a svg pointing to all – I hope this time – icons from sugar-artwork and sugar. Note that the wiki shows the image preview thumbnail as all black, just click through to the full svg and you'll see all the remotely referenced images as in git mainline, hover over an icon for its name: http://wiki.sugarlabs.org/go/File:Sugar-artwork.svg For the svg challenged, there's a matching png at: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Regards, --Gary cheers, m -- martin.langh...@gmail.com mar...@laptop.org -- Software Architect - OLPC - ask interesting questions - don't get distracted with shiny stuff - working code first - http://wiki.laptop.org/go/User:Martinlanghoff ___ 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] Contact sheet for all sugar-artwork icons
On Mon, Mar 21, 2011 at 7:28 PM, Christian Marc Schmidt christianm...@gmail.com wrote: This is great Gary, thanks so much! Most of the icons are already very good and quite consistent. And there are a few we could definitely improve. I see we already have both a wrench and a cog. But the more I think about it, it seems that preferences could be a form with checkboxes, or even a pencil making a checkmark. Seems that the message we want to communicate is having a choice, more than the inner workings implied by the cog/gear. What do you think? In my applications at least, there is more than just choosing involved. Users make their own versions of things, with parameters and graphics of their own making; and in the case of Turtle Art, they can reprogram the blocks. I am leaning towards the spanner (wrench). -walter Christian On Mon, Mar 21, 2011 at 6:20 AM, Gonzalo Odiard gonz...@laptop.org wrote: On Mon, Mar 21, 2011 at 12:40 AM, Gary C Martin garycmar...@googlemail.com wrote: Hi Folks, For some time I've been meaning to create a contact sheet for all sugar-artwork svg icons to help as a quick reference, and for general icon polishing/standardisation. Finally – having been fiddling with svg xml for my SOM generation code – I got around to the task: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Christian: Given the Design Meeting conversation on Sunday, you might be interested in 5 along, 7 down (view-source AKA the cog), and 2 along, 8 down (preferences-system AKA the spanner). Gonzalo: You might like to check out 12 along, 9 down (camera-external) for re: your Record toolbar work as I think it gives a stronger, more sugar standard version of a camera icon than currently shown in your mockups (would need to update your video and microphone icon styles to match): http://wiki.laptop.org/go/User:Godiard/Record/NewToolbar Thanks! Do you have more comments about the mockups? A comment and a question about the icons: The loupe (6 along, 5 down) looks bigger than the other icons (in WIkibrowse is very visible). The question: The arrows up and down with the media icon inside, are supposed to be used to transfer media or to save/load from journal? I think are better to transfer, but i saw these used to save to/load from the journal Regards, Gonzalo Regards, --Gary -- anyth...@christianmarcschmidt.com 917/ 575 0013 http://www.christianmarcschmidt.com http://www.linkedin.com/in/christianmarcschmidt http://twitter.com/cms_ skype: christianmarcschmidt ___ 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] Contact sheet for all sugar-artwork icons
On Sun, Mar 20, 2011 at 11:40 PM, Gary C Martin garycmar...@googlemail.com wrote: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Very cool! I specially like the circular saw next to the gear. Perhaps missing the maya numerals? cheers, m -- martin.langh...@gmail.com mar...@laptop.org -- Software Architect - OLPC - ask interesting questions - don't get distracted with shiny stuff - working code first - http://wiki.laptop.org/go/User:Martinlanghoff ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] Contact sheet for all sugar-artwork icons
On Tue, Mar 22, 2011 at 4:22 AM, Walter Bender walter.ben...@gmail.comwrote: On Mon, Mar 21, 2011 at 7:28 PM, Christian Marc Schmidt christianm...@gmail.com wrote: This is great Gary, thanks so much! Most of the icons are already very good and quite consistent. And there are a few we could definitely improve. I see we already have both a wrench and a cog. But the more I think about it, it seems that preferences could be a form with checkboxes, or even a pencil making a checkmark. Seems that the message we want to communicate is having a choice, more than the inner workings implied by the cog/gear. What do you think? In my applications at least, there is more than just choosing involved. Users make their own versions of things, with parameters and graphics of their own making; and in the case of Turtle Art, they can reprogram the blocks. I am leaning towards the spanner (wrench). That makes sense. I can get behind the wrench. :) How is it being used currently (if at all)? Christian -walter Christian On Mon, Mar 21, 2011 at 6:20 AM, Gonzalo Odiard gonz...@laptop.org wrote: On Mon, Mar 21, 2011 at 12:40 AM, Gary C Martin garycmar...@googlemail.com wrote: Hi Folks, For some time I've been meaning to create a contact sheet for all sugar-artwork svg icons to help as a quick reference, and for general icon polishing/standardisation. Finally – having been fiddling with svg xml for my SOM generation code – I got around to the task: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Christian: Given the Design Meeting conversation on Sunday, you might be interested in 5 along, 7 down (view-source AKA the cog), and 2 along, 8 down (preferences-system AKA the spanner). Gonzalo: You might like to check out 12 along, 9 down (camera-external) for re: your Record toolbar work as I think it gives a stronger, more sugar standard version of a camera icon than currently shown in your mockups (would need to update your video and microphone icon styles to match): http://wiki.laptop.org/go/User:Godiard/Record/NewToolbar Thanks! Do you have more comments about the mockups? A comment and a question about the icons: The loupe (6 along, 5 down) looks bigger than the other icons (in WIkibrowse is very visible). The question: The arrows up and down with the media icon inside, are supposed to be used to transfer media or to save/load from journal? I think are better to transfer, but i saw these used to save to/load from the journal Regards, Gonzalo Regards, --Gary -- anyth...@christianmarcschmidt.com 917/ 575 0013 http://www.christianmarcschmidt.com http://www.linkedin.com/in/christianmarcschmidt http://twitter.com/cms_ skype: christianmarcschmidt ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel -- Walter Bender Sugar Labs http://www.sugarlabs.org -- anyth...@christianmarcschmidt.com 917/ 575 0013 http://www.christianmarcschmidt.com http://www.linkedin.com/in/christianmarcschmidt http://twitter.com/cms_ skype: christianmarcschmidt ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] Contact sheet for all sugar-artwork icons
On 22 Mar 2011, at 15:08, Martin Langhoff wrote: On Sun, Mar 20, 2011 at 11:40 PM, Gary C Martin garycmar...@googlemail.com wrote: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Very cool! I specially like the circular saw next to the gear. Perhaps missing the maya numerals? Yea I was looking for those, did they get pushed up into mainline? The contact sheet covers everything currently in sugar-artwork, perhaps that artwork is hidden elsewhere (time for a find for all svgs me thinks)? Regards, --Gary cheers, m -- martin.langh...@gmail.com mar...@laptop.org -- Software Architect - OLPC - ask interesting questions - don't get distracted with shiny stuff - working code first - http://wiki.laptop.org/go/User:Martinlanghoff ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] Contact sheet for all sugar-artwork icons
Hi Christian, On 22 Mar 2011, at 15:08, Christian Marc Schmidt wrote: On Tue, Mar 22, 2011 at 4:22 AM, Walter Bender walter.ben...@gmail.com wrote: On Mon, Mar 21, 2011 at 7:28 PM, Christian Marc Schmidt christianm...@gmail.com wrote: This is great Gary, thanks so much! Most of the icons are already very good and quite consistent. And there are a few we could definitely improve. I see we already have both a wrench and a cog. But the more I think about it, it seems that preferences could be a form with checkboxes, or even a pencil making a checkmark. Seems that the message we want to communicate is having a choice, more than the inner workings implied by the cog/gear. What do you think? In my applications at least, there is more than just choosing involved. Users make their own versions of things, with parameters and graphics of their own making; and in the case of Turtle Art, they can reprogram the blocks. I am leaning towards the spanner (wrench). That makes sense. I can get behind the wrench. :) How is it being used currently (if at all)? It's the icon Eben made for the My Settings menu (formerly known as the control panel). Note that it's currently designed larger and as clean as possible for menu item placement, rather than as a toolbar icon, much like the system-search magnifying glass icon (that looks wrong as used in Wikipedia's toolbar). Christian: maybe you want to use your 'pencil making a checkmark' idea for My Settings instead (though I think Eben may have already been down that route when finally choosing the spanner) ;-) Oooh, I just noticed. Shouldn't the icon for Register at least be the nice school server icon (at least until we drop Register from this menu and put it where it belongs in the Neighbourhood view)? Looks like it's using the media-record icon just now. inline: preferences-system_icon_use.png Regards, --Gary Christian -walter Christian On Mon, Mar 21, 2011 at 6:20 AM, Gonzalo Odiard gonz...@laptop.org wrote: On Mon, Mar 21, 2011 at 12:40 AM, Gary C Martin garycmar...@googlemail.com wrote: Hi Folks, For some time I've been meaning to create a contact sheet for all sugar-artwork svg icons to help as a quick reference, and for general icon polishing/standardisation. Finally – having been fiddling with svg xml for my SOM generation code – I got around to the task: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Christian: Given the Design Meeting conversation on Sunday, you might be interested in 5 along, 7 down (view-source AKA the cog), and 2 along, 8 down (preferences-system AKA the spanner). Gonzalo: You might like to check out 12 along, 9 down (camera-external) for re: your Record toolbar work as I think it gives a stronger, more sugar standard version of a camera icon than currently shown in your mockups (would need to update your video and microphone icon styles to match): http://wiki.laptop.org/go/User:Godiard/Record/NewToolbar Thanks! Do you have more comments about the mockups? A comment and a question about the icons: The loupe (6 along, 5 down) looks bigger than the other icons (in WIkibrowse is very visible). The question: The arrows up and down with the media icon inside, are supposed to be used to transfer media or to save/load from journal? I think are better to transfer, but i saw these used to save to/load from the journal Regards, Gonzalo Regards, --Gary -- anyth...@christianmarcschmidt.com 917/ 575 0013 http://www.christianmarcschmidt.com http://www.linkedin.com/in/christianmarcschmidt http://twitter.com/cms_ skype: christianmarcschmidt ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel -- Walter Bender Sugar Labs http://www.sugarlabs.org -- anyth...@christianmarcschmidt.com 917/ 575 0013 http://www.christianmarcschmidt.com http://www.linkedin.com/in/christianmarcschmidt http://twitter.com/cms_ skype: christianmarcschmidt ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] Contact sheet for all sugar-artwork icons
Hi Gonzalo, On 21 Mar 2011, at 16:31, Gonzalo Odiard wrote: A comment and a question about the icons: The loupe (6 along, 5 down) looks bigger than the other icons (in WIkibrowse is very visible). I'm pretty sure this icon was never intended in the usual toolbar button placement, it is the system-search visual that appears inside search input fields so needs to be as large and clear as possible given its intended placement size. I'd flag WIkibrowse's use of it in the toolbar as incorrect. It's been a while since I downloaded the Wikipedia activity (due to it's very large size), could you post a screen shot or two (or upload them to the http://activities.sugarlabs.org/en-US/sugar/addon/4401 page so there are some thumbnails for users to see)? I have attached a image with the toolbar of wikipedia. May be I must use another icon? Could you show a screen shot with the secondary toolbar open? Is it just a search input field under there? This browses a local version of wikipedia, yes? If so I'd be rather tempted to remove the primary location field and reload widget, and put the search field up in all that primary space... If you want to stay with the current design, it would be a quick svg tweak to make a correctly sized custom version of the system-search icon for you to include in your bundle, ping me by email if that's what you want. The question: The arrows up and down with the media icon inside, are supposed to be used to transfer media or to save/load from journal? I think are better to transfer, but i saw these used to save to/load from the journal You mean the ones starting at 11 along, 5 down? These are used for the 'send to friend --' Journal feature for transferring Journal objects between friends: http://wiki.sugarlabs.org/go/File:Send-to.png The icons appear in the top frame and provide a palette that provides the user control and transfer information: http://wiki.sugarlabs.org/go/File:Activitiestray_transfer_to_icon.png Can you remember where you saw them being used to save to/load from the Journal? Yes, in TurtleArt. Oh yes, Walter's snuck some very similar ones into Turtle Blocks (they only appear in monochrome). I don't wholly object, we've been on quite a meandering path trying to find suitable import/export to Journal icons (badging the keep icon can get too fussy especially if you need to show direction for differencing input and export). Though it would be nice if Walter could standardise on naming them import/export rather than a mix of old school Save as, Load, and one Import. ;-) Regards, --Gary ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] Contact sheet for all sugar-artwork icons
On Mon, Mar 21, 2011 at 12:40 AM, Gary C Martin garycmar...@googlemail.comwrote: Hi Folks, For some time I've been meaning to create a contact sheet for all sugar-artwork svg icons to help as a quick reference, and for general icon polishing/standardisation. Finally – having been fiddling with svg xml for my SOM generation code – I got around to the task: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Christian: Given the Design Meeting conversation on Sunday, you might be interested in 5 along, 7 down (view-source AKA the cog), and 2 along, 8 down (preferences-system AKA the spanner). Gonzalo: You might like to check out 12 along, 9 down (camera-external) for re: your Record toolbar work as I think it gives a stronger, more sugar standard version of a camera icon than currently shown in your mockups (would need to update your video and microphone icon styles to match): http://wiki.laptop.org/go/User:Godiard/Record/NewToolbar Thanks! Do you have more comments about the mockups? A comment and a question about the icons: The loupe (6 along, 5 down) looks bigger than the other icons (in WIkibrowse is very visible). The question: The arrows up and down with the media icon inside, are supposed to be used to transfer media or to save/load from journal? I think are better to transfer, but i saw these used to save to/load from the journal Regards, Gonzalo Regards, --Gary ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] Contact sheet for all sugar-artwork icons
Hi Gonzalo, On 21 Mar 2011, at 10:20, Gonzalo Odiard wrote: On Mon, Mar 21, 2011 at 12:40 AM, Gary C Martin garycmar...@googlemail.com wrote: Hi Folks, For some time I've been meaning to create a contact sheet for all sugar-artwork svg icons to help as a quick reference, and for general icon polishing/standardisation. Finally – having been fiddling with svg xml for my SOM generation code – I got around to the task: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Christian: Given the Design Meeting conversation on Sunday, you might be interested in 5 along, 7 down (view-source AKA the cog), and 2 along, 8 down (preferences-system AKA the spanner). Gonzalo: You might like to check out 12 along, 9 down (camera-external) for re: your Record toolbar work as I think it gives a stronger, more sugar standard version of a camera icon than currently shown in your mockups (would need to update your video and microphone icon styles to match): http://wiki.laptop.org/go/User:Godiard/Record/NewToolbar Thanks! Do you have more comments about the mockups? Yes, I've added the topic to the design meeting agenda next week as Record is a very popular Activity. Hopefully this will also get you feedback from a slightly wider audience. A comment and a question about the icons: The loupe (6 along, 5 down) looks bigger than the other icons (in WIkibrowse is very visible). I'm pretty sure this icon was never intended in the usual toolbar button placement, it is the system-search visual that appears inside search input fields so needs to be as large and clear as possible given its intended placement size. I'd flag WIkibrowse's use of it in the toolbar as incorrect. It's been a while since I downloaded the Wikipedia activity (due to it's very large size), could you post a screen shot or two (or upload them to the http://activities.sugarlabs.org/en-US/sugar/addon/4401 page so there are some thumbnails for users to see)? The question: The arrows up and down with the media icon inside, are supposed to be used to transfer media or to save/load from journal? I think are better to transfer, but i saw these used to save to/load from the journal You mean the ones starting at 11 along, 5 down? These are used for the 'send to friend --' Journal feature for transferring Journal objects between friends: http://wiki.sugarlabs.org/go/File:Send-to.png The icons appear in the top frame and provide a palette that provides the user control and transfer information: http://wiki.sugarlabs.org/go/File:Activitiestray_transfer_to_icon.png Can you remember where you saw them being used to save to/load from the Journal? Regards, --Gary Regards, Gonzalo Regards, --Gary ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] Contact sheet for all sugar-artwork icons
I have some skew, but I made a first pass at using image map to let you see the icon name by placing the cursor over it... See http://wiki.sugarlabs.org/go/User:Walter#Sugar_icons -walter On Mon, Mar 21, 2011 at 11:36 AM, Gary Martin garycmar...@googlemail.com wrote: Hi Gonzalo, On 21 Mar 2011, at 10:20, Gonzalo Odiard wrote: On Mon, Mar 21, 2011 at 12:40 AM, Gary C Martin garycmar...@googlemail.com wrote: Hi Folks, For some time I've been meaning to create a contact sheet for all sugar-artwork svg icons to help as a quick reference, and for general icon polishing/standardisation. Finally – having been fiddling with svg xml for my SOM generation code – I got around to the task: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Christian: Given the Design Meeting conversation on Sunday, you might be interested in 5 along, 7 down (view-source AKA the cog), and 2 along, 8 down (preferences-system AKA the spanner). Gonzalo: You might like to check out 12 along, 9 down (camera-external) for re: your Record toolbar work as I think it gives a stronger, more sugar standard version of a camera icon than currently shown in your mockups (would need to update your video and microphone icon styles to match): http://wiki.laptop.org/go/User:Godiard/Record/NewToolbar Thanks! Do you have more comments about the mockups? Yes, I've added the topic to the design meeting agenda next week as Record is a very popular Activity. Hopefully this will also get you feedback from a slightly wider audience. A comment and a question about the icons: The loupe (6 along, 5 down) looks bigger than the other icons (in WIkibrowse is very visible). I'm pretty sure this icon was never intended in the usual toolbar button placement, it is the system-search visual that appears inside search input fields so needs to be as large and clear as possible given its intended placement size. I'd flag WIkibrowse's use of it in the toolbar as incorrect. It's been a while since I downloaded the Wikipedia activity (due to it's very large size), could you post a screen shot or two (or upload them to the http://activities.sugarlabs.org/en-US/sugar/addon/4401 page so there are some thumbnails for users to see)? The question: The arrows up and down with the media icon inside, are supposed to be used to transfer media or to save/load from journal? I think are better to transfer, but i saw these used to save to/load from the journal You mean the ones starting at 11 along, 5 down? These are used for the 'send to friend --' Journal feature for transferring Journal objects between friends: http://wiki.sugarlabs.org/go/File:Send-to.png The icons appear in the top frame and provide a palette that provides the user control and transfer information: http://wiki.sugarlabs.org/go/File:Activitiestray_transfer_to_icon.png Can you remember where you saw them being used to save to/load from the Journal? Regards, --Gary Regards, Gonzalo Regards, --Gary ___ 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] Contact sheet for all sugar-artwork icons
On Mon, Mar 21, 2011 at 12:36 PM, Gary Martin garycmar...@googlemail.comwrote: Hi Gonzalo, On 21 Mar 2011, at 10:20, Gonzalo Odiard wrote: On Mon, Mar 21, 2011 at 12:40 AM, Gary C Martin garycmar...@googlemail.com wrote: Hi Folks, For some time I've been meaning to create a contact sheet for all sugar-artwork svg icons to help as a quick reference, and for general icon polishing/standardisation. Finally – having been fiddling with svg xml for my SOM generation code – I got around to the task: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Christian: Given the Design Meeting conversation on Sunday, you might be interested in 5 along, 7 down (view-source AKA the cog), and 2 along, 8 down (preferences-system AKA the spanner). Gonzalo: You might like to check out 12 along, 9 down (camera-external) for re: your Record toolbar work as I think it gives a stronger, more sugar standard version of a camera icon than currently shown in your mockups (would need to update your video and microphone icon styles to match): http://wiki.laptop.org/go/User:Godiard/Record/NewToolbar Thanks! Do you have more comments about the mockups? Yes, I've added the topic to the design meeting agenda next week as Record is a very popular Activity. Hopefully this will also get you feedback from a slightly wider audience. Ok. A comment and a question about the icons: The loupe (6 along, 5 down) looks bigger than the other icons (in WIkibrowse is very visible). I'm pretty sure this icon was never intended in the usual toolbar button placement, it is the system-search visual that appears inside search input fields so needs to be as large and clear as possible given its intended placement size. I'd flag WIkibrowse's use of it in the toolbar as incorrect. It's been a while since I downloaded the Wikipedia activity (due to it's very large size), could you post a screen shot or two (or upload them to the http://activities.sugarlabs.org/en-US/sugar/addon/4401 page so there are some thumbnails for users to see)? I have attached a image with the toolbar of wikipedia. May be I must use another icon? The question: The arrows up and down with the media icon inside, are supposed to be used to transfer media or to save/load from journal? I think are better to transfer, but i saw these used to save to/load from the journal You mean the ones starting at 11 along, 5 down? These are used for the 'send to friend --' Journal feature for transferring Journal objects between friends: http://wiki.sugarlabs.org/go/File:Send-to.png The icons appear in the top frame and provide a palette that provides the user control and transfer information: http://wiki.sugarlabs.org/go/File:Activitiestray_transfer_to_icon.png Can you remember where you saw them being used to save to/load from the Journal? Yes, in TurtleArt. Regards, Gonzalo attachment: toolbar-wikipedia.png___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] Contact sheet for all sugar-artwork icons
This is great Gary, thanks so much! Most of the icons are already very good and quite consistent. And there are a few we could definitely improve. I see we already have both a wrench and a cog. But the more I think about it, it seems that preferences could be a form with checkboxes, or even a pencil making a checkmark. Seems that the message we want to communicate is having a choice, more than the inner workings implied by the cog/gear. What do you think? Christian On Mon, Mar 21, 2011 at 6:20 AM, Gonzalo Odiard gonz...@laptop.org wrote: On Mon, Mar 21, 2011 at 12:40 AM, Gary C Martin garycmar...@googlemail.com wrote: Hi Folks, For some time I've been meaning to create a contact sheet for all sugar-artwork svg icons to help as a quick reference, and for general icon polishing/standardisation. Finally – having been fiddling with svg xml for my SOM generation code – I got around to the task: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Christian: Given the Design Meeting conversation on Sunday, you might be interested in 5 along, 7 down (view-source AKA the cog), and 2 along, 8 down (preferences-system AKA the spanner). Gonzalo: You might like to check out 12 along, 9 down (camera-external) for re: your Record toolbar work as I think it gives a stronger, more sugar standard version of a camera icon than currently shown in your mockups (would need to update your video and microphone icon styles to match): http://wiki.laptop.org/go/User:Godiard/Record/NewToolbar Thanks! Do you have more comments about the mockups? A comment and a question about the icons: The loupe (6 along, 5 down) looks bigger than the other icons (in WIkibrowse is very visible). The question: The arrows up and down with the media icon inside, are supposed to be used to transfer media or to save/load from journal? I think are better to transfer, but i saw these used to save to/load from the journal Regards, Gonzalo Regards, --Gary -- anyth...@christianmarcschmidt.com 917/ 575 0013 http://www.christianmarcschmidt.com http://www.linkedin.com/in/christianmarcschmidt http://twitter.com/cms_ skype: christianmarcschmidt ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [DESIGN] Contact sheet for all sugar-artwork icons
Hi Walter, On 21 Mar 2011, at 15:50, Walter Bender wrote: I have some skew, but I made a first pass at using image map to let you see the icon name by placing the cursor over it... Oooh, sorry, I should have said the svg I'm playing with has hover over names (and I was planning on adding markers for device, emblems, etc), just that I've not uploaded the svg yet (it links to the files in git.sl.org so wanted a quick standalone png first as a static point in time). I'm also re-looking at the emblem icons as I have a git merge request still outstanding from last year (makes them high contrast instead of the current grey scale), but just looking again incase there's more tweaks – part of the reason for making this contact sheet. There was one new badge icon (emblem-buddy) so I didn't post the svg yet as it's not in mainline. Regards, --Gary See http://wiki.sugarlabs.org/go/User:Walter#Sugar_icons -walter On Mon, Mar 21, 2011 at 11:36 AM, Gary Martin garycmar...@googlemail.com wrote: Hi Gonzalo, On 21 Mar 2011, at 10:20, Gonzalo Odiard wrote: On Mon, Mar 21, 2011 at 12:40 AM, Gary C Martin garycmar...@googlemail.com wrote: Hi Folks, For some time I've been meaning to create a contact sheet for all sugar-artwork svg icons to help as a quick reference, and for general icon polishing/standardisation. Finally – having been fiddling with svg xml for my SOM generation code – I got around to the task: http://wiki.sugarlabs.org/go/File:Sugar-artwork.png Christian: Given the Design Meeting conversation on Sunday, you might be interested in 5 along, 7 down (view-source AKA the cog), and 2 along, 8 down (preferences-system AKA the spanner). Gonzalo: You might like to check out 12 along, 9 down (camera-external) for re: your Record toolbar work as I think it gives a stronger, more sugar standard version of a camera icon than currently shown in your mockups (would need to update your video and microphone icon styles to match): http://wiki.laptop.org/go/User:Godiard/Record/NewToolbar Thanks! Do you have more comments about the mockups? Yes, I've added the topic to the design meeting agenda next week as Record is a very popular Activity. Hopefully this will also get you feedback from a slightly wider audience. A comment and a question about the icons: The loupe (6 along, 5 down) looks bigger than the other icons (in WIkibrowse is very visible). I'm pretty sure this icon was never intended in the usual toolbar button placement, it is the system-search visual that appears inside search input fields so needs to be as large and clear as possible given its intended placement size. I'd flag WIkibrowse's use of it in the toolbar as incorrect. It's been a while since I downloaded the Wikipedia activity (due to it's very large size), could you post a screen shot or two (or upload them to the http://activities.sugarlabs.org/en-US/sugar/addon/4401 page so there are some thumbnails for users to see)? The question: The arrows up and down with the media icon inside, are supposed to be used to transfer media or to save/load from journal? I think are better to transfer, but i saw these used to save to/load from the journal You mean the ones starting at 11 along, 5 down? These are used for the 'send to friend --' Journal feature for transferring Journal objects between friends: http://wiki.sugarlabs.org/go/File:Send-to.png The icons appear in the top frame and provide a palette that provides the user control and transfer information: http://wiki.sugarlabs.org/go/File:Activitiestray_transfer_to_icon.png Can you remember where you saw them being used to save to/load from the Journal? Regards, --Gary Regards, Gonzalo Regards, --Gary ___ 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
