Twitter Design – Inspiring Twitter Background & Resources

Twitter Design - Inspiring Twitter Background & Resources

If you are a freelancer like me, you will probably find social media sites these days are your best friends. Facebook and Twitter are the most common social media sites being used to promote freelancing businesses. As you may have noticed, Twitter has redesigned the layout of the Twitter Homepage. It gives better support for multimedia applications such as videos and pictures, keyboard shortcuts and easier access to other kinds of content.

Twitter Design - Inspiring Twitter Background & Resources

However, the new Twitter layout is obviously affecting the look of your Twitter background design. With this new layout, 100% of Twitter users or your followers will always see at least 41 pixels on each side. In today’s post you will find out more about the detail interface dimensions for your new Twitter background, resources you can use in creating it, along with beautiful Twitter backgrounds for your inspiration.

Twitter Design Guide

Interface Dimensions

Below are the specifications on how wide your background will be seen when a Twitter user lands on your Twitter profile page.

  • 100% of users will always see at least 41 pixels on each side.
  • 72% of users viewing in 1280 x 800 or higher resolution will see 108 pixels on each side.
  • 28% of users viewing in 1440 x 900 or higher resolution will see 200 pixels on each side.
  • 4% of users viewing in 1920 x 1080 will see 312 pixels on each side

Design Directions

  • The right sidebar is now set with the 75% opacity. If you prefer to remove the transparent sidebar, you can find out more about it here. Either way, make sure to pick the right color to maintain the readability as well as the color impact.
  • The timeline column is set to always be 540 pixels wide, while the sidebar can vary. Therefore, it is best to use tiled patterns or a seamless background. Though, you can always be creative in creating your background and don’t forget to match it with your branding theme.

Inspiring Twitter Background Designs

@logorado
Logorado

@imgraphicscmyk
Imgraphicscmyk

@kiluka
Kiluka

@VeerUpdateUK
VeerUpdateUK

@gianluca_75
Gianluca_75

@ibrandstudio
Ibrandstudio

@frenden
Frenden

@JordanMoorer
JordanMoorer

@chadmcmillan
Chadmcmillan

@chrisspooner
Chrisspooner

@imjustcreative
Imjustcreative

@pudny
Pudny

@just4thealofit
Just4thealofit

@nullvariable
Nullvariable

@imagedesigns
Imagedesigns

@cheth
Cheth

@meghunt
Meghunt

@happytreefriend
Happytreefriend

@collagesnet
Collagesnet

@melody
Melody

@bobbyChandler
BobbyChandler

@gerardoObieta
GerardoObieta

@cooljaz124
Cooljaz124

@jamkhayyam
Jamkhayyam

@Motorola
Motomobile

@onextrapixel
Onextrapixel

@chykalophia
Chykalophia

Twitter Design Resources

Show Off Your Twitter Background

Now that you have everything you need to know plus the resources we have provided, you are ready to renew your Twitter background. Tell us which is your favorite Twitter background or show us yours in the comment section.

Ari Suardiyanti also known as Chykalophia, is a professional freelance designer in graphic and web design with 3 years of experience. Founder and Editor of Frespiration!, she recently won The Annual Design Awards 2010 for best product packaging design. Other than design, she loves playing with her mac, being photographed, watching movies and listening to alternative rock.

Comments

  1. / Reply

    What do you think this http://twitter.com/espacioHarley ? You can send us your opinion.

    • Patrick,
    • February 10, 2011
    / Reply

    I kind of like mine, I call it 70’s dining room. http://www.twitter.com/pcridesagain

  2. / Reply

    These are great! In my opinion Twitter made it harder to design for when they released their new interface. I had to change mine (http://twitter.com/fourthcup) to fix the sides for all viewers …

  3. / Reply

    Nice list, a bit… overseen: same people, same backgrounds.
    Why not dare to feature people not so famous and not so featured? =)

    1. / Reply

      I couldn’t agree more. Plus, these backgrounds don’t seem all that “special” to me. I guess because they are famous, well-known or whatever and need to stay relevant?

    • Gersk,
    • February 11, 2011
    / Reply

    I like this twitter background: http://twitter.com/ilovearthistory

    • Tony,
    • February 11, 2011
    / Reply

    http://www.twitter.com/tonyredmor

    @tonyredmor

  4. / Reply

    Great bunch!

    But I think there’s missing one:
    http://twitter.com/#!/gertvanduinen

    • Eko S,
    • February 11, 2011
    / Reply

    Hi, thanks for included our twitter background (@ibrandstudio)….we also write a tutorial how to make it, here: http://ibrandstudio.com/tutorials/how-to-create-a-simple-new-twitter-background-design-in-photoshop
    Hope it useful :)

    • Vibin Hari,
    • February 11, 2011
    / Reply

    Sniff.. my twitter background looked nice with the old twitter.. now it looks.. yetch http://twitter.com/vibinhari
    and I liked @cooljaz124 background idea

  5. / Reply

    @espacioHarley – I love the crispness of your design.

    You can check out mine at http://twitter.com/#!/AliceGraphix

    1. / Reply

      Thank you very much @AliceGraphix.
      Yours is quite dark, but with the fresh mushrooms is quite fine.

  6. / Reply

    my brother designed my background for my dj related twitter
    features wood, turntables and a rane mixer + social icons.

    http://twitter.com/djomry

  7. / Reply

    Some very intresting designs there, brilliant inspiration thankyou.

    • Chris,
    • February 17, 2011
    / Reply

    These are great.
    A lot less real estate to work with now.

    Just re-did the one for my employer…
    http://twitter.com/acculink

  8. / Reply

    this is my twitter background
    twitter.com/sankaranand

  9. brilliant collection :)

  10. Great ideas for some inspiration. Never cared to much about Twitter design but it does create a good impression

    • Paulo.SIlva,
    • March 11, 2011
    / Reply

    Que tal ( hablo español je!!! ) miren mi espacio en twitter: http://www.twitter.com/paulosilvamed y muchas felicitaciones a los que hay mus sollados los backs

  11. / Reply

    I agree with Charnita Fance, the backgrounds are going to be just popular ones with the high member usage rank.

    • LA,
    • April 13, 2011
    / Reply

    I love the one by @cheth. Very nice. Here is one I did for a company recently:

    http://twitter.com/hailbrigade

  12. / Reply

    Thanks for the inspiration! I had a bit of fun with mine, and even included a secret message for anyone who views the background on its own: http://twitter.com/dieselLaws

    • jau,
    • October 3, 2011
    / Reply

    here is mine, just made it yesterday. :) http://www.twitter.com/jauries

    much love!

  13. / Reply

    We just updated our twitter background and would love your feedback on it. @nerdec

    Direct URL: http://twitter.com/nerdec

    All feedback is appreciated!

  14. / Reply

    Awesome collection! Thank you!!

    • kyrul,
    • December 6, 2011
    / Reply

    nice lol ! creative design and clean design !

  15. / Reply

    Inspiring designs! We have given it a bash ourselves! Let us know what you think! @pnpguildford

  16. / Reply

    sorry the link is here~ https://twitter.com/#!/pnpguildford

    • SNO,
    • February 16, 2013
    / Reply

    We attempted really clean:
    https://twitter.com/SNO
    and
    https://twitter.com/Sno_man
    I love that it breaks when you scroll, showing how they’re made

  17. / Reply

    These are great backgrounds buddy…….!!!

Leave a Reply

Your email address will not be published. Required fields are marked *

Deals