FLAT VS DEEP — 2D AND 3D WORLDS
What if your phone screen — the flattest thing you own — could feel like it has depth, layers, and space you could reach into?
CORE CONCEPT
IMPORTANCE OF FLAT VS DEEP — 2D AND 3D WORLDS
KEY KNOWLEDGE
1
2D = flat. Width and height only. Pages, screens, photographs, posters, illustrations, interfaces
REAL WORLD EXAMPLE
Your phone screen is 2D — it has width and height, but no matter how hard you press, your finger can’t go “inside” the screen. A photograph of a mountain is 2D — you can see the mountain, but you can’t walk around it. A poster is 2D — flat, with information arranged across its surface. Screens, pages, and photos are all flat worlds that represent three-dimensional reality on a two-dimensional surface. Understanding that this is a translation — not the real thing — is the first step.
2
3D = spatial. Width, height, AND depth. Rooms, buildings, products, sculptures, environments, VR worlds
REAL WORLD EXAMPLE
Pick up any object near you — a water bottle, a pen, a cup. Turn it around. You can see its front, back, sides, top, bottom. It exists in 3D space. A room is 3D — you walk through it, around furniture, past walls. You exist in 3D every second of your life. The challenge for designers is that many creative tools (paper, screens) are 2D, but the things they’re designing (buildings, products, rooms) are 3D. Moving between these two worlds is a core creative skill.
3
Most creative fields involve thinking in both: a poster (2D) for a building (3D); a screen (2D) for a product (3D); a plan (2D) for a room (3D)
REAL WORLD EXAMPLE
An architect imagines a beautiful 3D building, then draws it as 2D floor plans on paper. A builder reads those 2D plans and constructs the 3D building. A real estate company then photographs the 3D building and puts the 2D photos on a 2D website. A buyer looks at the 2D photos on screen and imagines themselves in the 3D space. Every step is a translation between 2D and 3D. The ability to move fluently between both dimensions is what connects almost every creative profession.
4
Flat design on screens can feel 3D through: shadows (drop shadows suggest layers), gradients (suggest curves), perspective (suggest depth), parallax (suggest distance)
REAL WORLD EXAMPLE
Look at the buttons on your phone. Many apps give buttons a slight shadow underneath, making them look like they’re floating above the screen — like a physical button you could press. That shadow is fake. The screen is perfectly flat. But your brain reads the shadow as “depth” and the button feels “pressable.” This is 2D pretending to be 3D. Notification pop-ups that slide over the content behind them do the same thing — they create layers that feel like physical depth on a flat piece of glass.
5
3D space is represented in 2D through: plans (view from above), elevations (view from the side), sections (slicing through the middle), and perspective drawings (as the eye sees)
REAL WORLD EXAMPLE
Google Maps is the perfect example. Switch to satellite view and you see the world from above — that’s a plan. Switch to Street View and you see a building from the front — that’s an elevation. An architect’s cross-section drawing (like slicing a building in half to see the inside) is a section. And when Google Maps shows a 3D tilted view of a city, that’s perspective. Four different ways to show the same 3D world on a flat screen — each revealing different information.
6
Photography is the art of capturing 3D reality in a 2D frame — using depth cues like leading lines, size differences, and blur
REAL WORLD EXAMPLE
Look at a photo of train tracks going into the distance. The tracks are parallel in real life, but in the photo they converge toward a single point. Things near the camera are big; things far away are small. The background might be slightly blurry while the foreground is sharp. All of these are depth cues — tricks that help your brain see “distance” in a flat photo. A great photographer uses these cues to make a 2D image feel like you could step into it.
7
VR and AR blur the boundary: they use flat screens to create immersive 3D experiences
REAL WORLD EXAMPLE
Put on a VR headset and suddenly you’re standing on a mountain or swimming with dolphins — except you’re actually in your bedroom. The headset has two tiny flat screens (one per eye) that show slightly different images, and your brain combines them into a 3D world. It’s the ultimate 2D-pretending-to-be-3D trick. AR does something similar — your phone’s flat camera shows a 3D virtual sofa sitting in your real room. The line between flat and spatial is getting blurrier every year.
8
What if being comfortable with both 2D and 3D thinking is the skill that connects graphic design to architecture, UI design to product design, and photography to spatial planning?
REAL WORLD EXAMPLE
A graphic designer makes a 2D label for a 3D shampoo bottle. They need to imagine how their flat design will wrap around a curved surface. A game designer creates 3D worlds that players see on a 2D screen. An architect draws 2D blueprints that become 3D buildings. The designers who can think in BOTH dimensions are the most versatile and hireable in the creative industry. It’s like being bilingual — you can work in two worlds instead of one.
Pro Connection
Architects and interior designers work in both dimensions daily: 2D plans and 3D visualisations. Product designers move from flat sketches to 3D models. UI designers create flat layouts that feel layered and spatial. When a designer says “the design feels flat,” they might mean it lacks visual depth. When they say “let’s see it in 3D,” they want to experience the design spatially.
PROFESSIONAL TERMINOLOGY
CLICK TO REVEAL and CLICK TO COVER
Flat: having width and height only — pages, screens, images
What is
2D (TWO-DIMENSIONAL)
Spatial: having width, height, and depth — rooms, objects, environments
What is
3D (THREE-DIMENSIONAL)
The third dimension — how far forward or backward something extends in space
What is
DEPTH
The technique of representing 3D space on a 2D surface — objects appear smaller as they get farther away
What is
PERSPECTIVE
Looking at something from directly above — a bird's-eye drawing showing layout and arrangement
What is
PLAN VIEW
A flat drawing of one side of a 3D object or building — like a photograph of the front face
What is
ELEVATION
THE DIMENSION SWITCH
Architects live inside this challenge every single day — translating a flat drawing into a space you can walk through. Today you try it yourself, with a pencil and your phone.
what TO DO
Choose any room you're currently in or know very well.
Draw a simple floor plan (the 2D view from directly above): show the walls as lines, the furniture as simple shapes, and the doors as gaps. Rough sketching is completely fine — it doesn't need to be precise.
Take a photo of the same room from a corner (the 3D view as your eyes see it).
Compare your 2D drawing with your 3D photo.
Ask yourself: what does the plan show that the photo doesn't? What does the photo capture that the plan misses?
what TO SUBMIT
1 Drawing + 1 Photo | Your hand-drawn floor plan (photographed or scanned) and your 3D corner photo of the same room. |
Text | "The plan shows [specific information — layout, distances, arrangement] that the photo doesn't." "The photo captures [specific information — atmosphere, height, texture, light] that the plan misses." Then: "Moving between 2D and 3D thinking is useful for designers because [observation]." |
CHALLENGE
DISCOVERY
You can use these SOFTWARES for this Discovery Challenge
FREE SOFTWARE : Pen and Paper + Phone Camera, Sketchbook by Autodesk, Phone Camera, Google Keep
PAID SOFTWARE : Procreate Pocket, MagicPlan