Matt D. Smith walks through a design exercise that forces you to explore five different ways to separate UI elements: negative space, half dividers, full dividers, background color, and modules. The choice between them changes whether something reads as separate threads or one conversation, and depends entirely on your broader design context.
Chapters
What is going on? This is one of my favorite design exercises because it forces you to make five different distinctions for the tiniest design decision. Do we use negative space or a half divider or full divider or background color or modules? And there's probably five more other styles you could also do. If you were to choose any one of these, you could then play with light background color and a dark line, or dark background color and light modules. There's a lot of different variety you can play with. So I love seeing all of this exploration. And all of these look pretty good, I would say, you know, if this is if it also depends on the context in terms of, like, which one I would potentially go with and how the rest of the UI looks and things like that. 3, 4 and 5 look like three separate thoughts, whereas 1 and 2 look like more of a thread, like they're kind of chatting with each other on the same thing. Like this almost looks like Nell is replying to Christiane. So it kind of depends on, you know, where. What it's meant to be and how this would work with all of the rest of the ui. Any of them could work. They all look great. Thanks for posting this. It's always fun to see these.