The Principles of Graphic Design
Before actually planning your aesthetic for the website, it’s best to know graphic designs’ basics. If we were, to be honest, graphic design isn’t just about design – there’s so much more to it; rules advised to follow, elements and fundamentals of graphic design that you need to familiarize yourself with.
Knowing graphic design principles and applying those to your site can make it look much more compelling than what you initially opt it to be. These fundamentals can assist in making your site look professional, and have your users come back numerous times, or boost the number of new users that visit your site on a regular basis.
Graphic design, no doubt, helps with building a good first impression for your site; a first impression always lasts. Keep in mind that you’re still free to play around and have fun with designing your website – show your colors through it, and convey your site’s message (its purpose, aim, et cetera) through its style!
List down the basics of graphic designs below, and make sure you are able to apply them to your own layout.
Hierarchy: Know what to put on top
The most important content of your site should always be placed at the top, alongside eye-catching headlines and pictures, as well. The content you want to highlight should have the spotlight, and you could do this by simply placing the said content at the top of your page.
To enhance the hierarchy of your layout, make sure to take note of its sizes, colors, and typography as well. The larger the size means the more tendencies that a person’s eyes would immediately be drawn to that content. Practice using bright colors instead of leaning towards the dull ones, too.
You could also try learning about how the human eye movements and design your page based on it. There are a lot of guides on the internet, which help boost a page’s hierarchy, as well.
Balance: Keep your elements balanced
Keeping the contents of your layout balanced provides a rather satisfying feeling to the eyes of the users. It will make your page have a look of cleanliness and organization, with every single element and feature put in the right place. Not having your website balanced will make look messy and in a bundle of disarray, making it displeasing to one’s eyes.
Keep in mind that balance does not necessarily mean that things have to be of the same sizes, since there are mainly 5 types of balances, including symmetrical and asymmetrical ones. The other types of balances would be radial, mosaic, and discordant.
You could also have your website balanced by configuring your design’s color, shapes, and pattern. This would contribute much to the overall balance that you would like to achieve for your page.
Lines and Shapes: Convey The Message Of Your Site
The lines and shapes that you use for your website can help convey the message that you want your website to send. These could be found everywhere in your site, and it is actually recommended that you add some of these elements onto your page, as it could help lots with adding flavor.
Simple lines and shapes are capable of bringing more life onto your website. You could even utilize these lines and shapes to form your website’s logo. Most companies, such as WWF, Adobe, and Twitter, have used the only shape in colors as their logo.
Once you familiarize yourself with how lines and shapes are supposed to work (such as its sharpness, edges, and round corners), you could even start making your own company logo from scratch and add it onto your page.
Color: Make Your Page Look More Animated
Adding a dash of color could always bring anything to life, and it’s no exception when it comes to graphic design. People often misunderstood the concept of colors, however. Just because a variety of colors is present in the design doesn’t exactly mean that your design is good – sometimes, this kind of technique could also be an eyesore.
When playing with colors, always make sure that the shades and tones you use complement each other. It is best that you have a color palette with you, and that you’d stick to it once you start layouting your page. A color that’s not included in the palette could be acceptable at times, only if it still fits the overall aesthetic that you’re aiming for.
Unknown to most people, color isn’t all about looks, as well. In psychology, every shade of color can affect the way a person performs – you could start learning about this and apply it when you’re designing, too.
Typography: Choose The Right Fonts
Your website will surely have a lot of content, and you also have a lot of fonts to choose from for these contents. Despite this, it is recommended that you avoid using a whole lot of them and settle for using a few fonts instead.
Now, you probably know that there are types of fonts. We have the Sans Serif fonts (examples are Arial and Calibri), Serif fonts (such as Times New Roman and Cambria Headings), and the Script fonts, as well (common examples are Brush Script MT and Edwardian Script ITC). There are still a lot of font types that haven’t been mentioned, and you’re probably wondering: What’s the best go-to font for my site?
You are free to use whatever fancy font you’re opting for when it comes to your logo design or page headlines. Just keep in mind that the font’s vibes respond well to the message your content is trying to reach out to.
As for the article itself, it is best to settle for Sans Serif fonts, as this type of font is easier to read and provides a fresher ambiance for your page, as well. Serif fonts could be used if you want to make your page look more professional (though a few Sans Serif fonts could help you achieve that appeal, too).