Pantone’s Color of the Year: Ultra Violet (And How to Use It)

Ultra Violet. It sounds like the name of a pop band. Pantone’s Color of the Year for 2018 is inspired by music and art and individuality.

The color is reminiscent of Prince’s famous purple and it is part of a growing trend in design to use bolder, brighter colors in more projects. Here’s a look at Pantone’s color of the year and how you can use it in your projects.

About Ultra Violet

pantone color of the year

The color of the year is Pantone Ultra Violet 18-3838. Ultra Violet is a deep purple, evoking a feeling of royalty and creativity. (Something designers will surely like.)

Here’s what Leatrice Eiseman, executive director of the Pantone Color Institute, has to say about the color selection: “We are living in a time that requires inventiveness and imagination. It is this kind of creative inspiration that is indigenous to Pantone 18-3838 Ultra Violet, a blue-based purple that takes our awareness and potential to a higher level. From exploring new technologies and the greater galaxy, to artistic expression and spiritual reflection, intuitive Ultra Violet lights the way to what is yet to come.”

While that sounds like a tall order for a color, it shows the complexity of purple, in general. The color isn’t one that’s commonly the basis for design projects because of these complexities. But with a color of the year designation and more projects trending toward brighter color palettes, Ultra Violet is likely to pop up in projects everywhere.

The selection of Ultra Violet follows 2017’s Greenery (Pantone 15-0343) and a pair of colors in 2016 – Rose Quartz 13-1520 and Serenity 15-3919.

Color Swatches

  • Pantone: 18-3838 or 2096 C
  • RGB: 101 R, 78 G, 163 B
  • CMYK: 76 C, 75 M, 0 Y, 0 K
  • HEX: 654EA3

Pantone made Adobe files available for download using Ultra Violet.

Color Meanings

pantone color of the year

pantone color of the year

pantone color of the year

Purple has meaningful color associations. The color isn’t all that common in nature – or design color palettes. The color is thought to be meaningful, royal and majestic.

From the world of science, purple is the most powerful visible wavelength in the electromagnetic spectrum.

Color meanings include:

  • Light purples, floral and romantic
  • Dark purples (such as Ultra Violet), decadent and mysterious
  • In some cultures, purple is the color of mourning
  • Younger people see purple as happy and light
  • Older people often associate purple with negative undertones

The tough thing about this color when it comes to design projects is that people often feel strongly about purples. They either love or hate the color. There aren’t a lot of people who will be indifferent about it, making it important to think about your audience before diving into a purple color scheme.

Here’s how Pantone describes it: “Enigmatic purples have also long been symbolic of counterculture, unconventionality, and artistic brilliance. … Nuanced and full of emotion, the depth of Pantone 18-3838 Ultra Violet symbolizes experimentation and non-conformity, spurring individuals to imagine their unique mark on the world, and push boundaries through creative outlets.”

How to Use Ultra Violet in Print and Web Design

Purple is not a color you just slap in a print of web design project and hope it sticks. Use of the color should be planned and intentional. The good thing is that there are a lot of ways to do it well.

pantone color of the year

M.I.A. Web Lab uses a purple overlay and border to create visual interest. The grayish tone to the purple helps set the animated text out so that users see messaging right away.

pantone color of the year

Use purple as part of a fun or trendy gradient design. By fading purple into another color, you can soften some of the emotional connections people might have with the color.

pantone color of the year

Take full advantage of the mysterious associations with the color to create something interesting and different. The color is associated with creativity and Creative by Tokyo takes full advantage of that concept with purple-hued video B-roll in the background.

pantone color of the year

While purple isn’t really a “natural” color, shades of it do appear in some images and environments. Take advantages of purple in images and video to use the color without completely changing your design’s color scheme.

pantone color of the year

Purple can be a great accent color and makes a solid impression on a simple background. Guiseppe Spota uses a purple to blue gradient to draw users into the design effectively. The color is interesting enough that it can be a draw on its own.

pantone color of the year

Purple works well to create an element of contrast because it isn’t often a part of the color scheme in other ways. Purple can help oranges and greens come alive thanks to plenty of contrast.

