<- Product Newsletter /

#65 - Meaning of Line Types

Author face
Article written by
Juan Jesús Millo

Writing of the week

A line is nothing more than a connection between two points or the path that a point follows. They can be vertical, horizontal, diagonal, dotted, thick, smooth, curved, zigzag..., but what does each one mean, what message do we want to send when we use one or the other, how can you argue the use of each one of them?

  • Thin lines: Fragility, elegance, delicacy, ephemerality.
  • Thick lines: Doughy, bold, accurate, rough, powerful, emphasis on the surrounding elements.
  • Horizontal lines: Tranquillity, calm, comfort, stability, peace. They accentuate width.
  • Vertical lines: Energy, rigidity or lack of movement as well as horizontal, stability. They accentuate height.
  • Diagonal lines: Chaos, unbalanced, dramatic, uncontrolled, too much movement, tense and emotional.
  • Curved lines: Funny (even cute?), unpredictable, narrative, fluid movement, calm or dynamic depending on their angle. Depending on their angle and length they can be calmer or more frenetic.
  • Zigzag lines: Danger, destruction. Very dynamic and intense, but at what cost? Alterable, with a frenetic and confusing message.
  • Dotted lines: Not finished. Translucent, parallel semantics with the adjacent elements, interactivity.

Now you may be wondering, why the fuck am I talking about this in the newsletter? Lately I've been working a lot on improving my argument, and studying the most primitive elements of design helps a lot, it gives us a richer and more accurate discourse, as well as understanding every micro-decision we make.

Products

Mapus

Maps with real-time collaboration 🗺️Mapus is a tool to explore and annotate collaboratively on a map. You can dr add markers, lines, areas, find places to go, observe other users, and much more.

Week

Task management tool with a heavy focus on planning.

Free Online Gantt

Free Online Gantt Chart Software. Free MS Project Alternative. No Signup and No Download Required. 100% Free Forever.

Flagpack

Stunning flag icons for your digital product. 250+ open source flag icons to use in your design tool or in your code project.

blobbb fun

Blobbb is the fun new way for designers and developers to create their blob-like shapes SVG online. With Blobbb, you can easily generate, modify, and download a nice-looking SVG in no time.

Articles & Ideas

The Looking Glass: Handy Lists for Your Everyday

Last month, my head was all over the place, as you can see from the variety of these threads, but besides a few reflections, a common theme seemed to be: tackle a big problem by whittling it down to a few bite-sized ones. Oh the joy of lists! Julie Zhuo

Designing the best possible solution

Most problems have many possible solutions. Our job as digital creators is to identify the trade-offs and constraints that will enable us to select the best possible solution for any given problem. Tanner Christensen

Designing a scalable design organization

Design is finally getting the spotlight it has deserved for a long time. Designers are in high demand at the moment. This is partially due to an overall strong market for tech talent. It’s also because companies are increasingly recognizing the value of design in shaping the experience of a product. Jehad Affoneh

Four Factors in UX Maturity

Improving UX maturity requires growth and evolution across 4 high-level factors: strategy, culture, process, and outcomes.

Sarah Gibbons, Kara Pernice, Kate Moran, and Kathryn Whitenton

2021 Scroll Survey Report

Get the 2021 Scroll Survey Report plus words from the Chrome team about how this impacts priorities and plans for Chromium and the web. Adam Argyle & Sam Dutton

Why I had to break up with the famous F-pattern in UX and move on?

My relationship with Z-pattern, F-pattern, and my new partner. Aryan Indraksh

Text Alignment Best Practises

Text alignment is a small but significant part of the interface. Alignment affects how our brain scans the content on a screen. A proper text alignment is one of the most distinct indicators of a professionally crafted digital product. Buninux

Remote Jobs

All remote jobs links have been removed, as the positions were fulfilled.