Grow your CSS skills. Land your dream job.

About "New Age" design principles!

  • # February 17, 2014 at 4:35 am

    Well I guess it was new at some stage :)

    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.

    Or…

    # February 17, 2014 at 10:00 am

    Large fonts

    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.

    NIX
    # February 17, 2014 at 4:45 pm

    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.

    NIX
    # February 17, 2014 at 4:46 pm

    Confession: Sometimes I get really overwhelmed by all the moving pieces when it comes to responsive design. Sometimes keeping the logic straight is hard.

    Sometimes webdevs create more breakpoints by having everything adjust. I also do this sometimes.

    NIX
    # February 17, 2014 at 4:47 pm

    Sorry… those last two posts don’t really address what you’re talking about… at least not directly.

    Just listen to @chrisburton. I’ll shut up now.

    NIX
    # February 17, 2014 at 5:18 pm

    http://ia.net/blog/responsive-typography-the-basics/

    Dude… unbelievable. I would love to just have you zip every bookmark you have and email it to me.

    # February 17, 2014 at 5:39 pm

    My Bookmarks shared… it’s little disorganized, probably bunch of duplicates. I should really organize this… anyways. Enjoy.

    # February 17, 2014 at 5:58 pm

    So…

    No-one has mentioned any movement, any leaders in design, any white papers, anything objective shall we say.

    # February 18, 2014 at 3:21 pm

    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.

    # November 26, 2014 at 12:42 pm

    Large fonts, large spaces between eg inputs but also everything else. Lots and lots of white space. Huge images.

    The rise of touchscreens & the frequent fatness of fingers.

    DV1
    # November 29, 2014 at 6:34 am

    Thomas AJ

    Considering the pervasive ‘abridgement’ of info in society (Twitter’s 140 characters as one example) and what some would say is a more clutter-free approach to design in general and specifically for smaller viewport devices, then the ‘Big Print’ look is no longer something only for library shelves for the elderly.

    As for ‘movement’, ‘leaders’, etc., I guess you could point at some names here and there but generally it’s about simplification and disposability.

    Personally, I like substantial info on whatever I’m interested in at the time, research it from different angles and if possible discuss it with others who can express themselves beyond twitterisms and facebook ‘likes’. For example, look at this archive.org page for ‘Anacalypsis':

    https://archive.org/details/anacalypsisanatt014474mbp

    The PDF for it is 59 MBs and of course the text version page is fairly long. I’ve researched that and other materials of similar length and substance and have appreciated it. But for the many who think that ‘Cliff’s Notes’ is just way too much information, well, Anacalypsis and many other works would be an overload.

    So, the same idea applies in the visual sense to website design. But you know, that’s not as disconcerting as the fact that such ‘abridgement’ affects all levels of society. It’s one thing to have a minimal look-minimal content, website or presentation, but when you have that attitude in those who are ‘leading’ society in some form or another then you’re going to have some complications in the long run.

    Like many others I too like to ‘keep it simple’, but not to the point of ‘See Spot Run’. :-)

    Daniel

    # November 29, 2014 at 2:54 pm

    Hi Daniel.

    Thank you for your thoughts. And GKanes also.

    BTW what does ‘See Spot Run’ mean? I have never come across that before.

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".