fbpx
WE CREATE BRANDS PEOPLE L♥VE
Share

How to Really use Colour Palette


Tegra - December 24, 2019 - 0 comments

How to Really use Colour Palette

How to Really use Colour Palette 🌈

Courtesy of @rebrandesign

So, since the beginning of my career, I’ve always struggled with colour combinations in web design as all we did, and it was so hard to come up with the idea of cool colour schemes, and one day I found some palette somewhere and have decided to test it on but failed miserably.

So in this pack of tips I’ve tried to gather all my thoughts and life hacks on the usage of colour schemes.

For this project, I collaborated with @colorxprez

Hope you will like it! Subscribe for more fun stuff from me!

lntroduction  So, imagine you saw somewhere a beautiful palette and thought "Wow, Cool! Let me try it on my next project!" But when you really try to implement it, nothing looks as great as supposed to!

Introduction

So, imagine you saw somewhere a beautiful palette and thought “Wow, Cool! Let me try it on my next project!” But when you really try to implement it, nothing looks as great as supposed to!

First step - pick primary color!  When i'm thinking about primary colour i think about that will
be used predominately throughout the project. To be more
precize ~60% of the project, for example - for a background

First step – pick primary color!

When I'm thinking about primary colour i think about that will be used predominately throughout the project. To be more precize ~60% of the project, for example – for a background.

Then pick secondary color!  Secondary color is the partner of the first one, keep it in
mind, they go together pretty well and help each other to
balance whole page. You can adjust it if you need, for my
page i've decided to change it to white.

Then pick secondary color!

Secondary color is the partner of the first one, keep it in mind, they go together pretty well and help each other to balance the whole page. You can adjust it if you need, for my page i've decided to change it to white.

Lastly - ACCENT color!  Accent color, sometimes it's secondary, but it helps to
infosize different areas in your projects ( buttons, icons,
important information) For this project i implemented some
of accent colours to my background as well.

Lastly – ACCENT color!

Accent color, sometimes it's secondary, but it helps to infosize different areas in your projects ( buttons, icons, important information) For this project i implemented some of the accent colours to my background as well.

Second Secondary Color  ln some cases you may have second secondary :) color to
create additional layout (different page, or part of the screen
This colour often can become main secondary colour and
change whole colour solution. Keep it in mind

Second Secondary Color

ln some cases you may have second secondary 🙂 color to create an additional layout (different page, or part of the screen This colour often can become the main secondary colour and change the whole colour solution. Keep it in mind

Let's try  So for this post i've created
app screen which will help
us to implement our picked
and polished colour
schemed

Let's try

So for this post, i've created app screen which will help us to implement our picked and polished colour schemed.

IMPORTANT!  Always thing about audience of this project beforehand!
Beautiful ul is very cool but you have to think about product
itself as well as emotions you want to elicit through these
colors because there is something called "Color
Psychology" and you want to make sure that youre not
going against basic human perception of the particular
colors
Color pallete is just a starting point of your design! You can
fix some colors, add more and color scheme isjust a
scheme which helps your project to get additional points

IMPORTANT!

  • Always thing about the audience of this project beforehand! Beautiful ul is very cool but you have to think about product itself as well as emotions you want to elicit through these colors because there is something called “Color Psychology” and you want to make sure that you're not going against the basic human perception of the particular colors.
  • Color pallete is just a starting point of your design! You can fix some colors, add more and color scheme is just a scheme which helps your project to get additional points.

Bonus — 4 tools that may be useful in your designer way:

Crello — the simplest online image editor. A simple but powerful tool to create awesome designs for any social media format — posts, covers, graphics, and posters using the best software on the web. It’s easy! A lot of animated designs.
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.
Funnelytics — an incredible tool that helps you build the best marketing funnel mapping.
Flowkit — allows designers to create frighteningly fast user flows within Sketch and Figma.

Be free to send us any feedback by reply or reach us in DM on Instagram
Do you want to receive insights using FB Messenger or Telegram or Email? 👈 Subscribe now.

Related posts

Post a Comment

Your email address will not be published. Required fields are marked *