Inspiration from the Design Shack Gallery

Don’t get locked in to a deep purple, just because it is the color of the year. Use this as a springboard to try different variations of the color and adjust the trend to work for you. Here’s a little inspiration from the Design Shack Gallery. https://designshack.net/gallery/

Ema Toader

pantone color of the year

Tanaiska

pantone color of the year

Bauer Advertising

pantone color of the year

Synchstep

pantone color of the year

Maija

pantone color of the year

Departures International

pantone color of the year

Whimsy Rose

pantone color of the year

Tobias Persson

pantone color of the year

Conclusion

So, I’m pretty excited about this color of the year selection. Purple – particularly deep purple – has been my favorite color for a long time. But it is hard to sneak it into design projects. My hope is that Pantone’s selection will help more people open up to the idea of using purple in design projects.

How do you feel about this color of the year choice? Will you try to use Ultra Violet in your projects? I’d love to see them. Tweet links to us and tag me and Design Shack.

Facebook Marketing Tips for Realtors

If you are a realtor, you know that marketing comes with the territory. In order to be successful, you not only have to constantly marketing properties, but you also have to constantly market yourself as an expert in your field. Traditional methods of marketing for realtors, like newspaper ads, flyers, open houses and even radio air time spots, just do not work any more.

The goal of any successful marketing campaign is to reach as many people as possible. To accomplish this, you have to go where the people are. Where are the people now days? On the Internet – 7 billion of them, in fact – according to recent Yahoo! surveys. Where, specifically, are they on the Internet? On social media sites like Facebook, which boasts 1 billion users each month – according to the same Yahoo! Surveys.

Facebook is not just for hooking up with old flames, stalking your exes, keeping tabs on Aunt Sue or mulling over the successes of your frenemies. It’s also an invaluable marketing tool that every realtor should keep in their marketing arsenal. We’re going to show you a few handy tips on how you can use Facebook to market your real estate ventures. For free – any time of the day or night from the office, from your HOME or from your pajamas.

* Offer reliable advice and information

Nobody wants to feel like they’re being sold to all the time. Even though selling may be your primary reason for being on Facebook, be prepared to give a little back. People are hungry for professional advice and you’re in the position to give it. If you have an industry-relevant tip like how certain people may qualify for special financing or advice on what to look for when buying a HOME, share it. This not only adds to your credibility as a professional; it also makes people more likely to refer others to you, based on your knowledge and expertise.

* Keep the link wheel turning

If you have a blog, website or other web platform that you frequently update with information, share it on your Facebook page. First, you want to grab their attention with the headline you use to promote the link, but you also want to be sure what’s at the end of the link you send them to is interesting enough to keep their attention as well. Use this sparingly, though. If you’re promoting yourself all the time, you’ll come across as arrogant and a bit big headed, which totally defeats your purpose of drawing people in by actually pushing them away.

* Go above and beyond

If you have a hot property you want to showcase on your Facebook page, go a step further by providing links to additional information related to the property. You may include links to the website for the town the property is listed in or a link to the local school district. Doing a little research for prospective buyers could pay off handsomely in the end. Plus, it gives you even more credit in your field by highlighting your attention to detail.

* Cross promote the competition

Now, this tip may raise a few eyebrows, but really – it’s a good idea when you think about it. If you see that one of your competitors – or just some random realtor from some other state – is offering a fabulous deal on an amazing property, share that information with your followers. The benefits of this are twofold. One – it shows your followers that you have their best interests in mind by bringing them the best deals, even if there’s nothing in it for you. Two – it shows your competition – and your followers – that you are secure enough in your abilities as a realtor that you are not intimidated by what others in your industry have to offer.

* Give the ‘real you’ a little bit of face time

Yeah, we realize you’re on Facebook as a business professional, but we also know that, behind the polished facade, you’re a real person with warts, moles, gray hair and bratty kids like the rest of us. Instead of always posting business-related things, share a little bit of yourself with your followers. You do not have to go into a lot of detail, but giving them a glimpse of the ‘real you’ from time to time helps to forge bonds and establish deeper connections (read = loyalty) amongst your followers.

