{"id":922,"date":"2017-09-06T05:33:05","date_gmt":"2017-09-06T05:33:05","guid":{"rendered":"http:\/\/webigg.com\/blog\/?p=922"},"modified":"2018-12-07T11:13:57","modified_gmt":"2018-12-07T11:13:57","slug":"web-design-trends-2017-part-2","status":"publish","type":"post","link":"https:\/\/www.webigg.com\/blog\/web-design-trends-2017-part-2\/","title":{"rendered":"Web Design Trends 2017 \u2013 Part 2"},"content":{"rendered":"<h3 style=\"line-height: 22.5pt; margin: 28.5pt 0in 11.25pt 0in;\"><span style=\"font-size: 15.0pt; font-family: 'Arial','sans-serif'; color: black; background: white; font-weight: normal;\">New Navigation Patterns<\/span><\/h3>\n<p style=\"line-height: 18.75pt; margin: 0in 0in 15.0pt 0in;\"><span style=\"font-size: 11.5pt; font-family: 'Arial','sans-serif'; color: #4c4c4c; background: white;\">Navigation does not have to be glued to the top of the design. From hidden or pop-out styles to navigation on the side or bottom of the pages, it is trendy to move the menu. (As long as the placement is still quite obvious.)<\/span><\/p>\n<p style=\"line-height: 18.75pt; margin: 0in 0in 15.0pt 0in;\"><span style=\"font-size: 11.5pt; font-family: 'Arial','sans-serif'; color: #4c4c4c; background: white;\">When considering a change to navigation styles, think about user patterns. Is the nav easy to find and does it work in a manner that users will understand intuitively? If so, go for it. If not, rethink the idea.<\/span><\/p>\n<h3 style=\"line-height: 22.5pt; margin: 28.5pt 0in 11.25pt 0in;\"><span style=\"font-size: 15.0pt; font-family: 'Arial','sans-serif'; color: black; background: white; font-weight: normal;\">More Tactile Design<\/span><\/h3>\n<p style=\"line-height: 18.75pt; margin: 0in 0in 15.0pt 0in;\"><span style=\"font-size: 11.5pt; font-family: 'Arial','sans-serif'; color: #4c4c4c; background: white;\">Web design is rooted in physical things. It started with Material Design and the development of more tactile planes and layering of objects. This interface trend is expanding to the visuals as well.<\/span><\/p>\n<p style=\"line-height: 18.75pt; margin: 0in 0in 15.0pt 0in;\"><span style=\"font-size: 11.5pt; font-family: 'Arial','sans-serif'; color: #4c4c4c; background: white;\">Designers are much more rooted in reality. This includes images, rather than illustrations, and plenty of elements that feel like the user can reach out and touch them. The images are more natural as well, featuring elements that are made from materials found in nature and crafted into usable objects.<\/span><\/p>\n<h3 style=\"line-height: 22.5pt; margin: 28.5pt 0in 11.25pt 0in;\"><span style=\"font-size: 15.0pt; font-family: 'Arial','sans-serif'; color: black; background: white; font-weight: normal;\">Neutral Color Palettes<\/span><\/h3>\n<p style=\"line-height: 18.75pt; margin: 0in 0in 15.0pt 0in;\"><span style=\"font-size: 11.5pt; font-family: 'Arial','sans-serif'; color: #4c4c4c; background: white;\">Tactile principles will carry over into color palettes as well. While the last two years have been some of the most colorful we have seen in web design that is going to shift to a more natural, neutral set of hues.<\/span><\/p>\n<p style=\"line-height: 18.75pt; margin: 0in 0in 15.0pt 0in;\"><span style=\"font-size: 11.5pt; font-family: 'Arial','sans-serif'; color: #4c4c4c; background: white;\">Look for more greens, beiges and muted tones in projects. Color palettes will be derived from the natural world and have less of a bold, bright, almost-neon look to them.<\/span><\/p>\n<h3 style=\"line-height: 22.5pt; margin: 28.5pt 0in 11.25pt 0in;\"><span style=\"font-size: 15.0pt; font-family: 'Arial','sans-serif'; color: black; background: white; font-weight: normal;\">Wearables Influence the Web<\/span><\/h3>\n<p style=\"line-height: 18.75pt; margin: 0in 0in 15.0pt 0in;\"><span style=\"font-size: 11.5pt; font-family: 'Arial','sans-serif'; color: #4c4c4c; background: white;\">Small design will influence everything else. Very much in the way a mobile-first design mentality has impacted the way all websites work, a wearable-first approach will most specifically impact app design. (You\u2019ll want your app to work on a phone or a watch, right?)<\/span><\/p>\n<p style=\"line-height: 18.75pt; margin: 0in 0in 15.0pt 0in;\"><span style=\"font-size: 11.5pt; font-family: 'Arial','sans-serif'; color: #4c4c4c; background: white;\">This influence will likely change the look and complexity of some mobile apps. We might see larger typography and more minimal styles emerge. With so many users opting to buy wearables of some sort and wanting those interactions to replicate on other devices, this method of design is destined to happen sooner rather than later.<\/span><\/p>\n<h3 style=\"line-height: 22.5pt; margin: 28.5pt 0in 11.25pt 0in;\"><span style=\"font-size: 15.0pt; font-family: 'Arial','sans-serif'; color: black; background: white; font-weight: normal;\">Custom Typography<\/span><\/h3>\n<p style=\"line-height: 18.75pt; margin: 0in 0in 15.0pt 0in;\"><span style=\"font-size: 11.5pt; font-family: 'Arial','sans-serif'; color: #4c4c4c; background: white;\">Big, bold lettering never goes out of style. It is one of those trends that seems to just get better and better. Thanks to a growing number of web fonts and compatibility, more designers are taking typography risks with more novelty and interesting typefaces.<\/span><\/p>\n<p style=\"line-height: 18.75pt; margin: 0in 0in 15.0pt 0in;\"><span style=\"font-size: 11.5pt; font-family: 'Arial','sans-serif'; color: #4c4c4c; background: white;\">It\u2019s a win for the design and a win for users that are likely tiring of the same few sans serifs that seem to dominate design projects. From vintage type styles to retro looks to completely custom typefaces, designers need to think about how to add flair with type to create visual interest.<\/span><\/p>\n<p style=\"line-height: 18.75pt; margin: 0in 0in 15.0pt 0in;\"><span style=\"font-size: 11.5pt; font-family: 'Arial','sans-serif'; color: #4c4c4c; background: white;\">Just keep in mind, cool lettering still needs to be readable. So whether you are pairing it with an image or as stand-alone artwork, make sure users can understand exactly what you are trying to say at a glance.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>New Navigation Patterns Navigation does not have to be glued to the top of the design. From hidden or pop-out styles to navigation on the side or bottom of the pages, it is trendy to move the menu. (As long as the placement is still quite obvious.) When considering a change to navigation styles, think [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[30,21,28,27,20],"class_list":["post-922","post","type-post","status-publish","format-standard","hentry","category-internet-marketing-internet-marketing","tag-best-online-marketing-company-new-delhi","tag-online-marketing-companies","tag-online-marketing-companies-india","tag-search-engine-marketing-india","tag-social-media-marketing"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/posts\/922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/comments?post=922"}],"version-history":[{"count":1,"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/posts\/922\/revisions"}],"predecessor-version":[{"id":923,"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/posts\/922\/revisions\/923"}],"wp:attachment":[{"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/media?parent=922"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/categories?post=922"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/tags?post=922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}