I have noticed over especially the last year or so that websites’ everything is becoming very large.
Large fonts, large spaces between eg inputs but also everything else. Lots and lots of white space. Huge images.
It’s almost as if there is an assumption that the majority of users are visually challenged. Is there are genuine “design movement” being driven by groups of people as in say architecture where “movements” are started by whoever and then take on a life of their own.
Is it a reaction against tiny almost everything that pervaded the web for many years. Perhaps due to extremely good eyesight by very young developers (I’m serious) who saw no reason for anyone other that a narrow age range to bother with the web.
Is it due to possibly lazy responsive design. Eg the div blocks move under each other vertically for handhelds but the typography remains the same size as for the desktop and so the text is easier to read on those small devices.
It’s almost as if there is an assumption that the majority of users are visually challenged.
If you take a look at Trent Walton’s website, I find it difficult to justify scaling text that large. Scaling typography needs to be taken more seriously than just allowing calculations to run rampant. It seems to be more based on the designer’s preference than users which users who have issues reading have the simple option to zoom. Your responsive website should allow the layout to adjust to this just as it does when you resize the browser window.
That’s a bit much for body copy. Headings though could be that big. No problem there.
The problem is… to me this looks like print design. Not only do you have the skeuomorphic photo made to look like paper, you have almost a brochure style layout. It looks like some sort of handout for an event or a cause.
I’m not necessarily against these things but sometimes I feel like people don’t treat the web as its own medium if that makes sense.
I personally feel that I fall into this trap a lot and I don’t really want to.
It may just be that most of the time in responsive layout the font size of the body is set at 100% which equates to 16px on Windows. That size is used as the text (p) size thus headlines etc are larger to establish hierarchy.
Viewing 10 posts - 1 through 10 (of 10 total)
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".