@Tres, That's great! Looks much better. The only suggestion I have is to make sure things are capitalized and punctuated unless it's intentional. I'm definitely liking this so far. I'll let you know if I have any more suggestions. Is there a site where we can view the current mock-up?
On Wed, Aug 13, 2014 at 5:06 PM, Vesa <dii....@nbl.fi> wrote: > On 08/13/2014 07:47 AM, Tres Finocchiaro wrote: > > Thanks for the feedback. I'll move forward with it. > > Since Vesa went into specifics, I'll respond to his items directly. > > > Sorry for delayed response. I'll try to clarify a bit here... > > > > - align the text/buttons vertically, make sure the top/bottom margins are >> even >> > That will likely increase the height of the banner. Do you think it's ok > if it gets taller? > > > No no, it doesn't have to increase the height. What I'm saying is to > center the text, so that there's the same amount of distance from the top > of the text->top edge and bottom of text->bottom edge. All you need is to > move the text, the size of the banner can stay the same. > > > > >> - also make sure left/right margins are even >> > That should be possible at full screen resolution but due to the overflow > nature of the content on smaller screens, some window dimensions won't be > even. > > > Yeah, I don't think it's a big concern. Again, to be clear, speaking of > the internal margins in the image. Also, very small screens often scale the > content anyways... Anyway, as long as it's even on fullscreen, that's good > enough. > > > > >> - improve the background: too blurry, shows some aliasing >> > That was actually intentional because it's a tiled JPG and weighs in at a > very small file size but point taken. It will be easily replaceable via > github once the commit is in. > > > Cool. JPG's aren't really useful for anything other than photos... the > artifacting on them is very noticeable and ugly on all computer-generated > graphics. If size is a concern, it would be better to use GIF, since there > are so few colours in the background that you can probably get away just > fine with an 8-bit palette. (Sure, it's an obsolete format, but it still > works pretty well for some corner cases.) Just don't use dithering when you > convert to 8-bit, that'll look ugly... if it turns out that 8-bit isn't > enough after all, then an optimized PNG is a good second choice. > > > > >> - possibly make the button backgrounds a bit darker, and maybe add a *very* >> slight gradient to them (vertical gradient, light top-dark bottom) >> > This is something I hadn't brought up yet, but we're currently working > with a vanilla bootstrap theme so our buttons currently look like the rest > of the world. I'd be happy to override these colors with ones we've chosen > that better personalize the page. Would you propose we do it site-wide, or > a one-off use for the jumbotron only? > > > I haven't had much chance to look at the rest of the site yet, but if the > style is similar, then I'd suggest the same change for the buttons there as > well. Just keep the gradient subtle - too much looks garish, but just the > right amount gives the button some depth and makes it stand out as UI > element. > > Also, not sure if we already do this, but highlighting on hover would be a > good idea - just a slight increase in brightness when hovered over. This > could be a short CSS transition, maybe 100ms or so. > > > > >> - improve the reflection effect on the image, have it fade out more >> gradually, >> currently looks like the reflection is cut in half > > Same height considerations as the button recommendations. It's a > transparent PNG so it can easily be replaced. > > > The image can stay the same size. Just increase the length of the alpha > gradient... > > > ------------------------------------------------------------------------------ > > _______________________________________________ > LMMS-devel mailing list > LMMS-devel@lists.sourceforge.net > https://lists.sourceforge.net/lists/listinfo/lmms-devel > >
------------------------------------------------------------------------------
_______________________________________________ LMMS-devel mailing list LMMS-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/lmms-devel
