![]() Now, every breakpoint offers the chance to evaluate how the content can be distributed and how the type works up until the next breakpoint where the same evaluation can take place again. Text does not need to stretch from 320px in width to 1680px. In the RWD world typography can be done right: There are breakpoints which offer us the chance to not only move things around and change their order but to shape the typography as well. Nothing is more annoying than bad readability and underperforming typography. You will understand what I mean when you start reading the text. Both need to be used with caution due to the danger of not being implemented in your target groups old IE of choice or an old browser version in general but using it and planning with it is pure gold. This is yet another upcoming way of handling all your layout needs. And once you have played all level Read up on another great thing: CSS grid. ![]() For those who would like to understand a bit about it, there is an awesome game on the web showing you what can be done with flexbox: Flexbox froggy. With CSS technologies like flexbox we have the chance to reorder components on the pages, distribute them in exciting ways and shape the layouts in ways which make the content and functions stand out and work well. Hi! My name is flexbox and I am your friend, and so is my pal CSS grid! Imagine a mobile shopping app with the add to cart button at the bottom of the page, that would be an epic fail wouldn’t it?! But all too often it makes sense to think a bit further when the device width increases and one might be tempted to have the things just simply move next to each other. When you only have a limited space and need to get your priorities right in order to have things nearby when they are needed the discussion about priorities becomes much more focused. Starting with a mobile first approach is great because it a) caters towards what many users will be seeing as smartphones take over the majority of page impressions on the web, and b) it helps to clarify what you want and need to do and where. It does not really need a designer for that. To be honest with you, that can be done by any framework out of the box. While none of the above is wrong or to be condemned in any way, it still is only the basic 51% of the job. I would call it the path of least resistance, but not the award winning road to UX and design glory. „As soon as I have more space, I place items next to each other“. Some will tell you that they go mobile first and begin with the smallest breakpoint(s) and work their way up. When you ask many designers about how they approach RWD you will be surprised how often they throw this back at you: „Well, the thing with RWD is that it stacks up when you go mobile“. It just goes to show that we have reached a decent saturation of RWD (Responsive Web Design) in the wild. But that is not the point of this article. ![]() ![]() As a matter of fact some companies and agencies are even moving away from it in some cases again. Responsive web-design is nothing new anymore. ![]() This is no different when it comes to responsive website design. In cases like that it might make sense to take a break, step back from what we are doing, or simply ask someone else for a quick idea or inspiration instead of defaulting to the simplest common denominator of "works" and "client will accept it". To be honest there are times when we are not as creative as we would love to be. In the last post I talked about frameworks and how they speed things up, and how they make designs and layouts generic at times. Design trends and their caveats (part 4) - Boring responsive designĭesign UX duplicate content responsive webdesign creativity ![]()
0 Comments
Leave a Reply. |