Tag: twitter header

Twitter Profile size 2015 and some examples , NEW!

Another new twitter profile size?! Really!?? Once again, one of the top social media channels has changed the way it looks trying to improve the user interface and I must say, they have done quite a nice job of it.

I find it to be a much more minimalistic approach than with the interesting background and follows the same style of Google+ and Facebook with a large header and a small profile picture to one side which in turn makes it easier to design your branded images for and maintain consistency throughout. In this post I will discuss the new twitter profile size for 2014 and what to consider when creating yours.




Twitter Profile Size 2014 – The header

JAWilsonDesign Twitter profile, twitter profile size 2014

What you will notice when you activate the new twitter profile is the header of your Twitter profile has now been made to expand the full width of the users screen. Although this a beautiful, simple idea if you have built and designed your Twitter profile in depth to exact measurements in the past it may result in your branded profile being blurred or pixelated…not good!

The new measurements of the Twitter header is at least 1500px x 500px and I recommend using a large ppi ( ppi is an abbreviation for pixels per inch. A pixel is a dot on the screen that makes up your image, the more of them the more clear your image will be )  as this will improve the clarity of your image especially if a user is using a very large screen such as a 2560px x 1600px retina display. Also, after uploading a jpeg i discovered Twitter seems to render png files better with less loss to the actual quality of the image, so yep, you guessed it, save it as PNG.

Twitter Profile Picture Size

The profile picture for 2014 size has increased in size on desktops too now displaying at approx 210px square. I still recommend adding an image that is fairly high in ppi, larger than the 210px but ensure that the profile picture remains square for best display.

Twitter Header peaks through

jawilsondesign new twitter header with the new change to the twitter profile size 2014

As you scroll through the Twitter news feed the header remains slightly in view by around 10px. I really like this feature as it add a decorative element to the new view. I’m really impressed with how nice the new interface feels on desktop, its so intuitive and pleasent to view, I get excited just looking at feeds on my laptop!! WOOP!

Avoid text with the new Twitter Header

I believe that avoiding text on your header is now compulsory. I would avoid it at all costs ( I know I have it at the moment ) as on smart phones it will not work well so try to be clever with images instead of having to include text. If people really want to find out more about you or your company they will visit your website and find out there.

Background still has a use

jawilsondesign main background - twitter profile size 2014

Twitter backgrounds still have their place and what I have found is that it still displays the background when you log in. It is no longer customer facing so design it for your own benefit. Maybe consider adding a message to remind yourself what you use Twitter for and when to use it. For example, maybe you could have the days of the week on one side and then each day suggest a topic that you want to discuss on that particular day or maybe simply just use the same image as the header, it is just for people that use your Twitter account so don’t worry about it too much.

Choosing your brand colour – Twitter Profile 2014

Again the colour selection remains and does have a great personalising effect on your profile so ensure that it is selected and not just the standard blue. Colour has a huge effect on a users psychology and recently, i spoke about the effect of colour in this blog post about branding here .

Responsive Twitter Profile Size 2014

Keep in mind that end users will, a lot of the time, be using the social media platform on their smart phones rather than the desktop display. When I looked at my new header design on mobile I noticed that my main marketing message ,my website url and my specialities, is slightly covered. To rectify this problem I would probably put my main skills to the very top of the header in order to avoid this happening, but for the time being, I’m quite happy with the way it looks.

Some 2014 Twitter Profile examples

Seeing how others are designing their new Twitter profile under the newly designed user interface can inspire you to design your own. I have put three of the ones I have spotted that I think are great designs, the first of which is Smashing Magazine, a web designer/developer magazine.

smashing magazine twitter header , twitter profile size 2014

 Smashing Magazine Twitter Header 2014

I particularly like the flat and fun cartoon illustrations of the editor showing that they have a sense of humour but also mentioning the url of their company. It makes me want to visit their site simply because i feel I will have a smile put on my face.

twitter profile size 2014 , thrive agency use a subtle pattern for their new design




 Thrive Twitter Header 2014

The next one is Thrive, a branding agency based in the North East of the UK. They have created a repeated image of their logo as a pattern for their new twitter header and it works really well. Their profile is all about branding so showing their brand colour and logo is a great way to show a professional design to their visitors on desktop computers, likewise, it will look great on smartphones as no text will overlap their account profile.

twitter profile size 2014 design of designboom

 

Design Boom Twitter Header 2014

Designboom are an excellent website all about design and they use their header to show some of the famous faces of design. I have always been a fan of their logo and I think their Twitter header compliments their brand message and content  effectively.

Whether you are creating a new twitter account or updating your current site its important you reallt think through your graphics and whether the correct message is being portrayed. You may not think that a message is important when most people are focusing on what you tweet but any opportunity you have to either brand your business or self should not be missed and it shouldn’t be taken lightly and it would be wise to take at least some careful consideration of how you want to represent yourself to visitors of your Twitter account.

Do you have any other suggestions about the new Twitter Profile display? Would you like your profile included in the gallery? Please add a comment below with your twitter profile, I love to seeing the creativity of others. Happy 2014 tweeting folks!