Looks nice and clean!<div> </div><div>My only comment is that Download does not look enough like a button. It looks more like a continuation of the header. <div>The position and size of the button in addition to the lack of additional styling both contribute.</div> <div> </div><div>Best,</div><div><div>-Wade</div><div> <div class="gmail_quote">On Wed, Mar 4, 2009 at 11:05 AM, Eben Eliason <<a href="mailto:eben.eliason@gmail.com">eben.eliason@gmail.com</a>> wrote: <blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">Here are some sketches I have been playing with, for thought and critique. Nothing's finished, but I was taking some cues from the static site and the comments I mentioned in my earlier post. (I'm sure Christian will still tear it apart. :-P ) To your point Tomeu, I realize some of the layout might not be correct given the starting point, but I was working from scratch here based on what I thought would be an optimal experience (I have no proof of such optimality; opinions welcome). We may have to reorganize as necessary; we'd have to see how flexible the templates and CSS are. - Eben <div><div></div><div class="h5"> On Wed, Mar 4, 2009 at 10:14 AM, Tomeu Vizoso <<a href="mailto:tomeu@sugarlabs.org">tomeu@sugarlabs.org</a>> wrote: > On Wed, Mar 4, 2009 at 16:03, Eben Eliason <<a href="mailto:eben.eliason@gmail.com">eben.eliason@gmail.com</a>> wrote: >> On Wed, Mar 4, 2009 at 5:27 AM, Tomeu Vizoso <<a href="mailto:tomeu@sugarlabs.org">tomeu@sugarlabs.org</a>> wrote: >>> Hi Josh, >>> >>> I'm wondering how we can move forward on this. I see two possibilities: >>> >>> - keep insisting to the Design team to give feedback on your mockups >>> and reach an agreement with them after a number if iterations. >> >> Christian and I both gave some feedback on what must have been another >> thread. > > Sorry, I must missed it. > >> I think we should go through a few iterations if we could, to >> bring the wireframe of sorts into a fleshed out design consistent with >> the Sugar Labs web presence. A few suggestions were: use an official >> Sugar Labs logo and colors; use a solid white background; scratch the >> gradients (which aren't part of our visual language); likewise no >> bevels; and perhaps a design for the content areas that doesn't feel >> quite as "enclosed". > > All those sounds as good suggestions to me. > >> We should also discuss a bit the ways we want the site to work. I >> know that Josh has been designing to an XO-sized display, but there >> are of course ways to make the page scalable as well, which we might >> consider. Also, we should talk about the way we want to expose the >> activities. One approach is shown in the mockup—a single featured >> activity—but I would actually lean toward something that looks a lot >> like the activities page on the static portion of the site, with an >> array of activities with icons and brief one-line descriptions in a >> grid, so that it's easy to jump into any of a number of recently added >> activities right from the home page. >> >> I actually think the static activities page might be a good one to >> build out from in terms of a design, adding components such as search >> fields, category menus, etc. I'd be happy to find some time to >> iterate on the proposed design add my thoughts into this design space >> over the next week or so. Perhaps Christian will have insight as >> well. > > Well, what if first we settle on a design that doesn't change much the > structure of the page from the mozilla one and then we talk again > later? Would be good to not need to do many changes to the upstream > code base or we'll have lots of work maintaining and rebasing. > > Regards, > > Tomeu > >> - Eben >> >> >>> - implement your design in <a href="http://activities-devel.sugarlabs.org" target="_blank">activities-devel.sugarlabs.org</a> and ask the >>> community for opinions before applying those changes to production. >>> >>> AFAIK, you will only need to modify two files in order to customize >>> the look of the site: >>> >>> <a href="http://git.sugarlabs.org/projects/slo-addons/repos/mainline/blobs/devel/site/app/webroot/css/sugar.css" target="_blank">http://git.sugarlabs.org/projects/slo-addons/repos/mainline/blobs/devel/site/app/webroot/css/sugar.css</a> >>> >>> <a href="http://git.sugarlabs.org/projects/slo-addons/repos/mainline/blobs/devel/site/app/webroot/img/sprite.png" target="_blank">http://git.sugarlabs.org/projects/slo-addons/repos/mainline/blobs/devel/site/app/webroot/img/sprite.png</a> >>> >>> Regards, >>> >>> Tomeu >>> >>> On Thu, Feb 19, 2009 at 17:10, ,Josh williams <<a href="mailto:joshcwilliams@gmail.com">joshcwilliams@gmail.com</a>> wrote: >>>> Hi, I'm working on the design of sugar labs add-ons with Mick Weiss. >>>> I've created a mock up at <a href="http://sugarlabs.org/go/AddonsPortal/Design" target="_blank">http://sugarlabs.org/go/AddonsPortal/Design</a> >>>> but I've haven't been able to contact anyone on the design team as of >>>> yet. I would also like to volunteer some of my time for other projects. >>>> I'm primarily a front-end designer with XHTML/CSS JavaScript skills, but >>>> I also know some PHP/MySQL and have a background in Linux. I also enjoy >>>> creating icons, so if there are any activities developers that need >>>> icons please contact me. My portfolio is over at <a href="http://tucsonlabs.com" target="_blank">http://tucsonlabs.com</a> . >>>> >>>> If you're a member of the design team or have some use for my skills, >>>> please let me know. >>>> >>>> Thanks >>>> >>>> Josh >>>> _______________________________________________ >>>> IAEP -- It's An Education Project (not a laptop project!) >>>> <a href="mailto:IAEP@lists.sugarlabs.org">IAEP@lists.sugarlabs.org</a> >>>> <a href="http://lists.sugarlabs.org/listinfo/iaep" target="_blank">http://lists.sugarlabs.org/listinfo/iaep</a> >>>> >>> _______________________________________________ >>> IAEP -- It's An Education Project (not a laptop project!) >>> <a href="mailto:IAEP@lists.sugarlabs.org">IAEP@lists.sugarlabs.org</a> >>> <a href="http://lists.sugarlabs.org/listinfo/iaep" target="_blank">http://lists.sugarlabs.org/listinfo/iaep</a> >>> >> > </div></div> _______________________________________________ IAEP -- It's An Education Project (not a laptop project!) <a href="mailto:IAEP@lists.sugarlabs.org">IAEP@lists.sugarlabs.org</a> <a href="http://lists.sugarlabs.org/listinfo/iaep" target="_blank">http://lists.sugarlabs.org/listinfo/iaep</a> </blockquote></div> </div></div></div>