Fellow UX/UI designers help me to validate my idea
Hey everyone!
I'm Fabio, a UX/UI designer always looking for cool and new tools to help improve my job.
BEHIND THE IDEA
One thing that I have always struggled with, is coming up with a colour palette when starting a new project and I would usually look for inspiration to see how different colours complement each other on a UI before actually trying them.
Although I wasn't able to find a tool or collection of palette that I could easily see and test and that's why I came up with https://uipalette.design
HOW DOES IT WORK
It is very much at the idea phase right now, with a collection of some palettes and gradients that I have collected around Dribbble and Pinterest.
Some of the major functionalities are:
- You can see all the UI colours at a glance
- You can click on every colour and copy it to your clipboard
- You can also view the original designs where the palette was taken from
- Mono palettes can actually be tested on a dummy UI by using the 🧪 icon
WHO IS THIS FOR
UIpalette was mainly designed for artists and designers like me that might have the same problem(or just looking for inspiration) and I would like to know from you if this is something that you would consider useful and for me to continue developing.
Thanks everyone :)
This is really cool!
Do you think it would be more useful to have the screen split in half like in 3/4 proportion or something so that we could click on the palette to the left and instantly see it being applied to the design to the right?
Like without having to show the pop-up of an app with the palette applied.
This way it's not needed to click anywhere to exit the pop-up and then click to show the next palette.
Or, maybe you could just allow us to scroll with left-right arrows to change the palettes?
That's a good suggestion :)
Thanks for sharing
Definitely something useful! Im myself a developer and working with the operations side of sites during the day, but when I work on my own projects, I never know what colours to choose.
What I used to do is, look at the sites I really like and kinda use their colors (I have a bookmark folder for colors and designs I like but its getting too big and I am unsure now...)
So, I personally would find this useful!
www.colorsandfonts.com
Also wanted to bring up https://coolors.co/ which specializes in generating color palettes. If your website included different UI with the components using a palette selection, that would be very cool :)
Hey @johnt2021 pretty cool website I wasn't aware of.
Although, the main goal of my project is to provide colour palettes and inspiration with actual UI that uses it.
Hi, sure thing. If you enjoy doing this, do it!
100%
I'm not a professional designer, I'm a developer but I do design for my projects. The biggest hurdle for me was matching colors.
When I built the first version of Introspekt, the colors were garish and made the whole design look bad. So, I totally get this product.
Things you should look out for:
Material design has a great color tool for Material colors: https://material.io/resources/color/#!/?view.left=0&view.right=0
Figma built-in color palette tools:
https://www.figma.com/community/plugin/740832935938649295/Color-Palettes
They don't do exactly what you do but they are close and are very helpful.
Thanks for sharing your experience @GalacticLeopard
The material design tool is quite interesting and kinda reminds me of the palette tester I have built in.
Maybe I could expand that feature if that's something useful?
It's definitely something useful. But, I think the place where you can really make a difference is in complete palettes like you mentioned in the post.
Like a whole palette of different colours that go really well together and with Dribbble or other examples.