Graphic design and web design are cousins. They both deal with layout, typography, colour, hierarchy, and making information easy to understand and look good.
But they live in very different worlds.
Print design is controlled. Web design is… not.
That doesn’t mean one is harder than the other in some ego-boosting way. It just means the challenges are different, and if you treat a website like a poster that happens to be on the internet, you’re going to have a bad time.
Now let’s talk about why.
A flyer stays the same. A website doesn’t.
A letter-sized flyer will always be a letter-sized flyer.
Once it’s designed, it’s done. The paper doesn’t suddenly change shape. Nobody views it on a phone, then an iPad, then a giant monitor. It’s the same size every time.
Websites don’t get that luxury.
A website has to look good and work properly on a huge range of screens, from tiny phones to big desktop monitors, and everything in between. That’s why web design is more complicated than a lot of people expect.
Static design means fixed size
Print design is static. That just means it’s designed for one specific size and it will always be seen at that size.
A flyer is static. A poster is static. A business card is static. You know exactly where the text goes, exactly how big everything is, and exactly what it will look like when someone sees it.
It’s controlled, predictable, and honestly, kind of relaxing.
Responsive design means it changes to fit the screen
Web design is responsive. That means the layout adjusts depending on the device.
A website might be viewed on:
- a phone
- a tablet
- a laptop
- a desktop monitor
- a browser window that isn’t full screen because someone insists on living like that
On a phone, everything needs to stack vertically, buttons need to be easy to tap, and text needs to be readable without zooming. On a big monitor, you can use more columns, more spacing, and show more content at once.
A responsive website doesn’t just shrink. It rearranges.
Think of it like a room that re-organizes itself depending on who walks in. Same furniture, different layout.
Why “make it look exactly like this” doesn’t translate
A common moment in web design is when someone sends a screenshot of a desktop layout and says, “I want it to look exactly like this.”
Cool. It can.
But that same layout cannot work the exact same way on a phone screen without becoming a squished, unreadable mess. Something has to change. Columns stack. Spacing adjusts. Text wraps. Some elements move up or down so the page still makes sense.
That’s not a compromise. That’s the job.
Tablet is where lazy responsive design goes to die
Tablet is the awkward middle child of screen sizes. It’s not a phone, and it’s not a desktop. And it gets ignored way more often than it should.
When a site isn’t designed properly for tablet, you’ll usually see one of two things:
- the mobile layout stretched out and oversized
- the desktop layout jammed into the screen, with things clipped off the edge
Neither is a good look.
If your site looks polished on desktop and mobile but falls apart on tablet, it doesn’t feel professional. It feels unfinished.
This is why they’re similar but not interchangeable
A great graphic designer can create an amazing layout on a fixed canvas. That’s the job. One size, full control.
Web designers have to design a system that holds up across dozens of screen sizes and still feels consistent, intentional, and easy to use.
That means thinking about:
- how the layout changes at different screen sizes
- how spacing and margins adjust
- how headings scale
- how images crop and shift
- how buttons behave and where they appear
- how the page flow stays logical on every device
Same fundamentals, different problem.
The bottom line
Print design is predictable because the canvas never changes.
Web design is unpredictable because the canvas changes constantly.
That’s why responsive design matters, and why a website needs more than “make it look nice.” It needs to look nice everywhere.
