[wp-design] Login Version 18

Michael Heilemann heilemann at gmail.com
Tue Jan 10 09:54:09 GMT 2006


Now we're talking :)

The light blue color at the top is an ambivalence though. I kinda like the
way it looks right now; it gives an indication of depth/3D. But if we're
going to use it here, I do think it's something we should consider adapting
throughout.

I'd like to just adjust the shadow ever so slightly. I'll look into that
tonight during the keynote.

- Mike

On 1/10/06, khaled Abou Alfa <brokenkode at gmail.com> wrote:
>
> Good points Mike.
>
> To be honest the white wasn't actually my idea I was just thought I was
> following what you did, didn't want to change anything that worked well.
> After I sent it out then I noticed that, so sorry about that. I've made all
> the changes you said, with the exception of your gradients. Have a poke and
> see if it works for you.
>
> I too also like the warning at the bottom but I can understand for it to
> be at the top as well.
>
> On 1/10/06, Michael Heilemann < heilemann at gmail.com> wrote:
>
> > Forgot to say: The blue feels slightly more 'blue' in Khaled's version.
> > That I like.
> >
> > On 1/10/06, Michael Heilemann < heilemann at gmail.com> wrote:
> > >
> > > I'm going to be the annoying minefield between all of you and the
> > > icecream van. And while I hate coming off as the asshole who wants to be
> > > right, I must admit to still liking my own proposal the best.
> > >
> > >
> > >    - I don't like the light blue border at the top. It's yelling
> > >    out for attention for no reason, my eye keep going back to it, wondering
> > >    what it's for.
> > >    - The warning box needs more air, both in terms of padding, but
> > >    also, due to the air in the bottom of the login box, more margin top and
> > >    bottom.
> > >    - The white on the warning box is too aggressive for me, making
> > >    my eyes twitch back and forth between the warning itself and the border
> > >    - The shadow makes it seem like it's a sticker. It was my
> > >    intention (which is just the way I saw it, though not necessarily the right
> > >    way to go) to have it be more of an interruption 'from the inside'. As if
> > >    the warning box had opened up the blue surface of the login box and was
> > >    indented slightly.
> > >    - I miss my gradients. And want to ease the new gradient up a
> > >    bit.
> > >    - And finally, just to be really cross, I liked the bottom links
> > >    without underlines :)
> > >
> > > What I do like:
> > >
> > >
> > >    - The right-aligned submit button. This is what I started out
> > >    with, and the centered button was an attempt at making the login process
> > >    seem a bit more 'important'. But right-aligned actually makes it seem a bit
> > >    more important, as you're constantly drawn diagonally across the form, to
> > >    the button, making it seem urgent that you fill it out and press the button
> > >    :)
> > >    - I know Joshua (I think it was) said the warning behavior would
> > >    do better to be placed at the top, thus pushing the form down, and I think
> > >    this does make more sense. I do however like it better aesthetically at the
> > >    bottom.
> > >    - The border is better now, though I think it might need a bit
> > >    more shadow intensity in the direction of the 'light source', to make it
> > >    more clear what's going on.
> > >
> > > ... So yeah.
> > >
> > >
> > > On 1/10/06, Joshua Sigar < jls_online at yahoo.com> wrote:
> > >
> > > > > I especially like that the login button is
> > > > right-aligned.
> > > >
> > > > ...which reminded me. All submit buttons on login, and
> > > > other admin pages are
> > > > in the same CSS class. So, if the submit buttons in
> > > > admin pages are right
> > > > aligned, so is the one on login page.
> > > >
> > > > And goes further...
> > > >
> > > > > it's about the "username doesn't exist" box. Do we
> > > > have such
> > > > > a box already?
> > > >
> > > > On the "Write Page" mock-up, we have the "Timestamp
> > > > updated" notification
> > > > msg box. It's styled only with background color and
> > > > border. Now compare with
> > > > "Username does not exist." Here we have the curve and
> > > > shadow. I'd say just
> > > > work with background and border. (The icon is fine,
> > > > though.)
> > > >
> > > > ----
> > > > Joshua
> > > >
> > > >
> > > > > -----Original Message-----
> > > > > From: wp-design-bounces at lists.automattic.com
> > > > > [mailto: wp-design-bounces at lists.automattic.com] On
> > > > Behalf Of
> > > > > Joen Asmussen
> > > > > Sent: Monday, January 09, 2006 2:48 PM
> > > > > To: wp-design at lists.automattic.com
> > > > > Subject: Re: [wp-design] Login Version 18
> > > > >
> > > > > I like it a lot!
> > > > >
> > > > > Most of my woes are addressed in this.
> > > > >
> > > > > I especially like that the login button is
> > > > right-aligned.
> > > > > This makes it feel more like an "enter" button,
> > > > (i.e. the one
> > > > > on the keyboard, which is geographically to the
> > > > right).
> > > > >
> > > > > I have only more thing and that's more like a
> > > > suggestion --
> > > > >
> > > > > it's about the "username doesn't exist" box. Do we
> > > > have such
> > > > > a box already? In any case, there's something about
> > > > the
> > > > > border. Except for the fact that it'll be a pain to
> > > > create in
> > > > > HTML with the corners and shadow, it's as though the
> > > > white is
> > > > > flickering in its contrast. Then again, I don't
> > > > think it
> > > > > would work any better with blue. How would it work
> > > > without a
> > > > > border at all?
> > > > >
> > > >
> > > >
> > > >
> > > >
> > > >
> > > > __________________________________________
> > > > Yahoo! DSL – Something to write home about.
> > > > Just $16.99/mo. or less.
> > > > dsl.yahoo.com
> > > >
> > > > _______________________________________________
> > > > wp-design mailing list
> > > > wp-design at lists.automattic.com
> > > > http://lists.automattic.com/mailman/listinfo/wp-design
> > > >
> > >
> > >
> > >
> > > --
> > > Aloha,
> > > Michael Heilemann
> > > http://binarybonsai.com
> >
> >
> >
> >
> > --
> > Aloha,
> > Michael Heilemann
> > http://binarybonsai.com
> >
> > _______________________________________________
> > wp-design mailing list
> > wp-design at lists.automattic.com
> > http://lists.automattic.com/mailman/listinfo/wp-design
> >
> >
> >
>
> _______________________________________________
> wp-design mailing list
> wp-design at lists.automattic.com
> http://lists.automattic.com/mailman/listinfo/wp-design
>
>
>
>


--
Aloha,
Michael Heilemann
http://binarybonsai.com
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://comox.textdrive.com/pipermail/wp-design/attachments/20060110/56a6e4c7/attachment.htm


More information about the wp-design mailing list