Although having a Facebook page can work wonders for you business, it’s not going to work unless you do. You have to constantly keep it updated with fresh content that not only grabs the attention of your followers, but also keeps them coming back for more. Engage them and validate them by responding to their comments and passing around “Likes.” This encourages them to stick around and be a part of what you’re doing. Bear in mind that you should not become overly-posty because nobody wants to feel like they’re being spammed. Once you get comfortable with marketing via Facebook, you will discover your own happy medium between sharing and over-sharing.

Targeted email campaign

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia the the consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro is quisquam est, qui dolorem ipsum quia dolor sit amet consectetur adipisci velit sed quia a non numquam eius modi tempora incidunt.

Nunc blandit tincidunt consequat. Duis diam metus, suscipit in pulvinar eget, egestas id arcu. Duis a enim vel mauris ultrices. Nullam aliquet velit ac velit tempus in semper.

Post enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia the the consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro is quisquam est, qui dolorem ipsum quia dolor sit amet consectetur adipisci velit sed quia the non numquam eius modi tempora incidunt. Lorem ipsum dolor sit amet, consectetur adipa isicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam, quis nostrud exercitation.

Monitoring Business

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia the the consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro is quisquam est, qui dolorem ipsum quia dolor sit amet consectetur adipisci velit sed quia a non numquam eius modi tempora incidunt.

Nunc blandit tincidunt consequat. Duis diam metus, suscipit in pulvinar eget, egestas id arcu. Duis a enim vel mauris ultrices. Nullam aliquet velit ac velit tempus in semper.

Post enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia the the consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro is quisquam est, qui dolorem ipsum quia dolor sit amet consectetur adipisci velit sed quia the non numquam eius modi tempora incidunt. Lorem ipsum dolor sit amet, consectetur adipa isicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam, quis nostrud exercitation.

What’s a Logo Grid, and Why Should You Use One?

So you need to design a logo. Where do you start? Shapes? Typography? A grid?

A logo grid or construction guide is a popular starting point for many designers looking to create a logo. The use of a grid system, especially for a design that might often render at extreme sizes – very large or small – can help you create something that has visual harmony, an organized aesthetic and purposeful design.

What Is a Logo Grid?

logo grid
The common factor in all logo grids is that they employ a sort of mathematical approach

A logo grid is a tool used to help create shapes with geometric harmony in the process of building a logo. Logo grids are often called construction guides as well, depending on the shape of the grid (or guide) lines used.

Logo grids are often made from an actual square grid, such as those used for grid paper like you used in school. But the structure of a logo grid can be expanded to much more. Some designers use circular logo grids and others create a unique grid system for each project that includes “invisible” lines for heights, spacing between elements and whitespace.

The common factor in all logo grids is that they employ a sort of mathematical approach, where space and filled space is aided by placement along the grid in the design process.

Common Grid Styles

logo grid

Grids are a common tool and have been used in various aspects of design for as long as designers have been creating art for printed projects and screens. There are old and time-tested grid concepts, as well as more modern or even custom grid choices available. (Think about your workflows. Do you create mini grids for different canvases? That’s a custom grid.)

Some of the most common grid systems are things you might not even consciously think about but use every day such as the rule of thirds, which is a very common photography tool; the golden ratio; or just a column and gutter grid.

In the same way you use a grid for any other project, you can use it for construction of a logo. The big difference when it comes to logos is that the shapes are not dictated by a specific canvas, such as a rectangular postcard or billboard. For this reason, some logo are designed using construction guides that still follow the principles of working on a grid, but with more flexibility in the shapes of lines and even curves.

Using a Logo Grid

logo grid

There are so many different options for creating and using a logo grid. The type of grid you select should be based on the project you are working on and your comfort level in working with grids.

  • Do you feel comfortable in the structure of a grid?
  • Have you designed a grid in the past?
  • How do you feel about “breaking” the grid?
  • What shapes and styles are you considering for your logo design?

