#129 - Design Argumentation - Dot & Line
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’s text interface puts the focus on the story, saving time and nerves.
What’s the story? In Presenter you just start by writing.
Stop designing slides. Start telling stories. Tome is a new storytelling format that gives your work the edge it deserves.
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.