tag:econsultancy.com,2008:/blog/tags/web-design-trends Posts tagged with "web design trends" from the Econsultancy blog 2017-01-17T14:41:07+00:00 tag:econsultancy.com,2008:BlogPost/68680 2017-01-17T14:41:07+00:00 2017-01-17T14:41:07+00:00 23 examples of duotones and colour filters in web design Ben Davis <p><strong>Duotones were one of the trends we identified in web design for 2017.</strong></p> <p>I've rounded up 23 examples of websites using duotones (or sometimes gradients, colour filters or a classy monotone / grayscale).</p> <p>There are various reasons these effects abound, notably allowing informational websites to use authentic photography without distracting from navigational elements or important copywriting.</p><p><a href="https://econsultancy.com/blog/68680-23-examples-of-duotones-and-colour-filters-in-web-design/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/68675 2017-01-05T13:51:48+00:00 2017-01-05T13:51:48+00:00 Five examples of meaningful motion in web design Ben Davis <p><strong>At the beginning of the year we take a look at current web design trends.</strong></p> <p>In our summary of <a href="https://econsultancy.com/blog/68600-10-sensible-web-design-trends-for-2017/">what to look out for in 2017</a>, we highlighted meaningful motion in web design. It's a concept defined by Google, as part of <a href="https://econsultancy.com/blog/65966-what-is-material-design-10-pioneering-examples/">Material Design</a>.</p><p><a href="https://econsultancy.com/blog/68675-five-examples-of-meaningful-motion-in-web-design/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/68600 2016-12-13T10:11:00+00:00 2016-12-13T10:11:00+00:00 10 sensible web design trends for 2017 Ben Davis <p><strong>Why have I used the adjective 'sensible' in my headline, instead of something more click-worthy like 'crucial'?</strong></p> <p>The answer is that web design trends in 2017 should be all about meeting the user's needs.</p> <p>Gone is the temptation to show off what the browser can do, in its place is a passion for proper design; form follows function.</p><p><a href="https://econsultancy.com/blog/68600-10-sensible-web-design-trends-for-2017/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67408 2016-01-15T09:57:46+00:00 2016-01-15T09:57:46+00:00 Web design convergence: What? Why? And does it matter? Ben Davis <p><strong>Have you noticed that website launches fail to suprise any more?</strong></p> <p>Of course, that's because over the past 15 years, we've all seen as many websites as we've had hot dinners.</p> <p>But it's also because web design has been converging, thanks to the mobile trend, established interaction design patterns and also cultural conventions, as clients are influenced more by the crowd when deciding on their own approach.</p> <p>I'm continuing to explore my <a href="https://econsultancy.com/blog/67308-15-crucial-web-design-trends-for-2016-beyond/">web design predictions for 2016</a> in more detail, so let's take a look at convergence.</p><p><a href="https://econsultancy.com/blog/67408-web-design-convergence-what-why-and-does-it-matter/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67377 2016-01-12T11:34:24+00:00 2016-01-12T11:34:24+00:00 10 ecommerce sites with grand product photography Ben Davis <p><strong>As ecommerce sites become richer experiences designed to showcase products to their fullest, imagery is getting bigger and crisper.</strong></p> <p>A small product shot was once par for the course and is now underwhelming compared to those retailers at the forefront of ecommerce.</p> <p>In our continuing look at <a href="https://econsultancy.com/blog/67308-15-crucial-web-design-trends-for-2016-beyond/">web design trends for 2016 and beyond</a>, I thought I'd showcase 10 ecommerce websites that use big and beautiful photography.</p><p><a href="https://econsultancy.com/blog/67377-10-ecommerce-sites-with-grand-product-photography/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67376 2016-01-06T14:38:00+00:00 2016-01-06T14:38:00+00:00 13 examples of websites with confident typography Ben Davis <p><strong>Our web design trends for 2016 included a continued predilection for bold typography.</strong></p> <p>So, we thought we'd bring you some typographical inspiration, with some examples from agencies, ecommerce and beyond. Consider us the fo(u)nt of all knowledge.</p> <p><em>Why not read the full list of <a href="https://econsultancy.com/blog/67308-15-crucial-web-design-trends-for-2016-beyond/">web design trends for 2016</a>.<br></em></p><p><a href="https://econsultancy.com/blog/67376-13-examples-of-websites-with-confident-typography/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/67308 2015-12-16T11:13:00+00:00 2015-12-16T11:13:00+00:00 15 crucial web design trends for 2016 & beyond Ben Davis <p><strong>Lots of publishers reveal their annual web design trends at the end of the year.</strong></p> <p>I thought I'd be different and conduct a meta-study, bringing you what I consider to be the most cogent predictions from across the web.</p> <p>Hopefully that means this is the only trends post you'll need this year. So, put your feet up and read on, as we explore the larger trends, to the finer detail.</p><p><a href="https://econsultancy.com/blog/67308-15-crucial-web-design-trends-for-2016-beyond/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/66356 2015-04-23T11:08:00+01:00 2015-04-23T11:08:00+01:00 26 inspirational web design resources to boost your creativity Christopher Ratcliff <p><strong>As I am in middle of building my own website and drowning in never-ending design possibilities as well as unfathomable bits of CSS I thought I would share with you some inspiration.</strong></p> <p>These are sites and tools that I’ve been using either on a daily or weekly basis.</p><p><a href="https://econsultancy.com/blog/66356-26-inspirational-web-design-resources-to-boost-your-creativity/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/66008 2015-01-27T18:52:00+00:00 2015-01-27T18:52:00+00:00 15 deeply pleasing examples of mobile micro UX Christopher Ratcliff <p><strong>Micro UX is one of our <a href="https://econsultancy.com/blog/65898-17-crucial-web-design-trends-for-2015">17 crucial web design trends of 2015</a> and hopefully will only grow in importance as interactive web experiences continue to become more human and characterful.</strong></p><p><a href="https://econsultancy.com/blog/66008-15-deeply-pleasing-examples-of-mobile-micro-ux/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/65995 2015-01-22T09:36:00+00:00 2015-01-22T09:36:00+00:00 11 compact examples of super-navigation Christopher Ratcliff <p><strong>We published our <a href="https://econsultancy.com/blog/65898-17-crucial-web-design-trends-for-2015/">17 crucial web design trends for 2015</a> a couple of weeks ago, and this is part of a series of posts looking at each trend in more depth.</strong></p> <p>This week, the thin permanent menus found across the very top of larger websites we have decided to call 'super-navigation'.</p><p><a href="https://econsultancy.com/blog/65995-11-compact-examples-of-super-navigation/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/65966 2015-01-14T15:11:16+00:00 2015-01-14T15:11:16+00:00 What is material design? 10 pioneering examples Christopher Ratcliff <p><strong>We published our <a href="https://econsultancy.com/blog/65898-17-crucial-web-design-trends-for-2015/">17 crucial web design trends for 2015</a> a couple of weeks ago, and this is the first in a series of posts looking at each trend in a more in depth manner.</strong></p> <p>This week, the meeting point between <a href="https://econsultancy.com/blog/64732-16-beautiful-examples-of-flat-design-in-ecommerce/">flat design</a> and skeuomorphism: material design.</p><p><a href="https://econsultancy.com/blog/65966-what-is-material-design-10-pioneering-examples/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/65967 2015-01-14T10:50:07+00:00 2015-01-14T10:50:07+00:00 21 examples of retro design that made a comeback online Matt Owen <p><strong>There is nothing new under the sun. So spoketh Solomon and/or Shakespeare, depending on who you believe.</strong></p> <p>Either way, it’s unlikely they were referring to web design, but as we enter into an uncertain future, there’s no denying there’s a strange comfort in nostalgia - Hey, look at hipsters for starters.</p><p><a href="https://econsultancy.com/blog/65967-21-examples-of-retro-design-that-made-a-comeback-online/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/65898 2014-12-17T11:05:00+00:00 2014-12-17T11:05:00+00:00 17 crucial web design trends for 2015 Christopher Ratcliff <p><strong>Please do not mistake me for some kind digital prognosticator, soothsayer guru, evangelist, swami, samurai or whatever risible term is currently popular in digital marketing circles.</strong></p> <p>I am but one writer who has spent the last year immersed (and only occasionally floundering) in previously unchartered waters in my first 12 months of writing for Econsultancy.</p> <p>This isn’t just a list of trends that I’ve noticed during my own research, but also ones discovered by my many venerable colleagues, various friends of the blog and passed on to me by <a href="https://twitter.com/danbarker">Dan Barker</a> or compiled throughout the year by <a href="https://twitter.com/lakey">Chris Lake</a>.</p><p><a href="https://econsultancy.com/blog/65898-17-crucial-web-design-trends-for-2015/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/65605 2014-10-20T10:56:46+01:00 2014-10-20T10:56:46+01:00 BBC Earth: seven web content trends to notice Ben Davis <p><strong>BBC Earth showcases some of the content trends the Beeb has been championing in the revamp of its site.</strong></p> <p>I've taken a quick shufty through <a href="http://www.bbc.com/earth/uk">these lovely webpages</a> in an attempt to find exactly what these <a href="https://econsultancy.com/blog/64096-18-pivotal-web-design-trends-for-2014">design trends</a> are.</p> <p>See if you agree.</p><p><a href="https://econsultancy.com/blog/65605-bbc-earth-seven-web-content-trends-to-notice/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/65022 2014-06-16T14:38:00+01:00 2014-06-16T14:38:00+01:00 Five influencers of clean and simple web design in publishing Ben Davis <p><strong>Designing usable and enjoyable experiences for people online, across devices, is defining business change.</strong></p> <p>It's no surprise then that some of the most visited posts on the Econsultancy blog concern web design.</p> <p>Chris Lake has traditionally written about <a href="https://econsultancy.com/blog/64096-18-pivotal-web-design-trends-for-2014">web design trends</a> for the year, with eight of his 18 trends for 2014 pointing towards minimalist design.</p> <p>These were <a href="https://econsultancy.com/blog/64732-16-beautiful-examples-of-flat-design-in-ecommerce">flat UI</a>, mobile first, minimalist navigation, monochrome and hypercolour (perhaps summed up as high contrast), cards and tiles, bigger images and fixed position content.</p> <p>I wanted to write a simple post highlighting key examples of clean and simple web design from publishing.</p><p><a href="https://econsultancy.com/blog/65022-five-influencers-of-clean-and-simple-web-design-in-publishing/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/64646 2014-04-03T13:18:00+01:00 2014-04-03T13:18:00+01:00 15 delicious examples of card-based web design Chris Lake <p><strong>The rise of the smartphone has ushered in a new way of thinking among web designers and developers, who need to create websites that work on smaller screens.</strong></p> <p>The constraints of smaller screens have actually helped the web to become that little bit more modular, with responsive design now one of the foremost web design trends: pages can be broken up into their constituent parts, and reordered on the fly, depending on browser or screen sizes. Content spread over three or four columns can be repositioned into just one. </p> <p>This has refocused attention on 'cards', as a design pattern for displaying information in bite-sized chunks. Cards are ideal for the TL;DR generation, perfect for mobile devices and responsive design, and I think we'll be seeing a lot more of them in the months and years ahead. The format may not be new, but it's on the rise.</p> <p>What is a card, exactly? Well, they come in all kinds of shapes and sizes, but commonly cards will include information such as a title, a user name, a picture, and various icons. Sometimes there might be a brief amount of text, for example a product description. In a sense, they are miniature, condensed web pages.  </p> <p>Cards were one of my <a href="https://econsultancy.com/blog/64096-18-pivotal-web-design-trends-for-2014">18 web design trends for 2014</a>, and I wanted to highlight some beautiful examples of card-based user interfaces. Tuck in!</p><p><a href="https://econsultancy.com/blog/64646-15-delicious-examples-of-card-based-web-design/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/64096 2014-01-13T13:00:00+00:00 2014-01-13T13:00:00+00:00 18 pivotal web design trends for 2014 Chris Lake <p><strong>What web design trends do you think we'll see in 2014? I'm betting on more simplicity, more cleanliness, and more focus on smaller screen sizes, among other things.</strong></p> <p>This collection is largely based on observation, vaguely educated guesswork, waving a finger in the air, and a bunch of other posts I've compiled in recent months. As such, some of these predictions may be more accurate than others!</p> <p>No doubt I have missed all manner of trends, so do share your own thoughts and predictions in the comments section below. </p><p><a href="https://econsultancy.com/blog/64096-18-pivotal-web-design-trends-for-2014/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p> tag:econsultancy.com,2008:BlogPost/11005 2012-10-31T14:59:00+00:00 2012-10-31T14:59:00+00:00 20 experiential web design trends for 2012 Chris Lake <p><strong><img style="float: left;" src="http://i.imgur.com/foUoz.png" alt="" width="225">Web design by its very nature continues to evolve, as it must, to make the most of modern browsers and the likes of HTML5, CSS3 and JQuery, and to provide a wonderful user experience for tablet and smartphone owners.</strong></p> <p>Nowadays there is plenty of opportunity to stand out from the crowd, by being ahead of the curve, or by embracing new techniques that can help you to improve the performance of your website.</p> <p>So I thought I’d round up some of the more recent trends in experiential web design. I say ‘experiential’ because I’m less interested in seeing whether drop shadows have made a comeback. </p> <p>The focus of this article is primarily about <strong>the aspects of web design that directly affect the user experience</strong>, rather than particular stylistic trends to do with the look and feel.</p> <p>Great designers understand how to design for user interaction, and how to encourage new user behaviours and habits. World-class designers introduce emotion and have fun along the way. </p> <p>Some of these trends aren’t just-out-of-the-oven new, but they’re in here because they’ve become adopted by the mainstream. I have included other design features because they rock, and I’d like to see them on more websites.</p> <p>It’s worth pointing out that user experience professionals are on the fence about some of these things. Do leave a comment if you feel strongly, one way or another, and be sure to let me know what I’ve missed.</p><p><a href="https://econsultancy.com/blog/11005-20-experiential-web-design-trends-for-2012/?utm_medium=feeds&amp;utm_source=blog">Read more...</a></p>