One other thing, the buttons look better green when they match the logo. :)


On Wed, Aug 13, 2014 at 5:30 PM, Ian Sannar <ian.san...@gmail.com> wrote:

> @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

Reply via email to