Cropped-hell-yeah

#ABC

by Mark Otto Sep 9, 2010
Shot_1284071715
help 2 rebounds
Tweet
1,617 views
http://drbl.in/tUs
Icon-colordrop

Tags

  1. 30
  2. 27
  3. 23
  4. 22
  5. 8
  6. 5
  7. 4
  8. 1

17 Responses

  1. Cropped-hell-yeah Mark Otto

    A visual to accompany a new section for our business site (http://business.twitter.com) to help get businesses up to speed on Twitter quickly through our glossary and some general tips.

    Colors need a bit of cleanup on the icons, but I dig the direction. Thoughts on how to improve the imagery?

    over 1 year ago

  2. 208x208 Mike Gowen

    All of the elements seem to be screaming for attention. Maybe make the button more colorful, and go monochrome with the icons? Might help unify them as a background element.

    likes

    over 1 year ago

  3. Pro Josh_hemsley Josh Hemsley

    Nice. I really dig the direction as well. Immediately notice the headline text is shifted a bit to the left instead of being centered.

    A few notes (take them as you will):
    Visually the weight of the graphic is pulling a bit too much emphasis on the retweet and favorite icons IMO. A little more weight shifted on the "@" symbol or a little large might bring in that balance. This is probably also driven by the bright colors of the icon on the right sight and the more generalized palette of the left icons.

    likes

    over 1 year ago

  4. Pro Jeffrey Jeffrey Kalmikoff

    I like the subtle curve that the icons make, but the #ABC button(?) on top seems to be just dropped on top. Maybe it's that I'm not sure the purpose of the button, but I could see the "center" of the icons being the bird instead, so it's like the suite of icons surrounding the main company icon.

    over 1 year ago

  5. Pro Veer kern Patrick Haney

    I agree with Mike, all of the icons in the background are bright and bold. I'd rather see greyscale there. The #ABC part is really nice, but I wonder if the rounded box you have that in might be more appropriate if it was in the shape of a tag (to compliment the hash tag idea).

    Lastly, the Tweet button in the back left looks odd when you compare it to the other icon elements back there. Not sure you want that in the mix or not.

    over 1 year ago

  6. Pro Twitter David

    Hmmm.... the yellow seems a little 'dirty' and the '@' is lost on the background.

    over 1 year ago

  7. Pro Squaredeye_336x336 Matthew Smith

    Maybe unify all the disparate elements by giving them each a unified color or container. I could see @Mikes solution working well here too.

    ps. Good to find you here on Dribbble :)

    over 1 year ago

  8. Pro Logo-ge Gerardo Diaz

    Very nice! I like the concept of the ABC of Twitter.

    I have some questions/comments. Why is the hash tag represented as the main button? Could be part of the elements behind the ABC. Also, there is some like coming from the bottom right corner, but the elements show light coming from the top. Probably I'm misjudging from the snapshot. Lastly, same as others, the @ is hiding too much, rotating and scaling could help.

    over 1 year ago

  9. Tory-dribbble Tory Hobson

    I love it as-is.

    over 1 year ago

  10. Twitter_img_sml_new Mike Puglielli

    Its not terribly original, but fun. Cool.

    over 1 year ago

  11. 228940_10150398724704896_502804895_10767806_5906059_n Youssef Sarhan

    Small point, the 'Tweet' button is neither in or out. I think I'd bring it out a few pixels so that half the of the first 'e' is visible.

    over 1 year ago

  12. Squaredeye_336x336

    Shot_1284145458_teaser A bad rebound, but... This is really poo, but... here's the idea of what I was talking about. I think the symbols speak for themselves. If someone wanted to share a little PSD act... September 10, 2010

    Rebound

    A bad rebound, but...

    by Matthew Smith

    This is really poo, but... here's the idea of what I was talking about. I think the symbols speak for themselves. If someone wanted to share a little PSD action, I could do more ;)

    over 1 year ago

  13. Image Edward Sanchez

    My suggestions:
    • The reply arrow tail is too thin for its head.
    • move the @ symbol up a bit so you see the a shape a tad more.
    • Is the tweet button on the left absolutely necessary? If so, move it right a bit so it hides the e, it looks wrong showing only 2 pixels of it.
    • The contrast between the yellow star and bg is not big enough, either make bg darker or star brighter or add more red to it.

    Otherwise, love the concept and implementation. :-)

    over 1 year ago

  14. Pro F1f95f1f5f0644c181485df8f1c07427_7 Sean O'Grady

    I'd move all the icons closer together, they seem very disconnected.

    over 1 year ago

  15. Josh

    Shot_1284166569_teaser Twitter Not knowing the business requirements for this one, I took a stab at emphasizing the new Tweet button instead of the quasi-tag button. Not 100% satisfied wit... September 10, 2010

    Rebound

    Twitter

    by Josh Brewer

    Not knowing the business requirements for this one, I took a stab at emphasizing the new Tweet button instead of the quasi-tag button. Not 100% satisfied with the icons and lighting, but for a quick pass... it gets the idea across.

    over 1 year ago

  16. Pro Squaredeye_336x336 Matthew Smith

    ohh, @Josh's is really where it's at. Though, the biz requirements commentary is spot on. That's always a balancing act, and necessary for the right design instead of just a visual playground :) - as Mark knows all to well.

    over 1 year ago

  17. Cropped-hell-yeah Mark Otto

    Thanks for the great feedback, everyone—definitely my favorite part about Dribbble :).

    To reiterate, the concept is for the glossary of terms. The glossary is numbers—hence the #—and letters—hence the A-B-C. Put 'em all together, you get #-A-B-C in the pill.

    The icons themselves won't change; their the ones we use throughout Twitter.com. Good feedback regarding the Tweet button and @ symbol though; will position those better.

    Josh: *that* Tweet button isn't the one I was showing. That Tweet button is for partners and third party sites. The other one I had shown was from Twitter.com's tweet box. I do kind of like the monochrome style though.

    likes

    over 1 year ago

keyboard shortcuts: ← previous shot → next shot L or F like