Once you determine your comfort level with grids – most designers are accustomed to working with some type of grid – it’s time to look at some of the options. While you can create your own, there are some options that are more commonly found, as you can see from examples throughout this post.

Benefits of Using a Grid

logo grid

I know what you are thinking: This looks complicated, why in the heck would I want to use a grid? Before you balk and just scribble something and call it a day, there are plenty of reasons to at least consider a logo grid or construction guide.

  • Grids help create organization and focus.
  • Grids can give you the focus to create something simple and timeless. Think of logos for companies such as Apple and Shell, which use super-simple, classic logo forms.
  • A grid will help you create a logo with versatility. Think of the guidelines for something as small as designing an iOS icon, it starts with a grid that you are supposed to follow before submission.
  • While some think of grids as constricting, they actually help you design with more flexibility. The lines of a grid can help you see more options for where to draw and move lines and how to put the pieces together in a way that makes visual sense.
  • Grids can help you plan better for elements such as space and create harmony with ease.
  • Grids can help you add polish to a design.
  • Some grids just exist whether you use them or not based on the way people look at information. (The rule of thirds grid is a good example of this because of the way a person’s eyes move across a visual element.) So even when you don’t use a grid, some grid concepts will still apply.

Cautions When Using a Grid

There are some arguments against creating a logo using a grid system as well. You are likely to find that designers are often very for or very against the use of a logo grid system for these types of projects.

  • Grids can restrict creativity because designers feel “locked in” to specific shapes or patterns. This can result in logos that end up having the same feel.
  • Creating your own grid can be difficult and time-consuming. There can be a bit of a learning curve when it comes to using grids for the unfamiliar.
  • It’s easy to get caught up in the mathematical nature of the grid, resulting in a very grid-like geometric outline, rather than a true logo.
  • Designers can get stuck in the grid and not know when to break grid rules, limiting the design process.

Should You Use a Logo Grid?

logo grid

Now back to the question posed in the title: Should you use a logo grid?

Well… maybe. Every designer is different. I work first from gut and put together an outline and then put it on a grid. This process gives me an idea of how “sound” the logo is structurally and helps me think about potential changes moving forward.

The idea of starting with a grid, even if just for simplicity of scale, shape and planning is a good idea. Building a logo from scratch is a lot like constructing a building. Something with a solid foundation will last and be useful for years to come. If you are thinking about corporate branding or something that will be a part of a brand identity, at least consider a logo grid when looking at the structural integrity of the design.

That does not mean you have to stick to all the invisible lines and curves in the design, but it will help you think about the logo creation process. You might even see something about the design that could benefit from the help of a grid along the way.

Conclusion

Logo grids are a touchy subject for a lot of designers, but it is a topic that’s fun to debate. Just Google “logo grid” and you’ll find hundreds of deconstructions of logos debating whether they fit a grid or are designed freehand. Even Apple’s signature logo has been long the subject of debate.

As with any design technique, logo grids are perfect for some designers and a pain for others. Depending on your experience in working with logos, you may love the idea of a custom option and hate working from a basic set of gridlines. Whichever camp you belong to, we can all agree that Graham Smith put it best: “The idea for a logo often comes from the mind or pencil in a hand, and not a startlingly large quantity of guides, grids and pretty circles.”

Definition of Responsive Web Design

Definition of Responsive Web Design

What is responsive web design? In essence it is when the design of the website responds to the dimensions of the screen. In other words, a website built to be responsive, takes note of the height and width of the screen (actually, the viewable area is usually a browser window, as in Internet Explorer), and adjusts the web page layout to fit the viewable area appropriately (according to what the web designer or creative director deem appropriate).

Although this is most commonly used in web layouts, responsive web design can go well beyond layouts. Primarily achieved using code referred to as media queries (see my article The Media Query), responsive web design empowers you to produce web pages that are independent of the viewable area.

Responsive Web Design Case Examples

A good usage example of this would be in the case of a website that is optimized to suit mobile devices as well as desktop computers, wherein the links in the top menu would be more workable repositioned as a vertical list, rather than a horizontal bar going across. This sort of detail is supported by responsive web design.

