BLOGGING BUILDING BLOCKS: BLOG DESIGN
Today is the first installment of Blogging Building Blocks! I’m delighted to be working with the incredibly lovely and talented Chaitra, from PinkPot, on this four part series. Each week Chaitra and I will be sharing tips on the fundamental elements of blogging. First up is blog design. I’ve got you covered with 5 steps to creating a blog design.
1. Create a rough design concept
First and foremost, I think it’s really useful to envision a concept of roughly what you’d like your blog to look like. Are you a minimalist or slightly more eclectic? Do you want your blog to be vibrantly coloured or monochromatic? Do you want it to look bold or light and airy? What do you naturally gravitate toward?
When making this decision, I find it helps to try to think about your photography style. What colour palette is likely to be a recurring theme in your photos? Again, do you like minimalism in your photos? I’ve noticed that the most appealing blogs tend to correlate their photography style to their blog design nicely.
Once you’ve established the feel that appeals to you, then it’s easier to start in on the details.
2. Find what fits the design concept and works well together
While there’s certainly no right or wrong here, it should be noted that the simpler the palette, the easier it’ll be to avoid clashing with your photography. Additionally, make sure your colour palette is easy to see (testing it on a variety of monitors will give you the clearest idea of how it holds up).
Another thing to consider is how your fonts work with each other. Think about if your post titles, your sidebar titles and your post text really make sense together and, again, make sense with the overall design concept.
The header of your blog makes a big first impression and can tie everything together. So it’s worth spending some time making sure it looks professional. Drawing on the previous two points, try to pick a font and a colour palette that correlates with what you’ve got recurring throughout the blog. For example, while a colourful floral, cursive header would be beautiful, it likely wouldn’t fit with an ultra clean, monochromatic design.
3. Make your style lines flow
Creating clean lines in your blog will make it appear a lot more organized and easy for the reader to follow. Paying attention to details, such as widgets aligning with each other and text aligning exactly with photos makes all the difference. Additionally, justifying your text can give your blog an instant polished look.
I find a blog always has a much nicer flow when its images are a consistent width. It just makes it easy for the eye to scan down the page with no interruption. I’ve got a super simple tip on how to set consistent image widths on my Designing A Blog: 10 Tips I Wish I’d Known post.
4. Create a clean space
In order to make the most of your design elements, I think it’s important to have a clean area to showcase them in. Albeit, not everybody has to have a white background, but the advantage is that it provides a clean (there’s that word again), modern look that you’re not likely to get tired of looking at. White works with any colour palette and allows your photography to pop nicely against it.
White space is equally as important as any other design element. You may have the most beautiful details, but if they’re all jammed together it’s harder to appreciate them. There needs to be space both for your eye to rest and for those elements to stand out. Expanding the margins between your widgets and between your posts is a good way to create that white space.
I figure if you want your blog to be taken seriously, then you’ve got to take a serious profile picture (if you choose to include a picture at all)! That doesn’t mean looking serious in your photo – no one’s complaining about seeing those pearly whites – but rather, making sure you look put together and presentable and your backdrop looks nice.
When you’ve gone to all the trouble to design a beautiful layout, the last thing you want to do it fill it with a bunch of unattractive widgets. Blogger is especially difficult for that. A lot of the default widgets are outdated. Take the time to search for more attractive versions of widgets, such as a simple search bar or a better popular posts widget. It’s a pain, but there are codes and tutorials out there.
There’s no sense filling your blog with clutter that doesn’t serve a purpose. Ask yourself if you really need a widget before adding it. Consider removing info from the footer. If you’re on Blogger, banish that navbar! I’ve got a post on 7 Things To Remove From Your Blogger Template.
5. Make yourself accessible
You’ve done the work on your blog, now you’ve got to get yourself out there! Social media is a great way to do it. Adding your social media buttons (particularly a Bloglovin’ button) in a clearly visible place will make it that much easier for others to follow you.
One thing that can be easy to forget about is navigation. While it’s great to have people following along with your newest posts, you also don’t want all of your previous posts to disappear. As I mentioned in my Blog Navigation: Increasing Your Views post, adding navigation like tags/labels and archives will help to make sure your old work isn’t lost.
Now, please get yourselves over to PinkPot to check out Chaitra’s 15 Resources For An Awesome Blog Design! She’s an absolutely amazing resource herself.
As you’ll see Chaitra mention too, if you guys have any further questions about blogging tips you can tweet us using the hashtag #bbb. Thanks.