It Wasn’t A Sequel To Begin With
November 29, 2012 – 18:32 | No Comment

My 3rd novel wasn’t meant to be a sequel to the 2nd novel in the first place. Then something happened. Characters began to beg to be included in the story. Thus, a sequel was born.

Read the full story »
Personal Leisure

I may be a workaholic but I have a life too. When I discover new things that are not work-related, here’s where I share them with you. It could be reviews, game tips or even just ramblings.

Creative Writings

Writing is a vast field. If you love poems, stories, dramas, articles – just any form of writings at all, then this corner is perfect for you. There are some writing tips too!

Media & Arts

Are you a web/graphic designer? An artist? A photographer? A creator? Then this section is exclusive for you. Discover tips on how to improve your craft and further expand your career in the field.

Freebies/Downloads

Good things are meant to be shared – all the time. If you love good things that come for free, then you’ll love the gems in this sack. It’s commercial free too!

Freelance & Business

I am a fulltime freelancer. And I have a lot to share. So if you are into freelancing and business in general, here are some info nuggets and interesting insights you may want to check out.

Home » Designing Tips, Freebies/Downloads, Media & Arts

Specifications for Twitter Background Design

Submitted by on October 31, 2009 – 06:58No Comment

twitterDiscovering how to customise your Twitter homepage background is essential for a good brand representation, but learning how to design that background itself would definitely add value to your Twitter communication. When I was designing the background for my Twitter homepage, I discovered that there is no fixed template to begin with. This is because the size of the background is not permanent. It is variable, depending on the size of the computer screen. I tried out many canvas sizes for the background on various screen size and came out with one of the most standard size templates which works perfectly well with most screen dimensions. Here’s sharing it with all of you.

After trying so many sizes, I realised that the best canvas size to work on is 1500px (width) and 1000px (height). The most active place would only take up 1000px (width) and 800px (height). The remaining space acts as a buffer as it would only show on bigger screens.

Here’s the set of guidelines I used for my Twitter background design. The guidelines serve as an indication on where your default Twitter elements will fall on. You may download this template guide file at the links below.

The black-filled portion above is the area on which your Twitter posts, logo and menu bar will appear. This means that it is not advisable to put your design on this area as it will not be visible anyway (unless your readers have a huge screen).

This highlighted green area is what I call the Active Area. This is where you present your visuals, copy and message to your readers. It’s kept at 250px width so that no matter how small your screen is, this panel will still appear on the screen.

Now, the last part, is this yellow L-panel which I have highlighted. This is the unsafe area, which means that readers may or may not see any visuals or copy placed on this area (depending on the size of their screen). I recommend a gradient effect from yoru visual to this unsafe area (filled with solid colour which is paired with the default background colour of Twitter). That way, it will seem as if there is no end to your visual.

Overall, this is how the template guide looks like. And this is exactly what you will receive in the PSD file which is available for download at the links below.

This is how I have designed mine. Notice that the visual slowly fades into a solid black colour on the unsafe area. In my Twitter settings, I used Black as the default background. Should my visual be smaller than the preview screen size, it will blend nicely to the default background to appear as one.

And this is how it looks like on my browser now. Download your Twitter background template (photoshop file) and try it out for yourself now!

Be Sociable, Share!

Leave a comment!

I would like to hear your feedbacks and opinions on this topic too. Feel free to leave a comment and share your mind. You can also leave a trackback from your site or subscribe to these comments via RSS.

No spam and controversy comments, please. Thanks!

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.