[wp-design] Login Version 18

khaled Abou Alfa brokenkode at gmail.com
Tue Jan 10 10:10:20 GMT 2006


Hey Hey, I honestly think this is a cause for celebration :). It took as a
while but I think we're all happy now with it. The best thing about it IMHO
is that it's a combination and that's what this is all about this whole
thing :). Tweak away.

One thing I do want to sort out though is the circle on the logo (noticed it
but didn't have time to sort it out). On the left hand side the circle seems
to be cut short, just to make sure we sort it out before Joshua starts
coding it all in.

The little blue at the top is a tiny slither, you were spot on that it was
too much. This gives it just enough to make it all look like an ipod (in a
good way :).

Right I'll start typing out thoughts on the dashboard now :).

GO TEAM!!!

On 1/10/06, Michael Heilemann <heilemann at gmail.com> wrote:
>
> 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
>
> _______________________________________________
> wp-design mailing list
> wp-design at lists.automattic.com
> http://lists.automattic.com/mailman/listinfo/wp-design
>
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://comox.textdrive.com/pipermail/wp-design/attachments/20060110/7caf0af9/attachment-0001.htm


More information about the wp-design mailing list