Category Archives: Facebook Design

Social media design tips

Your digital presence is important to you.

And since design is the foundation of an attractive digital presence, it’s essential to understand the elements of design to help portray the appropriate image for your business.

Chances are you will be seeking the consult of a professional graphic designer to assist you, but that doesn’t mean you shouldn’t be well-versed in common graphic design terms.

Learning the design language will diffuse any confusion between your vision and the final product; and overall cultivate a meaningful, professional relationship.

Luckily, Pagemodo’s Cover Photo Creator and Post Designer tools easily help you design like a pro for your social media profiles. But for everything else, here’s a categorical guide for talking the talk with graphic designers:

20150226-Pagemodo-How-to-Speak-Designer-Infographic

The Process

  1. Wireframes: A basic layout that doesn’t yet have design elements.
  2. Comps: Usually when the design goes digital.
  3. Prototype: Meant to give a close idea of the working product.

The Look

  • Bleed: Allowing a design to go beyond the edge of the page so there is no margin.
  • Grid: Used in print and digital to help align elements to create consistency.
  • White Space: The area left empty to bring focus to other elements on the page.
  • Gradient: Fading from one color to another, or opaque to transparent.
  • Padding: The space between a border and the object inside of it.
  • Margin: The space between a border and the objects outside of it.

The Letters

  • Leading: How lines of text are spaced vertically, also known as line height.
  • Kerning: Adjusting the spacing between characters in a word.
  • Typography: The art of arranging type elements in attractive ways.
  • Font: A collection of characters, punctuation marks, numbers, and symbols.

The Web

  • Below the Fold: Refers to the area of the page that a user must scroll to see.
  • Responsive: A web design that adjusts the layout for different screen sizes.
  • Resolution: The number of dots per inch; 72dpi for web, 300+dpi for print.
  • Web Colors: Colors used on the web, represented by 6-digit hexadecimal codes.
  • Web Safe Fonts: Fonts that most users likely have, like Arial, Georgia, or Times.

The Acronyms

  • CMYK: Cyan, magenta, yellow, and key (black), usually used for print.
  • RGB: Red, green, and blue, generally used in digital.
  • DPI/PPI: Dots per inch / pixels per inch in design, also called the resolution.
  • UI: User interface, or the actual appearance of the design
  • UX: User experience, or the flow and behavior of the design.

The Files

  • JPEG: Join Photographic Experts Group, best for images with gradients.
  • GIF: Can be static or animated, often used in web design.
  • PSD: The format of files that come directly from Adobe Photoshop.
  • PDF: Portable Document Format. Ideal for sending materials to be printed.
  • PNG: Portable Network Graphics. Supports transparency and good for the web.

Now you should be fluent in the tricky language of design. So go forth and converse with any digital designer you may meet!

Tips for successful Facebook timeline photos

Whether you are trying out Facebook Ads or just looking to create Facebook timeline photos that stand out, there’s a lot of advice out there on the web. And if you’re just looking for the basics, it can be overwhelming. In this article, we’ll take a look at three things you need to know in order to have an engaging visual presence on Facebook.

Where To Get Images
There are lots of ways to get images for your marketing efforts on the web – some more legal than others. While plenty of people choose to ‘borrow’ images they find through a Google search, this practice in nonetheless illegal – and increasingly risky. With Google’s reverse image search, it’s easier than ever for photographers to find (and prosecute) people who are using their images illegally. But don’t despair, there are still lots of great resources online for free and reasonably-priced images for social marketing.

1. Creative Commons offers a huge portfolio of images, all with different types of licenses. Many simply require attribution in exchange for use.

2. IMG Embed is a relatively new creative service that aims to great a community with fair pricing for both users and photographers. There are a number of affordable image use options and lots of high quality photos.

3. Fotolia has been around for awhile and has a well-established reputation. They offer pay-as-you-go and subscriptions at low prices.

4. Pagemodo Post Designer also has a huge library of free images that can be combined with text and other graphic elements, and posted directly to Facebook.

How To Stand Out
While there’s no fool-proof formula for what images work best for Facebook timeline photos, there are some tips that have become general knowledge over time.

Showing people tends to increase viewer engagement. If you can use a great stock photo or a photo of your own that shows someone interacting with your brand in some way, try that first.

– Cropping closely can improve engagement because it more easily shows emotion if a person is the subject, and it simplifies the image so that it can be quickly recognized by a scanning viewer.

– Using warm colors is a great way to stand out against Facebook’s cool, muted color palette. Reds and oranges provide a nice contrast and are more likely to pop off the page. It’s also best to avoid an image with a solid, colorful background, instead of white.

The tips above are a great place to start to make the most of your Facebook timeline photos. The best way to find out what works for your audience? Trial and error! Test out the tips above and keep a close eye on your Facebook Insights over time.

Facebook timeline photo size

It can be difficult to navigate the size, dimensions and other requirements of Facebook photos and image assets, particularly Facebook timeline photo sizes.  As Facebook aims to optimize its user experience, they try to provide information how to get the perfect photo sizes.  There are some very basic tools, such as cropping functionality, directly within the Facebook photo upload tool.

cover photo dimensions

If you find Facebook timeline photo sizes daunting or confusing, Pagemodo allows you to create images that are perfect for the Facebook timeline.  You can leverage stock photography or upload your own images, then edit and overlay text or other design elements.  By using Pagemodo you can worry less about the logistics like size and resolution, and more about the impact your photos have.

Facebook design tips

Facebook advertising is becoming more and more important as the ability to reach your audience with organic posts continually declines. However, exuding meaningful effort into both methods is essential for success.

In order to make every post, organic or paid, most effective you must heavily focus on Facebook design.

The term Facebook design is used since the social network has particular design rules that optimize your visual posts.

Here’s a breakdown of the rules for Organic and Paid:

Organic Facebook Design:

  • Keep image dimensions between 400 x 300 pixels and 800 x 600 pixels for maximum resolution and News Feed real estate.
  • Assign image credit (the source of where you found your image) on the image to reduce the need of more text for your post –a plain image can potentially gain more reach than an image with text.
  • Use colors that are attention grabbing and do not conflict with each other – colors that grab your audience’s attention will be more engagement (likes, comments, shares) worthy!

Paid Facebook Design:

  • Keep image dimensions specifically to 470 x 394 pixels to meet Facebook Ad requirements.
  • Ads and sponsored stories may not include images with more than 20% text. This can be the trickiest to follow – so be careful!
  • Avoid spam-like Facebook designs which could end up in Facebook’s rejects pile.

Here’s a breakdown of what Facebook requires of your paid ads right from their Help Center:

image001

Remember, this is just for your Promoted Posts in the News Feed. These dimensions can change for your Mobile, Right-Side Newsfeed, or Page Post images.

If you are feeling a bit overwhelmed, try using Pagemodo Post Designer to help with your image woes. The images are organic post-ready and have a variety of templates to choose from to meet your Facebook design needs.

In just a matter of minutes, you can create beautiful visual posts that enhance your content strategy – just keep to the rules explained above!