Effective Graphic Design Tips

| Watch the video blog here! |

research

research

Research

This first point is a must! And applies to every single proyect, it doesn’t matter how big or how small it is.

Before starting any design, you need to get to know its background. Gain as much information as possible, as this is where most of the ideas will come from; and the design will be delivering its message in a more effective way.

font

font

Typeface

When talking about fonts…less is more.

Limit the number of fonts you use to a maximum of 3, if possible, only stick to two. Never more than three.

size

size

Size

Be comfortable to play with the size of the elements, don’t be scare to go too big or too small.

That is how unexpected and great things happen, by trying something different and leaving your comfort zone.

You might end up with a great surprise or trying a new style.

blank space

blank space

Blank space

White space or blank space is crucial. Give each element its own space and don’t be afraid to leave a lot of empty room around it.

Having some blank space will give your design a clean and professional look, but also a modern feel.

Colors

Be careful when selecting colors. A good and effective tip is to use one color in 2-3 different tones. This will build the consistency on your design and will provide harmony between all the elements.

accessibility

accessibility

Accessibility

Be mindful of the colors you add to your design, and be aware that they are different for printing or digital material.

Make sure your text is easy to read, the colors aren’t too bright or clear. That the audience will be able to read it from different distance, that it will fit the size of the screen (if digital) or that the colours and images used will print ok on paper.

relax

relax

Relax

Have a break! Go and have fresh air for a bit, go social online for time to time or do something completely different. Besides giving your brain a break you are helping creativity to have a fresh start.

Save your ideas

Save your ideas

Save it

Save all the ideas you get throughout the process, this might be in an electronic or paper-based form.

Everything is handy, and you are building your own library of ideas which might not work for one project but can get handy to have later on when working on a new one.

Advertisements

Online Graphic Design Tools for Beginners

Easel.ly

Easel.ly

 

Easel.ly

https://www.easel.ly/
How cool are infographics? I know right? where, with the help of Easel.ly you can make your very own in just a few minutes.

This tool comes with heaps of templates and icons to use and customize your infographic. Well worth checking it out.

Inkscape

Inkscape

Inkscape

https://inkscape.org/

A software to work with vectors if you are new or don’t have access to the Adobe Creative Suite.

Inkscape is similar to Illustrator, comes with very handy tools and lots of tutorials to get you started.

SumoPaint

SumoPaint

Sumo Paint

https://www.sumopaint.com/home/

An image editor that will make your life easy and your photos waaaay better without even thinking about Photoshop.

Lets you import and export images from your computer and modify them in so many ways. It gives you the ability of edit the color of your image but also add shapes and text.

Pixlr

Pixlr

Pixlr

https://pixlr.com/

Another photo editor available online. Takes the user on a simple journey to transform images giving you a great result.

This tool comes with filters and effects, perfect for someone initiating photo editing.

All the mentioned told above are basic, most of them free or come with a free trail. They are excellent way of getting your creative juices out. They are also go to work online or when you are in a rush.

top banner - slide show

The Not-So-Ugly Website

What happens to the “ugly” fruit and veggies that don’t make it to the shop shelves?.

The last project I have been working on is a brand new website for Make a Difference.

The company is a fresh fruit and vegetables franchise selling perfectly good produce, which the large supermarkets reject as “not looking perfect”.

I have decided to take a modern approach, making it a one-page style website. With a second and simple page to feature their gallery of products.

The page has a nice and light feeling, with some animations that gives it dynamism. The top image is a slide show, first one showing the top of an “ugly” pineapple, while the second image is a crooked carrot.

top banner and About the company

top banner and About the company

The About Us section has a beautiful and soft movement of the images which gives it an attractive introduction.

About the company

About the company

The images have been placed on a wooden background, not too light to allow the text to be readable.

When scrolling down, all the content is centered, giving a lot of white space on the sides.

The website also contains two forms, the first one and online order and second one a contact form. The background go the forms are grey to make a difference from the other areas where the background is white.

There is a small gallery where the images are different size and position, however, they all share the same color richness.

product range and gallery

product range and gallery

The details of the different branches have been added, and a google map has been embedded.

Branches and Google Map

Branches and Google Map

The footer has been kept simple and clean with links topmost of the sites in the page, social media links and a different effect added to the Policy and Terms & Conditions

Pop-up Effect in Terms & Conditions

Pop-up Effect in Terms & Conditions

Lastly, the site has been carefully designed to be available in all electronic devices: mobile tablet and desktop.

mobile device look

mobile device look

The whole site built in Dreamweaver with JS, Bootstrap and CSS.A fun and intensive project that has definitely involved a lot of time, skills, and learning.

The Difference Between Photoshop, Illustrator and InDesign

Hi guys, I’ve had people asking me what is the best tool to use for their designs. What kind of things can you do with AI, PSD and InD and what you can’t do with each of them, so I thought I explain briefly what each of the softwares is for, then it is up to you to decide which one you’d like to give it a go.

Photoshop

Purely image editing. Everything and anything that you want to do to a photo.

You can have a digital photo or even a screenshot or you can scanned a document, magazine or old school photo to your computer and have it edited your way.

Photoshop allows you to crop, resize, enhance color and control the light in a photo. Its tools also lets you to add text to an image and geometric shapes.

You can create book or magazine covers but it does not facilitates the ability of creating a layout work (e.g. magazine, brochures).

Illustrator

This is a vector based software.

With this program you can create illustrations including logo designs and icons. You can also add and edit text.

Illustrator gives you the option to add pages, however, if you are thinking of having a few pages document then it is better to use InDesign.

InDesign

The perfect program to create layouts. If you would like to create a flyer, poster, magazine, brochures, etc., InDesign is the digital tool to use.

This program doesn’t allow you to do much to an image, therefore, is better to work them on a different software (e.g. Photoshop).  However, you can import edited images and vectors from Illustrator.

As you can see, the objective of each software is completely different, but there a some similarities and tools they get to share. The three programs go hand by hand.

If you have any questions, don’t forget to ad a comment or contact me.

Color of the Year 2017

It is not surprise that this year’s color is Greeny (Pantone 15-0343) as we are leaning towards a more eco-friendly lifestyle, sustainable living, outdoors, and see lots of vegetarian foods. We are more connected to nature (or would like to) and trends seem to be focus on health.

The color is selected every year by Pantone depending on the culture movements and trends. Keep an eye out as the entire 2017 you can see all forms of art and design representing or including Greenery.


Beautiful color for the year! Is good to keep in mind that this is a positive color that represents harmony, a fresh start, balance and can be relaxing.