CF #16: A lesson on visual hierarchy and originality
Key points
Topics
Use MyMind to start collecting any type of inspiration (designs, quotes, articles, anything)
Need to beef up your portfolio? Try FakeClients to generate mock briefs for web design, UI, logo design, writing and illustration
Fathom Analytics is the simple, privacy-focused, one-pager alternative to Google Analytics
To create clearer visual hierarchy in a layout: Increase heading size differences, less text decorations, and reduce visual noise (less unnecessary colors, icons and separators)
To be more creative or "original" simply learn how to copy, modify, and combine things that already exist
We all have a daily baseline level of happiness. Most people live their life between a 3 to 7 out of 10
A beautiful inspiration bookmarker, fixing a popular website's visual hierarchy, 10 habits for creative minds, and much more
Creatorfuel helps you master high-value skills of the digital era. Learn more.
weekly creatorfuel
Actionable tips & tools for creative minds.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
“I'm floored by how much content you deliver in these emails. Again, thank you!” -Lindsey O.
weekly redesigns
Learn design through redesigns
Every Tuesday, I redesign something you send me and explain my exact thought process
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
“I'm floored by how much content you deliver in these emails. Again, thank you!” -Lindsey O.
3 useful tools
1) MyMind
MyMind is the extension for your mind. Easily bookmark anything that inspires you. Images, links, notes, videos, quotes, PDFs, articles.
"No folders, no collections, no wasted time organizing. It works like your real mind." -MyMind
2) FakeClients
The best fake project generator out there. Generate briefs for web design, graphic design, logo design, UI/UX, illustration, and even writing.
A super valuable tool to practice your creative process or create mock projects to beef up your portfolio.
3) Fathom Analytics
I can't stand Google Analytics. It's way too busy, complex & confusing.
Fathom is a simple, one-pager, privacy-focused (no cookie banner needed) alternative to Google Analytics.
1) If everything is important, then nothing is important: A lesson on visual hierarchy
I use a tool called Ubersuggest to do keyword research for my blog.
When you log in, this is what you see:
That's the dashboard.
It's supposed to give you an overview of how your website is doing SEO-wise.
I always ignore the dashboard and navigate over to the keyword research tool.
Why do I skip over the dashboard you ask?
Well, because it's so uninviting.
Never even cared to look at what it says.
It's cluttered beyond belief. I don't know where to even start looking.
Some of the problems:
Small, equal-sized headings
Decorated/bold text everywhere
A multitude of different colors
Unnecessary separators
Tiny body text
No negative space
It's horrible.
Again, here it is:
What I would change:
Increase the heading size differences –– Clearer hierarchy
Less content columns –– Having so many columns interrupts the vertical momentum of moving down the page
Less text decoration –– If everything is important, then nothing is important
Bigger body text –– 11px is way too small
Less colors –– Reduces visual noise
Less unnecessary icons –– Again, visual noise
Less unnecessary separators (Like lines and BG colors) –– Let white space create separation
I inspected the page and quickly made the above changes.
It's not perfect, but way better:
2) 10 actionable habits that will ACTUALLY skyrocket your creativity
Start an inspiration stash. See something you like? Screenshot it and add it to your stash. MyMind, which i recommended earlier, is perfect for this.
Copy things you like
Modify things you like
Combine things you like
Keep everything you’ve ever created in one place
Never get attached to anything you create
Remember that nobody knows all the design theory by heart just like how the best programmers still Google things after every few lines of code.
Remember that everything is just undetected plagiarism (via Austin Kleon)
Read UX studies to balance out your creative thinking with evidence-based thinking (nngroup & Baymard Institute are my favorites)
It’s all about having the right systems and creative processes in place. Find someone with good credentials, steal their systems, and build upon them. Steal my process for creating beautiful layouts.
3) I created the most important table on visual hierarchy on the internet. Period.
(Inspired by Orbitmedia's take on the topic)
3 ideas to think about
1) Happiness is a temporary emotion.
We experience spikes in emotion throughout the day.
We all have a daily baseline level of happiness. Most people live their life between a 3 to 7 out of 10. This is called your hedonic setpoint.
After positive or negative events in our lives and a subsequent increase in positive or negative feelings, people return to their baseline. This is called hedonic adaption.
Example: Money DOES buy happiness but only in the short-term.
The difference between our hedonic setpoint and the current event we just experienced is what determines the intensity of the emotion
I’ve learned that no amount of coaching, fancy apps, “creativity hacks & tips” etc, will make up for:
Subpar sleep
Low vitamin D3 (lack of direct sunlight exposure)
Lack of movement (sports, resistance training, cardio)
Poor diet (macro and micronutrients)
Nonexistent stress management
Get these right first.
They are the highest impact things you can do.
Ignoring these is like a student ignoring the fundamental concepts needed to ace an exam and instead focusing on color-coding their notes, using fancy study apps, and organizing their study space with intricate decorations.
Master the basics. Everything else falls into place.
Most nonfiction books should've been 1000-word articles.
I find myself abandoning a lot of books right around the 25-30% mark.
Not because they're bad, but because I fully get the gist by that point and it's right around when the repetition of examples and ideas begins.
I'm okay with abandoning a book midway now. Just a couple years ago, I would power through the whole thing in fear of missing out on some crucial ideas in the later chapters.
Now, I just have fun with it. If it piques my interest, great – I'll buy it, read the chapters that seem interesting, get what I came for and move onto the next one.
I think a lot of these authors are just trying to meet some sort of quota. I dunno.