<- Product Newsletter /

#129 - Design Argumentation - Dot & Line

Sent the November 1st
Author face
Article written by
Juan Jesús Millo

Writing of the week

Next in this series we have the two most common elements, the dot and the line. How can we defend the use of them? Let’s build some vocabulary:

The three main uses of dots:

  • The minimum element
  • A focused attention
  • Focal points in our compositions
  • Focal point between two dots (more distance between them, less emphasis)

The three more common line types are:

  • Contour lines: define the edges
  • Dividing lines: divide elements and contour ones
  • Decoration ones: self explanatory

The different meanings based on their shape are:

  • Thin lines: fragility, easy to break, elegancy, delicates
  • Thick lines: Though, strength, emphasis, a statement
  • Horizontal: stable, rest, asleep, calm, quiet, relaxed
  • Vertical: energy, strong, accentuate height, lack of movement
  • Diagonal: unbalanced, uncontrolled, tension, dramatic
  • Curved: predictable, fluid movement, dynamic
  • Zigzag: excitement, intense movement, confusion, nervousness

Line & Dot - Design Argumentation Exercise #1:

Inside https://www.uxdatabase.io/, identify the three different types of lines. Two examples per type.

Line & Dot - Design Argumentation Exercise #2:

Do the same but with shapes, identify at least four types of shapes and explain 
their meaning in their context.

You can always write your answers in the mail and It will be a pleasure to check them! 😄

Articles & Ideas

8 Tips to Become a Better Product Designer

Being a product designer is kind of like being a jack of all trades — you are expected to do a variety of things and sometimes it’s even hard to jot down what skills you should be focusing on. Robert Mayer

Using Sections in Figma

We now have access to the same sections feature that has long been available in FigJam. (As of 10/22) This represents a much needed addition to keeping our design systems, libraries and files easy to use. Ben Maclaren

Magic, utility, and redesigning Material.io

Pushing visual and interactive expression in design guidelines with Material Design 3. David Allin Reese

Drag and Drop UX Best Practices

This, my friends, is one of THE most involved and spiciest interaction challenges in the mix. What are we dealing with? Basically every consideration in interaction design happens for a drag and drop interaction. Ceara Crawshaw

Stakeholder Interviews 101

Interviewing stakeholders provides helpful information about their context, allows us to identify business goals they are concerned with, and increases their support. Sarah Gibbons

Designing an Accessible Future

As an industry we measure accessibility using WCAG - the Web Content Accessibility Guidelines. There’s a huge update for WCAG on the horizon in the form of WCAG 3.0 which is going to completely change the way we test and measure the accessibility of our products. Geri Reid

Disruptive design patterns — an uncharted territory

From Apple’s Dynamic Island to TikTok’s vertical video swipe: Are new design patterns going viral faster than ever? Renata Venturini


iA Presenter

iA Presenter’s text interface puts the focus on the story, saving time and nerves.
What’s the story? In Presenter you just start by writing.

Tome Beta

Stop designing slides. Start telling stories. Tome is a new storytelling format that gives your work the edge it deserves.

designstripe Mockups

Turn your designs into Remarkable Mockups directly in your browser. The simplest way to create high-quality mockups for your products, apps or website. All in your browser!


We're building the future of search. All your apps, unified. A single source of truth for your entire life. Find everything you need, regardless of where it lives.

UI HUT for Figma

Discover UIHUT, The most powerful and largest design resources platform. Over 20K UI KITs across all categories such as Web Template, Illustrations, 3D Assets, Web App, Icon, Dashboards, and so much more. Components for every single product design need.


Your company’s know-it-all. Dashworks is where work begins. Where intelligent search helps you find the right documents, messages, tickets, and other knowledge scattered across your company's apps and people. And where you and your team can get on the same page, and get things done.

Random Icebreaker for Figma

Find the perfect icebreaker for your next meeting or event. We’ve curated 330+ unique and fun icebreakers in this open source random icebreaker generator. All icebreaker questions have been vetted to check they are inclusive for diverse groups.