CF #22: 15 ideas to spice up a layout

Key points

  • Adding visual interest typically involves doubling-down on the already-existing mood lines and color in the layout by using shapes, dividers, text techniques and more
  • Facet.ai is a fantastic tool for creators with a vision who don't want to deal with learning Photoshop's intricacies
  • Your formal educational background is irrelevant. Pursue what you love by diving in headfirst. Create things, iterate over and over and you'll have plenty to show for.

15 fresh ways of adding visual interest to a layout, a new ai image-editing that feels like a virtual creative assistant, and some thoughts on feeling like you need relevant credentials to pursue something you enjoy

1 effective tip

15 ways of adding visual interest to a layout

Remember to ensure that any visual treatments you add align with the intended mood & feel of the layout.

Inspired by Anthony Hobday

a) Background techniques

i) Angled or curved background transitions for a dynamic and approachable feel

curved backgrounds
Work by Jeff Van Steijn and Stephen Phung

ii) Background shapes or blobs to emphasize foreground elements

Shapes as backgrounds
Sketch, Meg Walker

iii) Text as a background

Text as backgrounds
Work by Karl McVey

b) Border & divider techniques

i) Visible grid

Visible grid
Work by Milos Bojkovic

ii) Gradient border

Gradient border
AyoApp

iii) Diagonal line dividers add elegance

Diagonal line divider
Naba Zabih

c) Shadow techniques

i) Colored shadows

Color shadows
Wandure

ii) Solid black shadows and outline shadows

Solid black shadows
Abstract and Kairn

iii) Solid colored shadows

Kairn

d) Text techniques

i) Interweave text and imagery

Text and imagery interweaved
Work by Juuni

ii) Change the typeface of one letter

Change typeface of one letter
Work by Studio Standard

iii) Inline imagery

Inline imagery
Work by Hanna Sierova

e) Image treatment

i) Break the frame

Break the frame
Work by Dulanjaya Samarajeewa

ii) Asymmetrical corner radius

Uneven corner radii
Mr.Pops

iii) Combine photography & shapes

Combine photography & shapes
Frank Moth

iv) Bonus: Surrealism

Surrealism
Work by Goran Radeski

The above is easily doable in any respectable image-editing tool.

__

Visual flair = Visceral appeal ("That's nice!") = More likely to engage

Adding visual flair to a layout can make all the difference in terms of credibility, conversion and retention.

Bad or bland layouts are abandoned and forgotten.

Good layouts draw us in and are stored in our implicit memory (Remembered effortlessly and unconsciously).

1 useful tool

Facet.ai – Edit smarter, not harder

"A virtual creative assistant that can read your mind". AI-powered image-editing that lets you focus on being creative with your imagery.

Sometimes you just have a vision that you want to be able to realize without having to learn the intricacies of Photoshop.

Facet's intuitiveness makes this possible.

Facet.ai preview

1 idea to think about

Your background is irrelevant

You don't need a relevant degree and fancy equipment to be considered "legit" or pursue a path you enjoy:

  • My favourite creator, Tobias Van Schneider, is a high school dropout with no degree. His credentials: Lead Product Designer at Spotify and founder of multiple awesome projects, including MyMind that I recommend often
  • Nngroup found that 55% of UX Design professionals hold an academic degree that has no direct bearing on UX work or any design-related work for that matter (963 survey respondents). I'm talking history, chemistry and everything in between. More than half of UX professionals have no "formal" UX Design education! Wild.
  • I personally studied how to design reactors, not layouts. No relevant experience here. I use a POS 2015 Macbook Pro that crashes when it's not plugged in.

Start creating with zero "credentials" and learn as you go.

10,000 iterations > 10,000 hours

You have nothing to lose because even the wrong path leads to the right place.

Shower thoughts

1) Google-ing something truly is a skill. Some people are much better and faster at finding more accurate results than others.

2) The first humans probably did not have a voice in their head because they had no language.

3) A fat pet is a sign of neglect. A fat animal in the wild is a sign of success.

Via Reddit