If you have a grid in your layout where 10 thumbnails fit nicely across on a regular desktop computer monitor, those thumbnails would have to be awful small to fit 10 across on an iPad or iPhone. With a responsive design you can change it so that if the width of the device is as short as an iPad, it only places 7 thumbnails across. Then, perhaps 4 across for an iPhone.

A lot of website contact forms are accompanied with a sidebar area (or two) for up-sale and other purposes. This is great for a desktop computer, but on a smart phone, by default, the form and the sidebar both are shrunken down too small to read. With responsive web design the form can be made to fill the screen and the sidebar can be hidden, placed underneath, “replaced” by another smaller version with the same message, almost anything is possible.

Responsive Web Design vs. Liquid Layouts

For a long time, there have been web page layouts that flex to the size (usually the width, specifically) of the browsers window, known as liquid layouts. These are still in use today, although they’ve never been as common as the typical fixed layout you’ll find on most websites (where the layout remains the same, regardless of the width of the viewable area). Liquid layouts are very commonly used for mobile devices, as they can be counted upon to fit every mobile screen size. This sort of layout is usually kept very simple, like a grid of thumbnails or a list of button. But if one takes that same layout and lets it span the width of a desktop monitor, it is usually found to be too sparse, too stretched or everything is oversized.

Responsive web design includes taking advantage of both liquid and fixed layouts, to accommodate for all screen sizes.

Create Your Three Letter Autoresponder Follow-Up -buy plr articles

A woman told me this week, “Your advertising is wasted if you don’t follow-up on your leads.” Her solution is to use a multiple autoresponder that sends her prospects a new sales message very few days.

Great 1st Impressions = Great ROI. The Best Landing Pages Start Here

 People need to see your ad message several times before they buy. Those who buy on the first ad have already made up their mind after seeing someone else’s ad. Yours had the good fortune of reaching the customer at just the right time.

You can greatly increase sales with a three letter multiple autoresponder. There are a number of places to get these autoresponders free (fastfacts.net, getresponse.com, smartbotpro.net) and others who sell up-graded service at low cost.

Make your first letter briefly present your offer. It should be designed to get attention and bring in those who tend to quickly make up their minds to buy.

Your second sales letter should arrive the next day. Make it longer and filled with details. About 70 percent of consumers are folks who need ALL the details before they will purchase. List your features and connect them with the benefit your customer will get from those features.

Your third sales letter should be scheduled to arrive several days later. Start with “Successful people are busy. I know you probably saw my earlier messages, considered them, but haven’t yet had time to respond.”

Then give them another rundown on your offer. Bring in a fresh angle so it doesn’t seem like they are reading the same letter they saw a few days ago.

More than three sales letters tend to get ignored. If you want to send more, have your fourth and fifth letters arrive weeks or months later. Scheduling a new letter to arrive every month can catch a prospect when they’re ready to buy.

Offer Your Own Email Course

One of the most successful marketing techniques I’ve found is offering your own course via autoresponders. I introduced my Make Your Website Sell course (yes, before MYSS came out) and it is still getting gobs of sign-ups every day.

Here is how to create yours:

1. Pick a problem that lots of your customers struggle with. In my business the big stumpers are getting a site that sells, finding a way to handle email, figuring out search engines, and finding low-cost ways to advertise effectively.

140000 Articles For $14.95! Fast Turn times – Easy to Order                     

 A course on any of these is guaranteed to bring lots of interested prospects and customers (and you can bet I’m plugging my ads here and there during the course).

Your course could be on how to complete a basement, how to avoid an IRS audit, how to give your kids straight teeth, or anything else that customers often ask about.

2. If you don’t write or have time to pen your own articles, look for others who have written on the topic. It is perfectly legal to put their ideas in your own words (always proper to give them credit).

You can also quote the article. It is best to ask in advance, if your course is for commercial purposes. Start your article, then say expert Jane Doe has some valuable information. Include a few paragraphs of what Jane wrote. Be careful not to use so much you give away her entire article and spoil her ability to sell the information.

Best Website Design

Best Website Design

