--- title: Key Web & Digital Design Trends to Know for 2018 description: Design opportunities are expanding (as are designers' skills) and its impact is being felt well beyond the website. image: https://www.websitemagazine.com/hubfs/Imported_Blog_Media/design46c9f88ec5e163acbc5dff0000ff1aaa-1-1-1-1.png --- [Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi) [![Website Magazine Logo](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x-1.png?width=586&height=145&name=gradient-regular@3x-1.png "Website Magazine Logo")](http://Website%20Services,%20Inc.) - [About](https://www.websitemagazine.com/about) - [FAQs](https://www.websitemagazine.com/about/faq) - [Advertise](https://www.websitemagazine.com/about/advertise) - [Editorial Staff](https://www.websitemagazine.com/about/editorial-publishing-staff) - [Resources](https://websitemagazine.tradepub.com) - [Newsletter](https://www.websitemagazine.com/newsletter-sign-up) - More - [Contact Us](https://www.websitemagazine.com/contact) [Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi) Search - [Latest](https://www.websitemagazine.com) - [Design](https://www.websitemagazine.com/web-design) - [Development](https://www.websitemagazine.com/web-development) - [SEO](https://www.websitemagazine.com/seo) - [Ecommerce](https://www.websitemagazine.com/ecommerce) - [Content](https://www.websitemagazine.com/content) - [Marketing](https://www.websitemagazine.com/marketing) - [Advertising](https://www.websitemagazine.com/advertising) - [Email](https://www.websitemagazine.com/email) - [Infographics](https://www.websitemagazine.com/infographics) - [View All Topics](https://www.websitemagazine.com/channels) # Key Web & Digital Design Trends to Know ![Pete Prestipino](https://www.websitemagazine.com/hubfs/Pete%20Prestipino.jpeg) [by Pete Prestipino](https://www.websitemagazine.com/web-design/author/pete-prestipino) 01 Dec, 2017 - - - [mailto:?Body=https://www.websitemagazine.com/web-design/key-web-digital-design-trends-to-know](mailto:?Body=https://www.websitemagazine.com/web-design/key-web-digital-design-trends-to-know) - Link Copied! ![Key Web & Digital Design Trends to Know](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/design46c9f88ec5e163acbc5dff0000ff1aaa-1-1-1-1.png) **Design preferences (and techniques) seemingly change by the day (if not the hour). These changes make it quite difficult for those responsible for the visual aspects of their enterprise's user experience (UX) to keep pace, but it is certainly not impossible.** In this edition of *Website Magazine*'s Design & Development Digest, let's take a look at a few of the dominant trends present, which will likely influence how websites (and digital experiences in general) are created, constructed and crafted as the industry moves forward.   ## Hidden Navigation & Evolved Menus   What began as a solution for the compact screens of mobile devices has quickly expanded into an opportunity for responsive websites at all viewports. Using [hidden or expandable navigation menus](https://www.websitemagazine.com/marketing/four-hidden-navigation-examples-you-have-to-see) (e.g., the "hamburger" menu) allows for greater flexibility (a more prominent content area as opposed to traditional navigation menu patterns). This offers more opportunity on screens for designers looking to take advantage of the available space (on both homepages and product/information pages) and who are leaning toward adopting other trends including minimalism (i.e., less clutter), flat or material design. While the argument is that hidden navigation will have a potentially negative impact to UX, there are many examples that contribute to a more evolved, modern and productive digital presence.   ## Streamlined Color Palettes   The use of color is one of the more continually evolving aspects of digital design. One year designers will tend to leverage many bright colors, for example, while the next year they may opt for just two muted/flat colors. It is likely designers will "tone down" their use of colors and focus on crafting experiences with a smaller color palette to not overwhelm users, particularly on smaller screens. Color choice plays a significant role in [the psychology behind marketing](https://www.websitemagazine.com/infographics/psychology-of-color-in-marketing) so it is imperative designers choose wisely.   ## Split/Stacked Screens   Designers looking for a highly versatile layout may want to explore [a split-screen approach](https://www.websitemagazine.com/web-design/slicing-dicing-the-split-stacked-screens-trend). The technique features a side-by-side, panel-style for desktop viewports and stacked elements for mobile devices. Since the approach is quite symmetrical, it works very well with certain types of content, such as when designers want to make a visual connection between two items or to emphasize the duality of elements. Contrasting colors and bold typography work perfectly with this trend as well.   ## The Next Trend is Emerging Now   Trends emerge continuously, of course, so it is difficult to pinpoint what will be adopted for certain; one day the use of geometric shapes are all the rage, for example, the next they are not. Web designers, all designers really, pride themselves on their creativity so the industry never really knows which direction any of us is actually heading. What is impossible to deny, however, is that design opportunities are expanding (as are designers' skills) and its impact is being felt well beyond the website.     ## The Rise of Material Design Lite   Google's popular [Material Design](https://www.websitemagazine.com/web-design/quick-guide-to-material-design-lite) aesthetic has truly exploded over the past few years. Designers embraced it for its ability to add a sufficient amount of embellishment to enhance usability without sacrificing the same. In the future, designers expect a new phase of the trend to emerge and that is exactly what is happening with the rise of Material Design Lite (see image from [getmdl.io](https://getmdl.io/)), a more flexible version of Material Design that can be implemented in whole or in part for nearly any Web design.   ***![designlite](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/designlite-1-1-1.png "designlite")*** ![Pete Prestipino](https://www.websitemagazine.com/hubfs/Pete%20Prestipino.jpeg) [Pete Prestipino](https://www.websitemagazine.com/web-design/author/pete-prestipino) Digital marketing executive with proven experience in all aspects of search engine optimization (SEO), performance-based advertising, consumer-generated/social media, email marketing, lead generation, Web design, usability, and analytics. - 20-year Internet marketing veteran, currently serving as the Digital Marketing Campaign Manager at Antenna Group (formerly Chicago Digital). - Former Editor-In-Chief of Website Magazine, and a regular speaker on Web technology digital marketing strategy - Author of several books on digital marketing Including Web 360: The Fundamentals of Web Success; Affiliate 360: The Fundamentals of Performance Marketing; Domains 360: The Fundamentals of Buying & Selling Domain Names, and SEO 360: The Fundamentals of Search Engine Optimization. - - - [mailto:peter@websitemagazine.com](mailto:peter@websitemagazine.com) #### Popular Post ### [6 Sexy Web Design Agency Websites ![6 Sexy Web Design Agency Websites](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-19-54-9734-PM-Apr-10-2023-01-58-57-4342-PM-Apr-25-2023-03-47-11-5390-AM-May-01-2023-10-24-02-6643-PM.png)](https://www.websitemagazine.com/web-design/6-sexy-web-design-agency-websites) ### [Six User Testing Questions to Ask While Navigating Website Redesigns ![Six User Testing Questions to Ask While Navigating Website Redesigns](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/question-mark483bf98ec5e163acbc5dff0000ff1aaa-3-1-1-1.png)](https://www.websitemagazine.com/web-design/six-user-testing-questions-to-ask-while-navigating-website-redesigns) ### [The Most Popular Fonts of 2015 ![The Most Popular Fonts of 2015](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/serifshot-3-1-1-1.jpg)](https://www.websitemagazine.com/web-design/the-most-popular-fonts) #### Subscribe to Our Newsletter! [![](https://a.impactradius-go.com/display-ad/13053-1438301)](https://semrush.sjv.io/c/3976891/1438301/13053)![](https://imp.pxf.io/i/3976891/1438301/13053) #### Latest in Web Design [![The Vertical Split Screen Design Trend](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-16-08-6449-PM-Apr-10-2023-02-12-54-4429-PM-Apr-25-2023-04-00-11-0245-AM-May-01-2023-10-36-44-2646-PM.png) The Vertical Split Screen Design Trend](https://www.websitemagazine.com/web-design/slicing-dicing-the-split-stacked-screens-trend) [![Six User Testing Questions to Ask While Navigating Website Redesigns](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/question-mark483bf98ec5e163acbc5dff0000ff1aaa-3-1-1-1.png) Six User Testing Questions to Ask While Navigating Website Redesigns](https://www.websitemagazine.com/web-design/six-user-testing-questions-to-ask-while-navigating-website-redesigns) [![Design for Conversion: Apply the Von Restorff Effect](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/unsplash-53117-Jan-23-2023-02-22-47-9807-PM-1-1-1.jpg) Design for Conversion: Apply the Von Restorff Effect](https://www.websitemagazine.com/web-design/design-for-conversion-apply-the-von-restorff-effect) [![Why Modern Web Design Is No More: The New Era of 'Product Design'](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-24-25-7392-PM-Apr-10-2023-02-13-05-1129-PM-Apr-25-2023-04-00-33-0074-AM-May-01-2023-10-36-52-3196-PM.png) Why Modern Web Design Is No More: The New Era of 'Product Design'](https://www.websitemagazine.com/web-design/why-modern-web-design-is-no-more-the-new-era-of-product-design) [![Before and After: Transforming Email Design with the 3 P's](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-16-08-6449-PM-Apr-10-2023-02-12-54-4429-PM-Apr-25-2023-04-00-11-0245-AM-May-01-2023-10-36-44-2646-PM.png) Before and After: Transforming Email Design with the 3 P's](https://www.websitemagazine.com/web-design/before-and-after-transforming-email-design-with-the-3-p-s) [![5 Fab, Fresh & Free Animation Libraries](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-16-08-6449-PM-Apr-10-2023-02-12-54-4429-PM-Apr-25-2023-04-00-11-0245-AM-May-01-2023-10-36-44-2646-PM.png) 5 Fab, Fresh & Free Animation Libraries](https://www.websitemagazine.com/web-design/5-fab-fresh-free-animation-libraries) [![gradient-regular@3x](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x.png?width=128&height=128&name=gradient-regular@3x.png)](https://www.websitemagazine.com/) 999 E Touhy Ave, Des Plaines, IL 60018   [info@websitemagazine.com](mailto:info@websitemagazine.com) [(888) 7WEBMAG](tel:18887932624) [(312) 313-6576](tel:13123136576) About - [Advertise](https://www.websitemagazine.com/about/advertise) - [Editorial](https://www.websitemagazine.com/about/editorial-publishing-staff) - [Contact Us](https://www.websitemagazine.com/contact) Resources Membership - Login - Subscribe Signup for our newsletter © 2026 Website Magazine. All Rights Reserved - [Privacy Policy](https://www.websitemagazine.com/about/privacy) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Pete Prestipino", "url" : "https://www.websitemagazine.com/web-design/author/pete-prestipino" }, "dateModified" : "2023-05-01T22:36:59.377Z", "datePublished" : "2017-12-01T06:00:00.000Z", "headline" : " Key Web & Digital Design Trends to Know for 2018", "image" : [ "https://www.websitemagazine.com/hubfs/Imported_Blog_Media/design46c9f88ec5e163acbc5dff0000ff1aaa-1-1-1-1.png" ], "mainEntityOfPage" : { "@id" : "https://www.websitemagazine.com/web-design/key-web-digital-design-trends-to-know", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.websitemagazine.com/hubfs/gradient-regular@3x-1.png" }, "name" : "Website Services, Inc." } } ``` ```json { "@context" : "https://schema.org", "@type" : "NewsArticle", "author" : [ { "@type" : "Person", "name" : "Pete Prestipino" } ], "headline" : "Key Web & Digital Design Trends to Know", "publisher" : { "name" : "Website Magazine", "url" : "https://www.websitemagazine.com/" } } ```