Re: [Design-team] Ticket #101, Request for new system-config-kickstart icon
I added another concept but with two small icons, a configuration checklist and a stack of drives. Not as busy as the previous concepts but I'm not sure if the visual metaphor works. http://xorengineering.com/dev/icons/ On Thu, Oct 21, 2010 at 4:40 AM, Jakub Steiner jstei...@redhat.com wrote: - Bryan Nielsen bnielsen1...@gmail.com wrote: It looks like I'm done with the last ticket so I thought I take a shot at another icon with ticket #101. I quickly threw together a couple of hires mock ups that reuse existing components, any feedback on a kickstart icon is appreciated... http://xorengineering.com/dev/icons/ Hi Bryan, Here's a few tips. Starting with a highres always leads to suboptimal metaphors. Think how you'd execute that at 16x16px. You're using way too many elements here. My understanding of the kickstart tool is that it creates a sort of receipe to perform future installations automatically. That's where you should focus with the metaphor. Think recipe, installation, automation, cloning... and try to minimize the number of objects required. cheers -- Jakub Steiner http://jimmac.musichall.cz ___ design-team mailing list design-team@lists.fedoraproject.org https://admin.fedoraproject.org/mailman/listinfo/design-team ___ design-team mailing list design-team@lists.fedoraproject.org https://admin.fedoraproject.org/mailman/listinfo/design-team
[Design-team] Ticket #99 system-config-boot icon complete
The new system-config-icon for ticket #99 is complete and I'm ready for some assistance in moving this forward. The icon images can be previewed here... http://xorengineering.com/dev/icons/ And the SVG source file and images in a tarball are here... http://xorengineering.com/dev/icons/system-config-boot-icon.tgz Thanks for all the assistance in putting this together, there were some gaps in my Inkscape and SVG knowledge and skills that have now been filled. I'm looking forward to taking on another ticket once this one is put to bed. Bryan ___ design-team mailing list design-team@lists.fedoraproject.org https://admin.fedoraproject.org/mailman/listinfo/design-team
Re: [Design-team] Proposed Icon for Ticket #99
I did a little more tweaking on the icons to add more contrast and improve the radius on the blue screen... http://xorengineering.com/dev/icons/ At this point I need a little direction on the use of the render-icon-theme.py script. I used an existing icon source file as a reference to create my system-config-boot.svg file but when I run the script some of the icons are off center. Bryan On Wed, Oct 6, 2010 at 8:33 AM, Bryan Nielsen bnielsen1...@gmail.com wrote: Another version of the icons is complete... http://xorengineering.com/dev/icons/ I put a 0.5 pixel radius on the corners of the blue screen but I'm not sure it was enough. On Wed, Oct 6, 2010 at 3:24 AM, Jakub Steiner jstei...@redhat.com wrote: - Bryan Nielsen bnielsen1...@gmail.com wrote: I uploaded the latest render... http://xorengineering.com/dev/icons/ With blue backgrounds, microscopic text and the glossy reflection from the computer display icons. Howdy Bryen. Excellent progress! Still ready for some nitpicks? ;) I would curve the corners of the blue screen slightly. Really just a half-pixel so it's not that sharp compared to the outer border-radius. You can also shade the stroke with a gradient as well so it doesn't feel so flat -- darker on top, lighter at the bottom. I would chop that one pixel row on the 16x16 so that the switch is surrounded by the same padding on both sides. Lower the opacity of the white text lines down a notch. Tweak the switch on the 32 and 48 to be less tall so it's more consistent in shape between the sizes. The smaller the size, the more contrast you usually need to put in. As you can see on the glass reflection -- it's nicely visible on the 48, but a lot harder to make out on the 32. Now that you are getting the hang of it, I am looking forward to more icons :) cheers -- Jakub Steiner http://jimmac.musichall.cz ___ design-team mailing list design-team@lists.fedoraproject.org https://admin.fedoraproject.org/mailman/listinfo/design-team ___ design-team mailing list design-team@lists.fedoraproject.org https://admin.fedoraproject.org/mailman/listinfo/design-team
Re: [Design-team] Proposed Icon for Ticket #99
Another version of the icons is complete... http://xorengineering.com/dev/icons/ I put a 0.5 pixel radius on the corners of the blue screen but I'm not sure it was enough. On Wed, Oct 6, 2010 at 3:24 AM, Jakub Steiner jstei...@redhat.com wrote: - Bryan Nielsen bnielsen1...@gmail.com wrote: I uploaded the latest render... http://xorengineering.com/dev/icons/ With blue backgrounds, microscopic text and the glossy reflection from the computer display icons. Howdy Bryen. Excellent progress! Still ready for some nitpicks? ;) I would curve the corners of the blue screen slightly. Really just a half-pixel so it's not that sharp compared to the outer border-radius. You can also shade the stroke with a gradient as well so it doesn't feel so flat -- darker on top, lighter at the bottom. I would chop that one pixel row on the 16x16 so that the switch is surrounded by the same padding on both sides. Lower the opacity of the white text lines down a notch. Tweak the switch on the 32 and 48 to be less tall so it's more consistent in shape between the sizes. The smaller the size, the more contrast you usually need to put in. As you can see on the glass reflection -- it's nicely visible on the 48, but a lot harder to make out on the 32. Now that you are getting the hang of it, I am looking forward to more icons :) cheers -- Jakub Steiner http://jimmac.musichall.cz ___ design-team mailing list design-team@lists.fedoraproject.org https://admin.fedoraproject.org/mailman/listinfo/design-team ___ design-team mailing list design-team@lists.fedoraproject.org https://admin.fedoraproject.org/mailman/listinfo/design-team
Re: [Design-team] Proposed Icon for Ticket #99
I uploaded the latest render... http://xorengineering.com/dev/icons/ With blue backgrounds, microscopic text and the glossy reflection from the computer display icons. On Tue, Oct 5, 2010 at 2:05 PM, Jakub Steiner jstei...@redhat.com wrote: - Bryan Nielsen bnielsen1...@gmail.com wrote: I created a couple versions of the 24px icon with color variations and menu element size variations. I also created a 48px icon. And I created a page that makes it easier to view the variations... http://xorengineering.com/dev/icons/ This is shaping up nicely, Bryan. I would definitely go with the darked backdrop, blue is fine. You might want to use subtle gradients instead of flat color too. The text entries can't be solid white blocks if they are this big though. Making them semi opaque works, you might want to try experimenting with actual microscopic text (+convert to shapes ctrl-shift-c, simplify crtl-l multiple times). Also check out the glossy reflection on computer or video-display. keep up the good work! -- Jakub Steiner http://jimmac.musichall.cz ___ design-team mailing list design-team@lists.fedoraproject.org https://admin.fedoraproject.org/mailman/listinfo/design-team ___ design-team mailing list design-team@lists.fedoraproject.org https://admin.fedoraproject.org/mailman/listinfo/design-team
Re: [Design-team] Introduction
Hello Nicu, I read the logo design guidelines in detail after creating my logo so I now realize it cannot actually be used. But that is okay, it was a fun exercise. Bryan On Mon, Oct 4, 2010 at 12:55 AM, Nicu Buculei nicu_fed...@nicubunu.ro wrote: On 10/02/2010 07:29 PM, Bryan Nielsen wrote: As recommended on the Fedora Project wiki concerning interest in contributing I joined the mailing list and am now sending an introduction. Welcome, Most of my artistic experience is more from a technical background, creating diagrams, dimensional drawings and models, factory equipment and facility layouts and models in the semiconductor manufacturing industry. I have recently been experimenting with Inkscape to generate various icons, logos, and presentation media and as a long time fan and user of RHL, Fedora Core and now Fedora Linux I am interested in contributing to the project if my skill level is at an acceptable level. We can use a lot of help, so yes, we need you :) As an example of my current Inkscape skill level I created the Fedora Logo at the following link using Inkscape and the logo specifications on the wiki page... http://xorengineering.com/dev/fedora-shiny-logo.svg Your editing is very good looking but our logo is a trademark so such modifications are not allowed, they will help diluting the mark, forwhat we can do with the logo see: http://fedoraproject.org/wiki/Logo/UsageGuidelines I also contribute to Open Clipart with my new found skills... http://www.openclipart.org/search/?query=bnielsen Glad to see here a fellow OCAL contributor :) (i am http://www.openclipart.org/user-detail/nicubunu) -- nicu :: http://nicubunu.ro :: http://nicubunu.blogspot.com/ ___ design-team mailing list design-team@lists.fedoraproject.org https://admin.fedoraproject.org/mailman/listinfo/design-team ___ design-team mailing list design-team@lists.fedoraproject.org https://admin.fedoraproject.org/mailman/listinfo/design-team
Re: [Design-team] Proposed Icon for Ticket #99
Nicu, I had not rendered the icon in the various sizes yet. I need a bit of guidance on the various steps I should be taking to make sure icons have the appropriate appearance and are rendered properly for packaging. Here are some renderings of the new icon... http://xorengineering.com/dev/system-config-boot-22.png http://xorengineering.com/dev/system-config-boot-24.png http://xorengineering.com/dev/system-config-boot-48.png I used some source SVG files from the gnome themes for the computer screen behind the arrows and I chose the largest screen in the source file to work with. There were several smaller screens in the same source file and I'm wondering if I should have used one of the smaller screens to get a better rendering for a small icon. Bryan On Mon, Oct 4, 2010 at 12:44 AM, Nicu Buculei nicu_fed...@nicubunu.ro wrote: On 10/02/2010 10:16 PM, Bryan Nielsen wrote: Hello again, Hi Bryan and welcome to our team, I was looking for a simple ticket item that I could tackle and ticket #99 does not have an owner and looked like something I could handle. https://fedorahosted.org/design-team/ticket/99 It is awesome you stepped directly into the tickets queue. So here is my proposed replacement for the old system-config-boot.png icon... http://xorengineering.com/dev/system-config-boot.svg Have you tried rendering the PNG at 22x22 / 24x24, the actual size that will be used in the menu? -- nicu :: http://nicubunu.ro :: http://nicubunu.blogspot.com/ ___ design-team mailing list design-team@lists.fedoraproject.org https://admin.fedoraproject.org/mailman/listinfo/design-team ___ design-team mailing list design-team@lists.fedoraproject.org https://admin.fedoraproject.org/mailman/listinfo/design-team
Re: [Design-team] Proposed Icon for Ticket #99
Lots of good information, making good looking icons that are small is quite the chore. :) I'm not sure how good I will be at touching up the small raster images after rendering but I'll give it a shot. This is a bit out of the suggested work flow but I started with a small icon from the system-shutdown SVG source and created a new system config boot icon based on the suggested metaphor... http://xorengineering.com/dev/working-24.png If this seems like the right direction for the metaphor I'll continue. I'm wondering if my choice of colors for the menu is not such a good idea, the dialog that comes up for system-config-boot is very basic so perhaps the menu next to the switch should be more basic in coloring as well. I am having trouble locating the render-icon-theme.py script, I don't see a Fedora package anywhere with the script and a google search returns some references to the script but not a complete script. On Mon, Oct 4, 2010 at 10:48 AM, Jakub Steiner jstei...@redhat.com wrote: - Original Message - From: Bryan Nielsen bnielsen1...@gmail.com To: Fedora Design Team design-team@lists.fedoraproject.org Sent: Monday, October 4, 2010 4:52:11 PM GMT +01:00 Amsterdam / Berlin / Bern / Rome / Stockholm / Vienna Subject: Re: [Design-team] Proposed Icon for Ticket #99 Here are some renderings of the new icon... http://xorengineering.com/dev/system-config-boot-22.png http://xorengineering.com/dev/system-config-boot-24.png http://xorengineering.com/dev/system-config-boot-48.png Hi Bryan, as Nicu already mentioned, scaling the high resolution icon down isn't going to work. As you see on all the gnome-icon-theme plates, we create pixel perfect variants for the small sizes. Even if it's SVG for editability, the artwork needs to properly align to the pixel grid to render sharply. Here's a few links about scalable icons and pixel perfection -- http://jimmac.musichall.cz/log/?p=177 http://turbomilk.com/blog/cookbook/icon_design/10_mistakes_in_icon_design/ http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines I don't think the metaphor is a strong one. I gave it a little thought and think a flip switch + menu panel would work best for this -- http://www.flickr.com/photos/jakubsteiner/5051667578/. It is a little abstract and lacks a unique silhouette, but communicates this being a boot menu editor better than the overused computer + refresh arrows. I used some source SVG files from the gnome themes for the computer screen behind the arrows and I chose the largest screen in the source file to work with. There were several smaller screens in the same source file and I'm wondering if I should have used one of the smaller screens to get a better rendering for a small icon. Indeed, the workflow goes like this - create the highres, scale it down for 48x48, remove all the detail that won't render. Get rid of all the mask tricks, put 1px strokes in place. Make sure everything snaps to the pixel grid (snap to bounding box in inkscape). Once 48x48 is down, repeat for smaller sizes. Once done, edit the icon name and context in the baseplate layer, hide the baseplate layer and render the icon with `./render-icon-theme.py icon-name` Feel free to drop by at #tango on irc.freenode.org or #gnome-art on gimpnet where there are a few capable icon artists that can help with specific issues you might encounter. cheers -- Jakub Steiner http://jimmac.musichall.cz ___ design-team mailing list design-team@lists.fedoraproject.org https://admin.fedoraproject.org/mailman/listinfo/design-team ___ design-team mailing list design-team@lists.fedoraproject.org https://admin.fedoraproject.org/mailman/listinfo/design-team
