Category Archives: Tips & Tricks

/// How to Use & Abuse Grids for Web Design

 

Every website is designed using a grid. This is so helpful when you are thinking about layout and placement of content. If you’re just starting out in web design, or are DIY-ing your site, this is basically the number one rule to keep in mind. JUST FOLLOW THE GRID.

But! You can also use the grid to your advantage to create unique layouts. A little design secret is that any good design is probably breaking a rule. Not ALL the rules, because otherwise, things get a little confusing. But breaking a rule here and there allows you to create something that catches your eye. And eye-catching design is noteworthy. And noteworthy sites are remembered. You see where I’m going with this, right?? :)

 

grid web design

 

So using the website above as an example, you can see that there is a grid as a guide, but the elements in the layout don’t all fit perfectly within the rules of the grid. Some elements are perfectly centered, like the mission statement at the top and the newsletter opt-in at the bottom.

Other elements use the grid, but in unexpected ways, like the “Next Step” graphic and text. While the white space that holds the text is along the line of the grid, the pattern that encompasses the white space + text is above the line of the grid. But you’ll also notice that the black pattern does follow the rules of the grid from left to right and fits nice and snug into the right-hand side of the site. The images on the left do the same thing. They break the grid vertically, but fit centered from left to right.

So you can see that this website breaks the rules a little, but each element still follows the grid in another way, which keeps it clean and cohesive, but also a little interesting and eye-catching.

If you want to take a look through the full website used in this example to see how I carried this organized rule-breaking throughout the rest of the site, head on over this-a-way! For even more web design craziness, check out this, this, and this site. 

 

 

/// How To DIY Your Brand

 

diy design your brand e-course

Does this sound familiar?

  • You’re ready to launch your kickass, creative biz but you feel overwhelmed by the wide world of branding.
  • You took one look at that pro designer’s price list and felt like you’d never be able to have a badass brand.
  • You’ve got this idea, but you don’t have the design background to bring it to life.
  • You feel like you’re creative, but just a need a little guidance to get where you want to go.

I know so many creative ladies who are starting a business but feel so held back by their branding and logo design. They get so excited about launching their business, only to feel discouraged when they can’t afford to hire a pro designer or achieve that customized style they’re looking for. If you’re out there bringing your unique expertise, you deserve to look the part.

 

IT’S MY MISSION TO MAKE BRANDING LESS INTIMIDATING AND MORE ACCESSIBLE.

 

After designing brands for tons of small businesses and boss ladies, I’ve created a course that gives you the chance to create your own logo & brand identity using my ACTUAL design process, from start to finish. With the knowledge of a legit branding design expert at a price you can afford, you can start killing it with your business by creating your own DIY logo and brand identity.

For this course, I’ll walk you through the 5 steps to create your own DIY logo and brand identity. By the end of the course,  you’ll have created your very own custom brand. 

diy design your brand e-course

WHAT YOU GET:

  • Content-rich lessons with in-depth worksheets over the course of 4 weeks
  • Templates to help you create a mood board, color palette, logo, submark and final Brand Style Board
  • 1 year of unlimited access to the lessons, templates and bonus files
  • Over 200 design elements to help you build your custom logo
  • And a private Facebook group to share work, get feedback and make connections

 

IF YOU WANT TO START KILLING IT IN YOUR BUSINESS BY CREATING YOUR OWN DIY LOGO AND BRAND IDENTITY, I’VE GOTCHER BACK.

 

diy design your brand e-course - enroll now-11

 

 

/// The Quick and Dirty Guide to Color Psychology

If you know anything about me at all, you know how much I love color. It is one of my favorite things – right up there with my family and cheese (mmm… cheese). So it’s no wonder that adding color to a project is my favorite part of the process. It’s also a crucial part of the process because it can totally change the feeling and appeal of a brand or website. There are literally college courses (I took many!), books and a ton of in-depth resources devoted to the study of color and color psychology. But since you are probably not a #colornerd like me, I have broken down how to work with your color palette without having to dive deep into all that is Color Psychology.

The Quick and Dirty Guide to Color Psychology

Quick and Dirty Color Psychology

Whether you realize it or not, colors evoke emotions, feelings, and memories, and you can utilize this to create a brand or business presence that works to attract your dream client or customer. But since this can quickly become a rabbit hole of color-nerdiness, I have laid out the Quick and Dirty Guide to Color Psychology above. This little chart will show you how you can apply this knowledge to your logo, branding, website and anything else that incorporates color. Feel free to click the image to download a PDF version for yourself to reference in your future projects.

As John Ruskin said, “The purest and most thoughtful minds are those which love color the most.”  And I couldn’t agree more.  😉

/// Essential File Formats for Design

This post is for those of you who may not understand a lot of the terms designers talk about when it comes to sending along your final logo or design files. And this is also helpful for you to know once you get that big ol’ package of file formats so that you can use each file type in the appropriate place.

So, today I am focusing on understanding the main file formats used for design, which includes JPG, PNG, GIF, EPS, PDF, and TIFF files. Each file type can be used for a different reason. I’ve listed out each of the main types along with their best uses below.

Essential File Formats for Design

 

Hopefully you can use this as a quick guide to your file formats when you’re feeling a little lost in the proverbial design jungle. Feel free to save this to your desktop and look back to it whenever you need it!

 

Popular Posts