Creating a website with the best design possible is important, as your website’s success or failure tends to be closely linked to how unique and professional your website’s design is. Getting the best website design is more than just paying a professional to create the theme and features, but it is about coming up with a design that will most accurately reflect your website’s purpose and tone. Below are some tips to help you get the best website design for your brand new website:

1. Tone is important. The tone of your website tells people who you are and what you do, and the tone of your website’s design should match the purpose of your website. Use colors that match your theme, such as brown and dark blue for a professional’s website or white and light colors for an upbeat website.

2. The theme of your website speaks volumes. The professional designers know how important a theme is for a website’s success, as a professionally designed website is much more pleasant to look at than one that is quickly slapped together. Ensure that your website is designed to look professional, interact easily with your visitors, and be visually attractive.

3. Avoid glaring colors or flashing lights. People find that these bright popups or colors tend to irritate them, as their eyes are continuously drawn back to these elements. These elements will usually cause people to avoid your website, as these flashing lights are typically associated with spam and advertisements.

4. White space will make reading the content easy. White space between each column, paragraph, and element of the website will make the website much more appealing visually, as it will give the browser’s eyes somewhere to rest as they scan the page. Using too many elements and too many blocks of text in a web page is the quickest way to confuse your reader and cause him to scan the page quickly to avoid confusion. Cluttered web pages are confusing and will annoy your reader, as he will have to read each item carefully in order to ensure that he does not miss anything. Using plenty of white space ensures that readers can obtain the information they want at a glance, which will keep them interested in what you are offering.

5. When using images on a website, only use professional images that are either bought from a stock photo website or that you hired a professional photographer to take. Poor quality images on a website will lead the viewers to believe that the website itself is low quality, so the product or service being marketed must be of equally poor quality. Using professional images may not make your website look professional, but it will be one more professional element that will serve to improve the overall tone of your website.

Using these simple tips can help you to improve your website’s design overall, and you will find that you will have much more success in your online marketing and retail efforts if your website looks professional.

10 Web Design Trends to Watch for in 2018

As 2017 winds down, it’s a good time to reflect on the accomplishments of the past year and start thinking about designs yet to come.

Looking at more recent designs, redesigns and even just design tweaks, a few distinct trends are starting to emerge as the front-runners heading into 2018. Here’s a look at some of the web design trends that will likely become popular (and many of these concepts can be used for print design as well).

1. Asymmetrical Grids

2018 trends

The age of perfect symmetry is over. While split screen designs were a big trend in 2017, that perfect half-and-half visual outline is evolving.

Designers are splitting the visual elements on the screen with a more asymmetrical grid pattern.

To make this concept work, there needs to be a distinct balance of elements so that one side of the design isn’t overpowering. Space and text elements often balance visuals to help draw the eye across the design.

And it all comes together because the designs still live on a grid, which helps keep everything organized. (The elements in the Club of the Waves design, above, is organized in such a manner which is why the asymmetrical design feels so balanced.)

2. More Bright Color

2018 trends

Bright color seems to be the design trend that just wants to stick around. It was a big part of flat design and equally important to Material Design, and both concepts are still a part of a lot of projects.

Even without characteristics of flat or Material, bold color is eye-catching and can help draw a user into a design. Bright and bold color choices have a fresh feel and appeal to younger users.

These color choices can also create an unexpected aesthetic and create a funkier vibe for websites and companies that might not be known for this tone. Ford, above, doesn’t come to mind as a progressive, hip company, but the design for the Make it Drivable microsite exudes these emotions.

3. Bottom Sticky Elements

2018 trends

All those tiny ads at the bottom of apps and mobile websites are making their way to desktop and tablet designs as well. And it’s not just ads in this down screen location, chat boxes, pop-ups, notifications and even navigational elements are sticking to the bottom of the screen.

This less obtrusive location is a prime viewing area and mobile usage has trained users that these types of placements are acceptable.

And if works. An ad at the bottom of the screen, such as the one from the Burlap and Blue blog above, just seems so much less in the way (and less in your face) than a nameplate banner. The user still sees it, but it doesn’t obscure content.

4. Voice and Natural Language Search

