• 363k
  • 113
Web Design \ MAY 16th 2017

10 Hot Design Terms You Need to Know

We know it can be tough to keep up with every new term or trend happening in the design world. Whether you are creating a website yourself or are sitting in front of an email trying to decipher your designer’s jargon, we’re here to help you sort out those details so you can focus on crafting your dream site. Afterall, Wix has your back!

The creative process is often a collaborative effort and it’s important that every member of the team is on the same page. The language of design is wide-ranging; there are terms that go back centuries in their usage and even more that have popped up solely during the modern digital age. In this article, we are going to focus on some trending design notions, what they mean and how you can use them.

Parallax

The first term we want to touch on is parallax scrolling. This is an effect that involves the background moving at a slower rate than the foreground, creating a mesmerizing 3D effect as you scroll down the page. When using parallax on your site, the effect can provide a nice, subtle element of depth and immerse your visitors in a more engaging experience.

Parallax Effect

Cinemagraph

A cinemagraph is a still photo technique that brings certain parts of the photo to life through a subtle repeated movement (think Harry Potter’s newspaper). This makes the entire photo more realistic, attractive and often more thought-provoking. You can use a cinemagraph to bring attention to your site without distracting from your site’s message.

Cinemagraph

Asymmetry

In asymmetrical design, we find websites containing elements that do not create a mirror image. When done well, these asymmetrical layouts are in fact balanced, but just not through perfectly identical halves. An asymmetrical arrangement is visually intriguing and helps direct users through a beautiful website.

Asymmetry

Minimalism

To balance functionality and aesthetics, minimalist web design is defined by the fearless use of space with an overall focus on the content itself and literally nothing else. Keep in mind that with fewer elements, you must provide even better usability, so make sure your minimalist site is easy to view, read and navigate.

Minimalism

“Modern” retro

We know this term seems like a bit of an oxymoron, but “modern” retro is a style influenced by recent decades. Video games, space, early PCs and geek culture have taken center stage, but you won’t hear us complaining! Don’t confuse this term with vintage design, “modern” retro is a fresh look at old-school, with a healthy nod to the 70s, 80s and 90s.

Modern-Retro

Duotone

As the name implies, a duotone is an image made up of two colors. A standard in print, duotone is now widely used by designers everywhere. Unlike the print industry, where subtle sepia tones were often used, today’s duotones are brightly colored, with extreme palette combinations. A great duotone can establish a color theme for your website and help to liven up any website design.

We love how duotones allowed this website template to feature images without being too distracting.

Monospaced font

Also called fixed-width, monospace refers to typefaces in which the characters and letters occupy an equal amount of horizontal space. Monospaced fonts usually bring to mind typewriters and early computer programming, however, they can be a great choice for designers looking for a minimal, sparse and “unfinished” feel. Monospaced fonts will also make your text easier to read thanks to their consistency and uniformity.

Monospace VS Proportional

Negative space

Negative space (often referred to a “white” space) is, quite simply, the empty space that surrounds an object in an image. Essential to any good design, negative space can be used to give your composition the minimalist look we mentioned earlier. Used strategically, negative space can be a great way to cleverly add a second meaning to your designs, particularly for logo and branding projects.

Here are some fun examples of negative space used by brands in their logos you may already know.  If this piques your interest, you can learn more about logo trends here

Negative space

Lorem Ipsum

Lorem Ipsum is simply dummy text the printing and typesetting industry uses as a placeholder when designing. It’s a convenient tool for mockups to help outline the visual elements of a layout. We prefer Bacon Ipsum, because with chunks of text like “pork loin chicken hamburger salami bresaola sausage meatloaf ham chuck short loin,” it’s sure to grease up even the most basic website mockup.

Lorem Ipsum

Google Fonts

The Google Font library is a great source of web fonts for web designers. All of the fonts hosted are free to use on any of your personal or commercial projects. Wix supports a bunch of Google fonts inside the Editor already, but suppose you didn’t find your desired font. Don’t worry, you can upload your own fonts, so head on over to Google Font library and pick the font you like to use on your site today.

Now that you can talk the talk, it’s time to walk the walk. Design your stunning website today!

Chase Lepard
By Chase Lepard
Community and Social Media Manager, Wix

Get The Wix Blog
Straight to Your Email

Subscribe to the WixBlog And never miss an update!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Join Us! \ 

Get the latest and freshest content on creating
& marketing your Wix website.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email