2018 trends

The future of web design isn’t 100 percent visual. Some of it will be audible.

From designing interfaces that can “hear” and understand voice commands to incorporating search terms that mimic natural language, integrating a world of voice and language will be imperative for website design projects.

And while some of these other trends might not be even more popular at the end of 2018, voice and natural language search is only going to grow in usage and popularity. You should start planning for it now so you’ll be able to incorporate it into future projects with ease.

5. Fluid Shapes

2018 trends

While sharper poly shapes and geometry were big in 2017, softer shapes with a more fluid look and even animations are gaining popularity.

Smoother lines are a natural progression of the polygon trend. When Design Shack featured the poly shapes trend earlier this year, the description read “one of the best parts of this versatile trend is that each of these designs is so different. … Polygons are typically flat, two-dimensional shapes, although in website projects some polygons animate move and seem to have more 3-D characteristics.”

The same characteristic hold for more fluid shapes; the key difference is that instead of sharp intersecting lines, each shape is made of smooth curves that flow throughout the design.

6. Subtle Animation

2018 trends

Small, simple animations can surprise and delight users. They can also help provide information and lead the user through more active engagement with the design.

But subtle animation isn’t about a loading feature that hides lagging time, it’s movement within the design itself.

From hover states to cinemagraphs to illustrations that seem to come to life, subtle movement can be a great tool to help create user engagement. To make the most of subtle animation in the design stick to a couple of basic rules: pick just one animation “trick” and stick to it, animation should feel realistic and mimic the laws of physics, don’t force sound or click actions to motion and make sure the animation plays on a reliable loop so users know when the animation is complete. (That’s a sign that they can move on to do they thing they came to the website for in the first place.)

7. SVG Images

2018 trends

Scalable Vector Graphics are becoming more common as the de factor image type for websites. SVGs are lightweight vector images that ensure graphics, icons and logos look pixel perfect regardless of screen size or resolution.

All the high-resolution displays are contributing to the rise of this file format.

SVGs also work well with still and multimedia image experiences, including 3D images, cinemagraphs, logo animations and 360-degree photography.

8. Split Screen Desktop, Stacking Mobile

2018 trends

Split-screen design patterns are only growing in popularity. Even the more perfectly split styles.

These designs are so popular because they provide great experiences on both desktop screens and mobile devices because the split content displays side-by-side and stacked equally well. (That way there’s a consistent, but device-specific experience for users.)

While many early split-screen designs were truly split, many designers are opting for a split screen, plus an additional top layer with text or branding to provide an effect that has more depth.

9. More Scrolling Animations

2018 trends

Parallax scrolling animations have been so popular that some designers are starting to shy away from them. But that doesn’t mean you have to ditch scrolling animations altogether.

There are plenty of other ways to use scroll to encourage user engagement. (And you can mix in a little parallax too; just don’t go crazy with it.)

Doggo for Hire, above, uses a scrolling animation that drops confetti on the dog pictured as users scroll. The scroll dictates how fast confetti falls (and even the expression on the dog’s face as it happens). Scroll quickly for a video-style experience; scroll slower to take in all the content on the left side of the screen.

Looking for more scroll-action inspiration? Find it here.

10. White Space Without Minimalism

2018 trends

Designers love white space. (Plenty of us also love minimalism … even if clients don’t love it so much.)

The compromise is designing with plenty of white space, but with a much less minimalistic feel. By adding more color and design elements to a design with a lot of space, it can feel more full.

Design Calendar does a great job using space and packing it with content and elements at the same time – make sure to click on the example and scroll through to see it in action – so that there’s plenty of room for oversized elements to breathe.

Designers are working with white space in plenty of other ways as well. Take a look back through many of the other aforementioned trends and how much white space plays a role there as well.

Conclusion

Does that start of a new year inspire you to try something new? Will it be one of your resolutions?

Just make sure to use design trends with care. Sometimes the best ideas can grow dated quickly. Others end up with a more timeless feel; voice interfaces are probably here to stay for a while. Try them out, make a change to an existing design and have fun. That’s what playing with design trends is all about.