Graphic Design – Envato https://envato.com Design & creative inspiration Thu, 27 Sep 2018 09:51:43 +0000 en-US hourly 1 https://wordpress.org/?v=4.9.8 https://assets.wordpress.envato-static.com/uploads/2016/08/cropped-favicon-32x32.png Graphic Design – Envato https://envato.com 32 32 What is Millennial Pink? https://envato.com/blog/what-is-millennial-pink/ Mon, 20 Aug 2018 21:17:51 +0000 https://envato.com/?p=71966 Millennial Pink has seaped into the worlds of fashion, digital design, even kitchen appliances. So, what's the story behind this color?

The post What is Millennial Pink? appeared first on Envato.

]]>

This might look like an ordinary color. But it’s not.

No, there’s something very special about it. And it’s not identifiable just looking at it.

No. This color is very popular with a whole generation of people called millennials.

Millennials are generally identified as people born from around 1980 to the mid to late 1990s who grew up in the 2000s.

They’re the people who eat avocados, use Snapchat and will probably never be able to afford a house.

And they love this pink.

So much so that this pink is named after them.

Millennial Pink – as it was labeled in mid-2016 – has made appearances in Instagram posts, on Tumblr pages, on catwalks and on Drake.

But its reach hasn’t been contained to celebrities, models and the internet.

It’s also been seen on sofas, saucepans and dustbins.

So what is the deal with this color? Why did millennial pink take over the world? And is it nearing the end of its reign?

What is Millennial Pink?

Every year, Pantone picks a color and labels it the color of the year. But most years not a lot really comes from it.

In September 2016, they named Pale Dogwood in its 2017 Fashion Color Report.

And it couldn’t have been more in sync with the public mood.

In the decades previous slightly different shades of pink had made appearances.

There was barbie pink which feels like a sugar rush to the eyes.

Salmon pink which you can still spot on the occasional preppy boy.

Peach pink, blush and delicate pink.

Millennial pink, however, was a slight bit more neutral. Almost like beige with a light addition of pink.

It entered the public consciousness quietly.

But then all of the sudden, it was everywhere.

Here are some speculative reasons as to why it took off.

It’s calming (although science does not back this up)

Look, the jury was out, came back, and decided that there’s no scientific proof for what I’m about to say. But there is an argument to be made that the color is – or seems – calming.

Baker-Miller Pink is a color created by biosocial researcher Alexander Schauss. It’s the result of mixing red and white paint together and it’s a little brighter than millennial pink.

Schauss was so confident in its ability to calm people down that he performed an experiment testing the color at naval facilities where prisoners were monitored.

He claimed the evidence showed the color lowered blood pressure and aggressive behaviour.

Science, however, did not back this up. And in 1988 a study published in the Journal of Orthomolecular Medicine determined the color had no real effect on human behaviour at all.

But that didn’t stop Kendall Jenner from reviving the debate after painting one of her rooms Baker Miller-Pink to “calm” her.

Contemporary scientists claimed she was wrong. But her Instagram following probably disagrees.

Its Androgynous

According to a 1918 edition of Ladies Home Journal, “the generally accepted rule is pink for the boy and blue for the girl”.

Ignoring the inherent problems with using that publication as a guide to very much at all, it is a fascinating quote to pull out considering the color pink’s association with women seeming like a rule handed down on a stone tablet.

But it actually wasn’t. Instead, according to Vox, it was influenced by what First Lady, Mamie Eisenhower – who thought the color matched well with her skin tone and eyes –  wore during her husband’s reign in the 1950s and 60s.

Nonetheless the color’s association with femininity has endured.

However, for millennials the whole idea of gender is becoming fluid.

Men wearing pink has helped blur the boundaries between the sexes in a small way, and has helped the color develop a ubiquity similar to what beige experienced to some degree in the 90s.

But it’s extended far beyond the occasional shirt or pair of pants into full sweats and suits bathed in the color.

It Goes Viral And Moves Product

The color really stands out on social media.

And people are aware.

Dimes – a restaurant in New York – once had a table that was pink. By September 2016 customers of the millennial demographic kept requesting to sit at it. Why? To Instagram their food on it. The owners decided to remove it.

The Gallery at Sketch London – a restaurant – has pink walls and pink velvet chairs.

Common Projects released its main model of shoe in a blush pink.

Poke bowls with salmon became popular.

Le Creuset made a saucepan collection in “hibiscus.”

Other brands made other things in pink. (dustbin, side table, mixer, toaster)

Gucci presented a whole resort collection in pink.

Glossier made pink its main brand color.

Rose quartz crystals started to sell out.

Furniture started selling in pink.

The iPhone was released in rose gold – aka pink.

And Drake and Rihanna wore pink things that almost instantly sold out.

“Posts with a pink thing in them perform better,” Monica Khemsurov from design blog, Sight Unseen told The Cut.

“A normal post might get 1,500 likes, and the pink ones get 4,000.”

Is It Over?

Apparently we hit peak pink about a year ago and it’s time for a new color.

But what?

Vogue thinks it’s these.

  • Gen Z yellow
  • Safety orange
  • Melodramatic purple
  • Neo mint

But I’m less convinced.

I don’t know that anything could truly replace it.

I mean, how often do generation defining colors come about?

It’ll be a long time before we have that much affection for a color again.

But who knows. Kendell Jenner’s wall or Drake’s next album cover could change all that tomorrow.

Until then, I’ll keep using my pink trash can.

Credits

Summer Upbeat & Fashion by TheGoldRock

Fashionable by TimMono

Fashion Chill Hip Hop by COSMONKEY

Upbeat Fashion Lounge Corporate by LuxuryLoungeBeats

Abstract Fashion Lounge Corporate by deepersound

Summer Fashion Energetic Hip-Hop Background by MoodMode

Energetic Uplifting Pop Fashion Lounge by OneWaveRecords

Recommended

The post What is Millennial Pink? appeared first on Envato.

]]>
Learn How to Use Photoshop Brushes in Our Free Course https://envato.com/blog/how-to-use-photoshop-brushes/ Fri, 27 Jul 2018 04:10:20 +0000 https://envato.com/?p=70930 Our free video course, 10 Tips to Master Adobe Photoshop Brushes, helps you get the most out of Photoshop brushes and take your artwork to the next level.

The post Learn How to Use Photoshop Brushes in Our Free Course appeared first on Envato.

]]>
Learning how to use Photoshop brushes will help you get the most out of Adobe Photoshop. Whether you’re a graphic designer, a digital artist, an illustrator, or just a beginner who wants to learn more, mastering all the features of Photoshop brushes will take your work to the next level.

And the good news is that you can learn everything you need to know in our free course, 10 Tips to Master Adobe Photoshop Brushes.

What You’ll Learn

In this half-hour course, experienced designer Melody Nieves will take you through everything from installing Photoshop brushes through to mastering the use of hard and soft brushes.

Photoshop brushes

You’ll get the inside scoop on how she created some of the effects in her stunningly detailed digital paintings.

Photoshop painting detail

And you’ll see how to use different brushes to create very different effects.

Effect of different Photoshop brushes

You’ll also learn about pen pressure, how to blend with brushes, and installing and using custom brushes. This really is a comprehensive introduction to the Photoshop brush tool, and it’s perfect either for complete beginners or for more experienced designers who need a refresher.

Start Mastering Photoshop Brushes Today!

Although the brush tool seems like one of the simpler options that Photoshop has to offer, there’s more to it than meets the eye. If you want to be a successful artist or designer, you’ll need to master all the ins and outs of this powerful and essential tool.

So set aside half an hour to get up to speed, either by watching the video above or by clicking through to watch 10 Tips to Master Adobe Photoshop Brushes over on YouTube.

Photoshop digital paintings

When you’ve done that, why not try experimenting with the different Photoshop brushes available on Envato Elements? You can use your newfound brush skills to create ice, snow, dust, and all kinds of super-realistic effects.

Photoshop watercolor brushes
50 Watercolor Brushes on Envato Elements

The post Learn How to Use Photoshop Brushes in Our Free Course appeared first on Envato.

]]>
Save Money in the Envato Elements Birthday Sale https://envato.com/blog/envato-elements-2nd-birthday-sale/ Wed, 11 Jul 2018 04:49:22 +0000 https://envato.com/?p=70436 Envato Elements is celebrating its 2nd birthday, and you can join in the fun by locking in a low $19 monthly price for access to 650,000+ digital assets.

The post Save Money in the Envato Elements Birthday Sale appeared first on Envato.

]]>
Envato Elements is celebrating its 2nd birthday, and you can join in the fun by locking in a low $19 monthly price for access to our huge treasure trove of digital assets. That’s $10 off the normal price.

But you have to be quick—the flash sale ends at 9pm PDT on Wednesday! Click here to start saving.

Envato Elements sale

What’s on Offer

For this specially reduced $19 monthly subscription, you unlock unlimited access to over 650,000 creative items. That includes photos, fonts, graphics, WordPress themes and plugins, video templates, and much more.

The breadth and depth of the Envato Elements library means that it’s the only creative subscription you’ll need.

Envato Elements

You can download as many items as you want and use them for your own creative projects under a broad commercial license. Plus you get free access to over 1,000 courses and eBooks on Envato Tuts+ to help you learn a huge range of code and graphic design skills.

Envato Tuts+

And it doesn’t end there. If you want to save even more, you can pick the super-saver $198 yearly plan, which works out to just $16.50 per month.

But remember, the flash sale ends at 9pm PDT on Wednesday. So what are you waiting for? Celebrate and save!

The post Save Money in the Envato Elements Birthday Sale appeared first on Envato.

]]>
Getting the Most from Responsive Design https://envato.com/blog/getting-the-most-from-responsive-design/ Tue, 08 May 2018 07:16:44 +0000 https://envato.com/?p=68644 Alt Title: How to Make Responsive Design Work for Your Business Responsive design is a website design template that helps a site translate well on multiple platforms and display types. Many people check websites more frequently on their mobile devices than on their computers. Having a website that does not function well on multiple platforms […]

The post Getting the Most from Responsive Design appeared first on Envato.

]]>

Alt Title: How to Make Responsive Design Work for Your Business

Responsive design is a website design template that helps a site translate well on multiple platforms and display types. Many people check websites more frequently on their mobile devices than on their computers. Having a website that does not function well on multiple platforms can do significant damage to your business.

What Is Responsive Web Design?

The idea for responsive web design is that users should be able to effectively utilize a website from any platform. The design is created so that the website will respond and adapt to screen size, platform, and orientation. The process is made up of flexible grids and layouts, images, and expert use of CSS media queries.

The concept of responsive web design stems from the architectural idea of a room that can automatically expand or shrink using robotics and special materials, depending on how many people are in it. Responsive web design is supposed to be an online version of a self-adjusting room. It is revolutionizing web design with a whole new way of looking at online content.

Adjusting Screen Resolution

Many device settings allow you to automatically change the screen from horizontal to vertical. Ideally, the website will seamlessly adjust to the change in format. Additionally, many mobile device users do not maximize their browsers. This means that there are exponentially more screen sizes and resolutions that the website should be able to adjust to.

Part of the solution to screen resolution difficulties is flexibility. Flexible layouts are becoming more common. Currently, flexible layout allows images to adjust automatically with the platform and offers settings to prevent the layout of the website from breaking.

Fluid and elastic images and text have a massive impact on websites. Users can easily adjust the site to their liking and it will remain easy to read and use. If the image and logo of a site are resized incorrectly, the quality of the image may suffer and part of it could be cut off. The strategy is to divide the image in two and have one as the illustration in the background and one as the logo, resized proportionally.

Flexible Images

As mentioned above, flexible images are vital to web design. One of the biggest problems with current responsive web design is working with the images. There are multiple ways to attempt to work around images resizing incorrectly. One of them is the max-width rule. The maximum width of the image is set to 100% of the screen or browser’s size, connecting them in such a way that if the screen or browser changes size, the image will adjust and reduce accordingly.

Responsive Images

The responsive images technique focuses on resizing images to the size of the screen, so that they maintain high resolution and do not take up too much space on smaller devices and browsers. When the page loads, the large or small images are loaded as necessary to expedite load time.

iPhone Image Resizing

One of the great attributes of iPhones, iPads, and similar devices is that web designs have learned to shift seamlessly. Often, websites do not need to change to the mobile version to work on these devices, making them more user-friendly.

In some situations, the images still change sizes and reduce proportionally even though they were designed for the tiny screen. These adjustments often make text unreadable, even if the design was altered to cater to the smaller screen. This can be overridden with a meta tag so that images that fit the screen initially maintain their size and do not shrink.  

Custom Layout Structure

A custom layout structure is used when there is an extreme size change. There is one main style sheet that outlines the foundational qualities of the website. If the main sheet results in deformed text or images it can be detected, and a switch made to a child style sheet that copies everything from the default sheet and redefines the layout.

Media Queries

To apply specific styles to sheets, people apply media queries. The new CSS3 has introduced many new features for use in website design and in media queries. Multiple media queries can also be used on a single sheet to create a variety of adjustments.

JavaScript

JavaScript is a great option for devices that do not support all of the new CSS3 media query options. However, JavaScript also recently created a library that makes older browsers capable of supporting CSS3 media queries.

Showing or Hiding Content

Though it has become possible to shrink information and images to fit on smaller screens, sometimes it only serves to complicate the website and make it look messy. A better solution is often to pick and choose what content should be shown and what should be hidden. CSS has given designers the ability to show and hide content. It is even possible to replace pieces of content with navigation to the missing content, so that it can still be accessed. By providing navigation to the information that had to be hidden, the viewer can still access everything without being confronted by a disorganized and confusing screen in front of them.

Touchscreens and Cursors

With touchscreens rapidly taking over the screens on all but the largest devices, cursors may become a thing of the past. Many people assume that it is better to apply touchscreens to smaller devices, because a smaller screen does not warrant a cursor. However, touchscreens are now being installed on larger devices like laptops and desktops. They each come with different design guidelines and requirements, but neither is exceedingly difficult to create. Touchscreens do remove some of the functionality that comes with a cursor like the ability to hover, so the design process has to take that into account.

Qualities of Particularly Effective Responsive Web Designs

One of the greatest benefits of responsive web design is the ability of the screen layout to adjust to accommodate browser width. Instead of the components shrinking, they change position on the screen so that it remains readable.

Another effective quality of responsive web design is prioritizing information. Some websites, when resized, use the aforementioned strategy of cutting out non-essential information to their message.

Other websites organize their page into columns on regular computer screens. When opened on a smaller screen or resized, they reorganize the columns so that they can all fit on the page. However, at a certain page size, the website is designed to cut out information that is less important.

Responsive Web Design as a First Step

Responsive web design is a major improvement for the web design community. It has been beneficial to users and designers. However, it has not completely resolved issues that users have with visiting websites on various devices, or trying to view them the way they prefer. It has been developed to improve the experience. Perfecting the design remains an elusive goal. Responsive web design has opened the door to a more customized online environment, and each new customization is making websites easier to use and more pleasant to visit.

Recommended

The post Getting the Most from Responsive Design appeared first on Envato.

]]>
10 Best PowerPoint Templates, April 2018 https://envato.com/blog/10-best-powerpoint-templates-april-2018/ Mon, 23 Apr 2018 00:51:41 +0000 https://envato.com/?p=68329 Here's our selection of the 10 best PowerPoint templates available right now. Whether you're doing a business or creative presentation, we've got you covered with this short list.

The post 10 Best PowerPoint Templates, April 2018 appeared first on Envato.

]]>

Hello, and welcome to Envato’s list of the 10 Best PowerPoint Templates for 2018.

A clean, minimalist template, Mina comes with over 80 unique slide layouts in full HD resolution. It’s perfect for displaying design portfolios, and clean, professional business presentations.

  • Clean, minimalist design.
  • 80+ unique slide layouts.
  • Full HD resolution.
  • Good for design portfolios, and clean business presentations.

Universe is a striking dark-themed template set that will catch the eye. It comes with over 100 unique slide layouts with customizable shape colors, sizes, and positions. It also includes elegant transitions, and animations, company profiles, data-driven charts, and maps.

  • Striking dark-themed templates set.
  • 100+ unique slide layouts.
  • Customize color, size, and position of shapes.
  • Includes elegant transitions, and animations, company profiles, data-driven charts, and maps.

Vigil is a great presentation pack for any business. With over 500 editable font icons, drag and drop picture placeholders featuring auto-adjustment, team templates, iPhone, and iPad mockups, maps and more, you’ll find it worth considering for your next professional presentation.

  • 500+ editable font icons.
  • Drag and drop picture placeholders featuring auto-adjustment.
  • Team templates.
  • iPhone, and iPad mockups.
  • Map templates, and more.

Dream is an exciting new template pack that features a modern, and unique design. It’s very visual, bringing images to the forefront of your presentation. It’s great for creative portfolios, branding, and advertising presentations.

  • Modern, unique design.
  • Brings images to the forefront.
  • Great for creative portfolios, branding, and advertising presentations.

This presentation pack takes inspiration from the layouts of magazines, and breaks the mould of your typical PowerPoint presentation. Drop Creative is made up of unique layouts with elements like photos, and titles overlapping. The use of white space provides a freshness to the look, and makes your images, and text the star. And, the addition of gradient highlights add some welcome playfulness, and color. It’s a fantastic template pack for graphic, and photography portfolios. Good for creative presentations in general.

  • Takes inspiration from magazines.
  • Breaks mould of typical PowerPoint presentations.
  • Unique layouts with photos, and titles overlapping.
  • White space makes images, and text the star.
  • Fantastic for graphic, and photography portfolios.

With pastel gradients, layouts that space out elements, and astute use of white space, Creativa is modern, and calming. It feels youthful in the colors it uses, and finds a great balance between showcasing images, and text. It features computer, iPhone, and Samsung mockups. It also features unique layouts like pricing charts. I can see this working well for a presentation showcasing a new, youth-focused app.

  • Pastel gradients.
  • Spaced out elements.
  • Astute use of white space.
  • Modern, and calming.
  • Youthful colors.
  • Balances images, and text really well.
  • Computer, and phone mockups.
  • Pricing charts.
  • Would work well for showcasing a new app.

Business Proposal Pitch is one of the most comprehensive Corporate PowerPoint templates around. It includes over 120 slide layouts with templates for almost everything. It features graphs, tables, diagrams, maps, pricing pages, team pages, product mockups, and much more. It’s everything you need to slap a professional looking presentation together in no time.

  • 120+ slide layouts.
  • Graphs, tables, diagrams, maps.
  • Pricing pages, team pages, product mockups, and more.
  • Everything you need to slap together a professional presentation quickly.

Epic Presentation features 104 unique slide layouts, a wide range of color customization options, and some impressive animations. It comes with some different theme options, including a dark version, and provides templates for everything from infographics to calendars. Your presentation will be in vogue with this pack.

  • 104 unique slide layouts.
  • Wide range of color customization options.
  • Impressive animations.
  • Theme options including “dark version”.
  • Templates for everything from infographics to calendars.

Triangulum is a bold set of templates whose design centers mostly around its triangles. It features large, eye-catching headings, placeholders for charts, and infographics, and unique animations.

  • Bold template design centered around triangles.
  • Features large headings.
  • Placeholders for charts, and infographics.
  • Unique animations.

And finally, Simplicity is a comprehensive template set that features truly breathtaking design. With a simple, restrained color palette, a focus on high resolution images, and tidy layouts, it succeeds at being beautiful, and highly functional. There are 450 unique slide templates. It comes with layouts for almost everything. It also features a set of minimalist icons. With this pack, your presentation will be incredibly modern, and elegant.

  • Comprehensive template set with breathtaking design.
  • Simple, restrained color palette.
  • Focus on high resolution images, and tidy layouts.
  • Beautiful, and highly functional.
  • 450 unique slide templates.
  • Layouts for almost everything.
  • Minimalist icon set included.
  • Will make for a modern, elegant presentation.

That’s our list of the 10 Best PowerPoint templates for 2018.

You can find links to each one of them in the YouTube description. And you’ll find more PowerPoint templates on GraphicRiver.

Video credits

Music

Background footage

Recommended

41 Premiere Pro Templates to Animate Your Next Video

Increasingly, it’s expected that videos include animation. These skills don’t come naturally for everyone. But they’re becoming a necessary part of sustaining viewer attention. We’ve launched a new category on VideoHive for Premiere Pro Templates. Here are some of the best.

The post 10 Best PowerPoint Templates, April 2018 appeared first on Envato.

]]>
What Makes a Good Font in 2018? https://envato.com/blog/what-makes-a-good-font-in-2018/ Tue, 27 Mar 2018 03:32:53 +0000 https://envato.com/?p=68034 In today's design industry, it’s not just the visual elements, like photos, accents, and icons, that matter. Typography can affect everything from capturing attention to ease of use. In this piece, we take a look at a handful of guidelines and tips that can help you choose the right font for your next design.

The post What Makes a Good Font in 2018? appeared first on Envato.

]]>

It’s not enough to make a statement with words alone. You must also use bold visuals that steal your audience’s attention. That’s exactly why UX and modern design are such integral parts of web development these days.

But it’s not just the visual elements, like photos, accents and icons, that make a difference — typography is just as important. If you choose an ugly or hard-to-read font, your audience is going to lose interest fast.

We’re going to take a look at a handful of guidelines and tips that can help you choose the right font for your next design.

1. Stick with Typefaces That Match Your Personality

Quite a few designers feel every new design should have a unique typeface. This is somewhat true. You don’t want to choose a typeface that goes against the style, theme and colors you have set up.

However, the typefaces you use should follow the same theme, as well. Think of your collective works as something of a modern signature. By sticking with six to ten typefaces total — even fewer is better — the fonts you use can make you instantly recognizable. Plus, fewer fonts mean you can build a more intimate relationship with each style, so you know what suits a particular element best.

The trick is initially choosing versatile fonts that match a variety of styles and themes. Graphic designer, Ade Mills, did an excellent job choosing a typeface that matches her personality, sense of style and site theme.

2. Weight, or No Weight?

Quite a few fonts are only available in one weight, which sets strict limitations on how your text can be displayed. We recommend staying away from these font styles if you can help it. Some of the more common offenders include Roman capitals, as well as stencil and pixel styles.

Outside of choosing one of the aforementioned fonts, you’ll want to double-check the weight types before settling on one. This is especially true if you’re designing for a content-heavy or collaborative site. You may not be using certain weight types, but others in the community will. The final product can end up looking shoddy if you don’t take weight into consideration when choosing.

Pay attention to how the eyewear company Ditto balances the weight of fonts on their landing page. The larger titles pull just enough attention away from the visuals, so you know what’s happening, but not so much that it takes away from the overall design. The subtitle also uses a lighter weight, but still stands out.

3. Application Matters

Are you deploying a print or web font? Are you using a combination of them? It matters, and it may completely alter how your design turns out.

You see, web fonts are designed from the ground up for screen reading. They tend to be sharper, more vivid and easier to read on a computer or display, such as a mobile phone. Often, they employ sans serif, although there are serif variants.

Print fonts, on the other hand, were designed for use with traditional print materials such as paper, cardstock and more. They often follow a more classic appearance and tend to be a bit heavier in weight, with more curves and wider spacing. Some look great on modern displays in their native form, while others need a few tweaks.

Pay attention to this trait when choosing a font and stick with something that matches the medium you’re using.

4. Mind the Outliers

Typically, when you choose a font, you pay the most attention to the standard content — letters, numerals and some of the more common symbols. You should never forget to preview and consider the outliers, too. These can include anything you wouldn’t normally use, like symbols, ligatures, wingdings and more.

More importantly, some fonts are incomplete in this regard and do not include all the necessary elements. You’ll be kicking yourself if you choose a font that doesn’t have something you need, only to discover it later.

5. What’s the Mood of Your Design?

Mood and tone are exceptionally important when putting your design together. You want everything to be seamless, and you want your visuals to evoke the right emotions. Are you going for a silly, more comedic approach, or do you want your design to be professional?

Some of the more gimmicky fonts can look great for upbeat, personal designs, but when you get into the enterprise and business territory, it’s better to stick with something bland.

Take a look at how Wing Tactical has used their strong, modern font to provide a more authoritative voice to their site.

6. Consider the Audience

Who is your design for, in the end? If you’re speaking to a professional and authoritative audience, it’s no time to experiment and use something quirky. Serif fonts tend to look more traditional, so it’s probably best to opt for one of those with a professional design.

Your font ties into the color and visual style you choose for your overall design, as well. Professional and enterprise sites tend to use more common, structured colors like white, black and blue. Color choice can alter the appearance of your font and design, believe it or not, because some fonts are harder to read in bright colors, and vice versa for dark colors.

Can you imagine if Void Watches used a more colorful or cartoony typeface for their site? It would detract from the elegant and sophisticated style the brand exudes.

7. Test Extensively

Most designs incorporate multiple fonts, but even when they don’t, there are elements that may not mesh with your existing theme. That’s why it’s important to test your typefaces rigorously. If you are using more than one font, pair them together to see the result. You may find the fonts you chose don’t mesh well.

You’ll also want to test using different sizes, colors, layers and more.

8. Check the Leading

Leading, as you may know, is the distance between lines of type. It has a direct impact on how readable and attractive your typeface is. Bad leading, or spaces that are too big or too small, can create an ugly appearance, ruining an otherwise beautiful design. Conversely, good leading can sometimes make even bad fonts look good.

Yes, you can alter and set the leading using CSS, but many fonts come with pre-designated settings.

The Pen Is Mightier…

With modern web design, the age-old saying is only relevant if you choose the appropriate font and typeface for your design. This is important, especially when considering the personality, style and mood of the site you’re trying to match. So long as you follow the tips discussed here, you should have no problem creating something truly unique and captivating.

Recommended

Recommended

The post What Makes a Good Font in 2018? appeared first on Envato.

]]>
Paul Rand and the Stories Behind Some of the World’s Most Famous Logos https://envato.com/blog/paul-rand-and-the-stories-behind-some-of-the-worlds-most-famous-logos/ Tue, 13 Mar 2018 00:35:56 +0000 https://envato.com/?p=67746 Perhaps more than any other designer in the 20th century, Paul Rand was responsible for defining the visual culture in America in the decades following World War II – and how we think about corporate logos today. Here's his story, and the stories of the logos he created.

The post Paul Rand and the Stories Behind Some of the World’s Most Famous Logos appeared first on Envato.

]]>

Perhaps more than any other designer in the 20th century, Paul Rand was responsible for defining the visual culture in America in the decades following World War II – and how we think about corporate logos today.

Learning By Doing

Born in Brooklyn in 1914, Rand was creative from a young age and practiced drawings as much as he could. His father wasn’t convinced his son could make a living with his art, but nevertheless agreed to let him attend night classes at Pratt Institute in Manhattan. Despite his years of study, Rand always maintained that he was self-taught. Later in his career, he said he “had literally learned nothing at Pratt; or whatever little I learned, I learned by doing myself.”

One of his first professional jobs was for Apparel Arts, a popular men’s fashion magazine owned by Esquire. He started out laying product spreads but it wasn’t long before he moved onto magazine covers.

Apparel Arts cover designed by Paul Rand

Direction magazine cover designed by Paul Rand

Esquire cover designed under the art direction of Paul Rand

European and Modernist Inspiration

Rand looked to Europe for inspiration and is regarded as one of the first American designers to do so. He was inspired by the commercial arts journals coming out of Britain and Germany, and learn about the works of Cassandre and Moholy-Nagy in copies of Gebrauchsgraphik.

He was a great admirer of Swiss Expressionist Paul Klee, and some of his early ads incorporated Klee-inspired drawings used as icons and symbols – unheard of at the time. Along with Modernist thinking on form and function coming out of the Bauhaus in Germany, all of these influences were reflected in Rand’s work, which often featured collages, montage, hand-lettering, photography and illustration.

By 1941 when Rand was just 27, he was appointed the chief art director of ad agency William H. Weintraub & Co. While advertising at that time had changed little in the 50 years prior, Rand went on to bring art into advertising, helping to shift the responsibility of designing ads from copywriters to art directors.

Reinventing the Corporate Logo

By the 1950s, Rand, moved on to what he is best known for – reinventing the corporate logo. He set the benchmark for corporate branding, most notably his designs for IBM, ABC, UPS, Westinghouse, Enron and NeXT.

Here are the stories behind some of his most famous logos.

IBM

When Thomas Watson Jr inherited the reins of IBM from his father, one of his first tasks was to redesign the company’s logo. After seeing a store display for Olivetti typewriters in New York, the story goes that Watson Jr had an epiphany: “Good design is good business.”

It became the company’s mantra. Watson wanted to reinvent IBM’s image as a boring computer company into one with modern sensibilities, personality and character. He hired Elliot Noyes, a designer and curator for the Museum of Modern Art, to overhaul IBM’s design across the company. In turn, Noyes hired Paul Rand.

The evolution of IBM’s logo. Image: Quartz.

Working with IBM’s existing logo at the time, Rand’s first design was subtle. He replaced the font Beton with a similar but stronger-looking typeface called City, giving the letters “IBM” a more solid, grounded and balanced appearance. Rand also played with the shape of the letterforms, lengthening the serifs, and made the stacked squares in the letter “B” larger.

But Rand still wasn’t happy with the logo. It would take years before the detail-obsessed designer would figure out how to fix it.

“I felt there was a problem with the sequence, going from narrow to wide without any pause, without any rhythmic possibility,” Rand later said, explaining that he didn’t like the disparity in visual weight of the three letter.

In 1972, he finally introduced stripes to the logo to establish a better sense of unity and to suggest speed and dynamism. In the bottom left, two parallel lines form a sign of equality.

The IBM logo has remained unchanged ever since.

Paul Rand’s popular Eye-Bee-M poster, a type of word puzzle known as a rebus that uses pictures to represent letters, was created in 1981 in support of IBM’s motto, THINK. Image: IBM.

Westinghouse

Established in 1886, electric company Westinghouse was a major conglomerate and General Electric’s main rival by the time it poached Elliot Noyes to work for them in 1959.

Noyes, understanding the need to revamp the ailing company’s visual identity, again turned to Rand. Earlier versions of Westinghouse’s logos featured the letter “W,” and Rand’s redesign didn’t stray far. He modernized the existing logo, creating a design that suggested the interlinked points of a circuit board.

The evolution of the Westinghouse logo.

Rand’s Westinghouse logo was launched in 1960 and to this day remains untouched.

Westinghouse’s logo hasn’t changed since the 1960s. Image: Logos.wikia.com.

American Broadcasting Corporation (ABC)

During the first 20 years of the ABC’s existence, the network cycled through logos. The very first logo was inspired by radio. Basically, ABC took their radio network logo and slapped the letters “TV” on it. Then came a map of the United States, an eagle with a circle and the letters “ABC,” and then an unusual lowercase design, the “Circle A” logo. By the early 1960s, the network returned to its map of the U.S.

The evolution of the ABC logo.

Paul Rand redesigned the logo, which debuted on televisions on October 19, 1962. Rand’s design, a black circle with white lowercase letters, retained the wordmark of the Circle A logo, but with a sans serif typeface.

Paul Rand’s ABC logo.

While there have been updates to the logo in subsequent years, its simplicity and boldness have stayed true to the original design, standing the test of time. It was changed slightly in the mid-60s when colored television programming was introduced.

And again in 2007 to signal the arrival of HDTV.

ABC color logo from the 1960s

The current ABC logo.

UPS

The UPS logo is hugely recognizable – who doesn’t know the shield?

It was introduced in 1916 after the company’s successful merger with a local competitor. The design featured an eagle holding a package against the backdrop of a shield, the shield being a traditional symbol of integrity and reliability.

In 1937, the logo was changed to reflect the company’s growth. The eagle was removed and the letters “UPS” were added to the shield.

The evolution of the UPS logo.

In 1961, the logo was redesigned again, this time by Paul Rand when he was hired to overhaul UPS’s visual identity. His design was a dramatic simplification of the existing logo, incorporating a bow-tied package above the familiar shield to express the company’s speciality, delivering packages.

So the story goes, Rand walked into the UPS head office and presented them with one design option. When asked if he had anything else, he replied, “That’s it.”

The logo remained unchanged until 2003. As part of a rebranding exercise, UPS updated the logo to remove the bowtie, reflecting the company’s expansion beyond just shipping and delivery services.

NeXT Computers

After Steve Jobs was ousted from Apple, he moved on to NeXT, a computer company that developed and manufactured a series of computer workstations intended for the higher education and business markets.

At the suggestion of one of his employees, Jobs got in touch with Rand about designing the company’s logo. When they met, Steve didn’t give Rand much to work with. But what Rand did take away from the meeting was Jobs’s energy, enthusiasm and that he liked the playfulness of the Apple logo that Rob Janoff had designed in 1977.

Working with his initial impressions of Jobs and the only structural information he had about NeXT – that it would be housed in a cube – Rand embarked on a logical design process, which culminated in the final NeXT logo and a 100-page proposal book that walked Jobs through the conceptual process to the final outcome.

The NeXT logo.

In a 1993 interview with Jobs, when he was asked what it was like to work with Rand, he said, “I asked him if he would come up with a few options, and he said, ‘No, I will solve your problem for you and you will pay me. You don’t have to use the solution. If you want options go talk to other people.’”

Rand was 72 when he designed the NeXT logo. He billed Jobs $100,000. Jobs was delighted with the work, even reproducing the concept book as a gift for others.

Recommended

Skeuomorphism Is Back

Steve Jobs’ go-to design language – the art of digital user interface design that mimics the characteristics of real-life objects – is making a return.

The post Paul Rand and the Stories Behind Some of the World’s Most Famous Logos appeared first on Envato.

]]>
19 Essential Chrome Extensions for Every Web Designer https://envato.com/blog/19-essential-chrome-extensions-every-web-designer/ Thu, 08 Mar 2018 03:14:13 +0000 https://envato.com/?p=67552 When you’re in your element, web design and development is a joy. But the tedious work that frequently comes with this job can make you

The post 19 Essential Chrome Extensions for Every Web Designer appeared first on Envato.

]]>

When you’re in your element, web design and development is a joy. But the tedious work that frequently comes with this job can make you wonder why you chose this field. What you may not know is that Chrome has an extension store full of free tools that can help you cut down on the side work.

If you don’t use Chrome apps for your online work, the time to start is now. Here are an assortment of extensions that can make design and development cleaner, more efficient, and more fun.

Web Developer

Sometimes when working, you may need to disable Javascript, hide images, or quickly view the source code. Those few examples are only the beginning of what Web Developer can do. It’s an all-in-one package for devs and should always be your first stop in the extension store.

CSS Peeper

Another program package for designers, CSS Peeper can extract CSS code nested in a website. Instead of digging through pages of code, you can use this extension to see object properties, export hidden assets, and more.

Need a CSS editor instead of an extractor? Stylebot lets you manipulate CSS right from its interface, and even download other users’ styles. Also try Code Cola for a similar experience.

Awesome Screenshot

Ever been through the nightmare that is capturing a full webpage? Or spent too much time fussing with the crop tool? Awesome Screenshot is an essential extension that lets you take screencaps of any size, edit them, record the page, and more.

ColorZilla

ColorZilla is a simple but essential program for designers. The main feature is its color picker, which can grab a shade from any webpage and give you the RGB/Hex/etc code to paste into your program of choice.

Other nifty features include the color picker and editor, gradient generator, and palette viewer. This one is invaluable for those who need to grab colors off websites quickly.

Browserling

It’s necessary to test your site on other browsers and devices to be sure there’s no errors or inconsistencies, but it would be easier if you only had to use a plugin. Browserling lets you do just that, saving the time of starting and loading a second browser.

Also try IETab, which allows you to emulate Internet Explorer with Silverlight, Java, and other plugins.

WhatFont

There’s nothing more annoying than seeing a beautiful font and having no clue what it is. Luckily, WhatFont identifies the font family, type size, and even if it’s being served by Typekit or Google API.

If you find a font you like, but aren’t sure if it will work on your website, try Google Font Previewer to see how it matches up before you make any changes.

Gallerify

Need to extract a bunch of images from a page? Gallerify is the way to go. Grab those background pictures, use it to search to find what you’re looking for, and download a few thousand images at once. No more hunting down individual images, or digging through CSS for the hidden elements.

Window Resizer

It’s imperative to ensure your website is responsive on mobile devices, especially if you run an online store. Many site building programs come with a responsive tester, but if you want faster results or don’t have access to these tools, try Window Resizer. It can test multiple screen resolutions, including smartphone and tablet.

PerfectPixel

It’s pretty frustrating when your website’s final result is just a tad off from the mockup. PerfectPixel lets you overlay an image over the screen while you’re editing, so you can make sure everything is just right.

Web Developer Checklist

Is your website the best it can be? Is it fast, clear of broken links, and secure? Before you unleash it to the world wide web, use Web Developer Checklist to be sure everything is covered.

Highly Highlighter

Need to mark an area to come back to later, or trying to do some research? Highly lets you save and share your highlights across the web, so no more forgetting where you were in that article. Also try Evernote Web Clipper for a similar function.

Check My Links

There’s nothing worse than having to go through a link-filled page carefully scanning for broken links. Use Check My Links to clearly highlight the problem redirects, so you can spend time fixing the errors instead of clicking between pages for an hour.

Page Ruler

When you need to know the distance between two elements, try Page Ruler. There are no frills in this extension, which is for the better. Simply pick a color and drag a box between what you want to measure. Note that some users have reported privacy issues with Page Ruler, so you can try the older version here, or an alternative like Ruler.

Pesticide

If you need a quick CSS debugger, try Pesticide for Chrome. It lets you see the location of the CSS elements on the page. Though very simple, you may find it useful for front-end development.

Data Saver

Being a designer on limited data can be a nightmare. All those images, downloads, and extensions can really add up! Data Saver seeks to optimize the sites you visit so you’ll use less of it. It also tells you which pages are using the most, so you can switch to a more data-friendly website. It’s no magic wand, but it’s better than nothing.

PHP Ninja Manual

Who doesn’t forget their coding every once in a while? Instead of wasting time refreshing your memory on Google, just open PHP Ninja Manual and type in what you’re looking for. Less time searching, more time programming.

RescueTime

If you’re like most freelance designers or developers, you know that it’s very easy to waste time. One minute you’re coding or designing, and the next, you’re watching cat videos on YouTube.

RescueTime won’t try to motivate you or fix your habits, but it will tell you the cold, hard facts about how much time you spend on Facebook instead of working.

Clear Cache

There are times you need to clear your cache and cookies, but navigating to Chrome settings is tedious. Clear Cache lets you erase your cache as well as global or local cookies at the click of a button.

Spectrum

As a designer, you may wish to make your pages colorblind-friendly, especially if it involves charts, data, and other media. Color deficiencies of all kinds are common enough to be worth attention, and if someone visits a site and sees a muddle of indistinguishable colors, they’ll quickly leave.

Spectrum lets you simulate a variety of color vision deficiencies, including the most common, deuteranopia.

An Extension For Every Problem

Ready to take your design and development one step further? These extensions can help you maximize efficiency and get back to the fun part of website creation.

Just be sure not to install too many, as they can slow Chrome down and clutter up the top bar. Pick a select few that benefit your job the most, and cut down on the slow work that plagues website development.

Recommended

6 Women Designers You Need to Know About This International Women’s Day

March 8th is the ninety-ninth annual International Women’s Day. In celebration and respect, we’re showcasing 6 of graphic designs leading ladies. These designers come from different eras and have divergent styles, yet they all have one thing in common — their work has been highly influential in visual culture.

The post 19 Essential Chrome Extensions for Every Web Designer appeared first on Envato.

]]>
6 Women Designers You Need to Know About This International Women’s Day https://envato.com/blog/6-women-designers-you-need-to-know-about/ Thu, 08 Mar 2018 00:09:33 +0000 https://envato.com/?p=67102 March 8th is the ninety-ninth annual International Women’s Day. In celebration and respect, we're showcasing 6 of graphic designs leading ladies. These designers come from different eras and have divergent styles, yet they all have one thing in common — their work has been highly influential in visual culture.

The post 6 Women Designers You Need to Know About This International Women’s Day appeared first on Envato.

]]>

March 8th is the ninety-ninth annual International Women’s Day. In celebration and respect, we’re showcasing 6 of graphic design’s leading ladies. These designers come from different eras and and have divergent styles, yet they all have one thing in common — their work has been highly influential on visual culture.

‘Work’ is the key word here. Unfortunately too often women designers and artists are judged on anything but what they produce. So, it seemed important to highlight women designers who were just simply damn good at what they do — graphic design.

Margo Chase

If you grew up in the 90s you may be familiar with Margo Chase’s iconic design work without even realizing it. Margo Chase designed the logo for the television series Buffy the Vampire Slayer and is an originator of the popular Gothic visual style, particularly in typography . Her ornate and enigmatic letterforms and graphic work for clients like Madonna, Prince and Crowded House were very influential in the late 80s and 90s in pushing the Goth style mainstream.

Buffy the Vampire Slayer logo via Fonts in Use

Bram Stoker’s Dracula logo

Madonna Like a Prayer logo

Crowded House album cover via Fonts in Use

Margo Chase was also a consummate professional and founder of the award-winning Chase Design Group with offices in Los Angeles, New York, Chicago and the UK. While at the Chase Design Group, she worked with notable brands like PepsiCo, Procter & Gamble, Nestlé and Campbell Soup Co.

Sadly, just last year, Margo Chase died in a plane crash. She was an accomplished aerobatic pilot and was practicing a sequence when the accident occurred.  In life as in design, Margo Chase was a courageous risk taker who enjoyed charting new territory.

Annie Atkins

via Adobe Web Profile

Any Wes Anderson fan knows a major reason one adores his movies are their over-the-top aesthetics. Well, the designer behind some of the most gorgeous visual elements in his films is Annie Atkins.

via Mr-Cup

Annie Atkins specializes in designing graphic props and set pieces for TV shows and feature films. She was tapped for the role of lead designer with a cold call from Anderson’s producer. They wanted her to work on one of Anderson’s films, The Grand Budapest Hotel, and the rest is history. The Grand Budapest Hotel went on to earn nine Oscar nominations and eleven BAFTA nods.

Atkins combines talent with a meticulous eye and a seriously respectable work ethic. As a designer, it’s clear she has a kind of reverence for the world of the past. Her respect translates visually as she explores the idiosyncrasies and detail of historical objects. In this way, she elevates vintage-style design to new heights.

As Atkins says in an Adobe web profile, “If it was made by hand at the time then I make it by hand now and if it was made by machine at the time then I can make it by machine now.”

via Mr-Cup

Via Mr-Cup

photo by Annie Atkins via Laughing Squid

Muriel Cooper

via designKULTUR

Muriel Cooper is a pioneering book designer, digital designer, researcher and educator who cultivated the modern and Bauhaus style in publishing. As long-time design director  for the MIT Press, she produced over 500 books in this style.

via AIGA

via AIGA

A Primer of Visual Literacy designed by Muriel Cooper via Design is Fine

Her logo for the MIT Press is simply one of best examples of reductive minimalist design. The mark is made of seven vertical bars that translate subtly and typographically as the letters ‘MITP’ (MIT Press).

MIT Press logo

In her late 40s she changed course and explored the burgeoning field of interactive media design. With designer Ron MacNeil, she founded the Visible Language Workshop which focused primarily on the relationship between language, technology and design —  through this work, she had great influence on the contemporary media landscape.

Messages and Means by Muriel Cooper

Cooper brought curiosity, intelligence and dynamism to her projects. Later, she co-founded the MIT Media Lab where groundbreaking work exploring new forms, methods and techniques for graphic design within the digital realm are still explored today.

Barbara Kruger

Barbara Kruger via Wide Walls

Before Andre the Giant has a Posse plastered the facades of New York City there was another artist making waves with bold high-contrast meme-ready graphic work.

Barbara Kruger blended a punk design aesthetic, 50s magazine imagery, blunt slogans and feminism to craft the perfectly evocative visual message.

“I shop, therefore I am.” “Your body is a battleground”…are phrases that will never be the same, now that Kruger has had her way with them.

I Shop, Therefore I Am by Barbara Kruger

Barbara Kruger came from a place of expertise when creating her conceptual messaging projects. She got her start in the trenches of the New York City magazine scene, working for publisher Condé Nast and Mademoiselle.

Kruger knew how to use graphic design to communicate an idea, she spoke the language of magazine and advertising culture. She used most publishing and exhibit methods to spread her message too. Her work can be found on billboards, bus cards, posters, train station platforms, public parks and many other public spaces.

Maybe she enjoyed making beautiful layouts at her day job, but the artist side of her wanted to say something more…something meaningful and even aggressive.

Most of Kruger’s work circles around topics of consumerism, female identity and desire. She presents her slogans in a modern sans serif with a powerful red background — in this graphic style the words appear 100% fact. The ripped up retro magazine imagery is chaotic and at the same time eye-grabbing. Kruger’s work is in-your-face and you just can’t look away.

Kruger’s work was so striking and its dissemination so complete that it became a powerful visual style that people liked and knew of without necessarily knowing who the original creator was.

Black and white cut up photography, sans serif Futura-style type and red is a thing now copied over and over. In recent years, Kruger had the most cringe-worthy yet enthralling interaction with skateboard company Supreme over their logo which is clearly ripped direct from the Kruger aesthetic.

It started when Supreme got in a graphic battle with an all girl clothing company who were biting their Kruger-inspired logo with a t-shirt that read “Supreme Bitch.” Supreme went after them with a $10 million lawsuit. The news of the lawsuit inspired a journalist from Complex to ask Kruger for a comment. Her response was perfect.

The 65+ year old Kruger replied with a blank email with a file attached called “fools.doc.” Kruger, always good with words, went on to write “What a ridiculous clusterfuck of totally uncool jokers. I make my work about this kind of sadly foolish farce. I’m waiting for all of them to sue me for copyright infringement.”

Thankfully, no one sued Kruger and instead she went on to create a series of new projects inspired by the Supreme interaction like this installation at a Manhattan skatepark, a skateboard that says “Don’t Be a Jerk.”, and this cool hoodie.

Lucienne Day

Post World War II, the mid-century era was a time of growth and renewal. Modernism was taking hold and design was at the forefront of a whole host of industries. In the world of textile and pattern design. It’s hard to think of a designer more influential on the style of the times than Lucienne Day.

Lucienne Day was a prolific British designer who created original and expressive patterns with loose geometrics, roughened textures, line, brush and color. She was inspired by the English tradition of patterns made from plant forms and also influenced by modernist fine artists of the time like Paul Klee and Alexander Calder. She aimed to imbue her work with a fresh artistic sensibility and bring an element of excitement and unexpectedness to the world of pattern design.

Day also was an avid advocate for affordable design and worked via mass market channels versus being exclusionary with her designs.  As Day said, “”I wanted the work I was doing to be seen by people and used by people,” she said. “They had been starved of interesting things for their homes in the war years.”

The Lucienne Day aesthetic was so widely appealing that it became the template for much of 50s and early 60s pattern design. In fact it seems as if pattern designers today who are interested in designing with a ‘retro’ or ‘classic’ aesthetic are plainly trying to design like Lucienne Day.

Calyx by Lucienne Day via Collectif Textile

by Lucienne Day via Collectif Textile

Lucienne Day and her husband Robin Day

Lucienne Day is also known for her lifelong partnership with husband and furniture designer Robin Day. As a creative couple, they shared a studio yet worked on their own independent projects. Together they were an unstoppable force that shaped the post-war home design world. Lucienne Day,  for her prints and Robin Day for his innovative and economical furniture designs like the polypropylene stacking chair.

For seven decades, Robin and Lucienne Day contributed much to the world of design. In 2010, in their 90s, both passed away. More recently, their daughter created the Robin and Lucienne Day Foundation and website, a wonderful resource to learn more about their work.

Louise Fili

from Louise Fili website

Louise Fili is the master craftswoman of elegant and timeless design.  Over her 40+ year career she has created an extraordinary catalog of over 2000 book covers and countless brand design projects. Fili has also received multiple medals from the Art Directors Club Hall, AIGA, Society of Illustrators and Type Directors Club.

Louise Fili book cover designs

Quality and authenticity are key ingredients of Louise Fili’s work and the reason her designs achieve such sustained success.

Ambessa via via Louise Fili website

The Mulino via Louise Fili website

Fili follows a tried and true process for developing new work. She starts as she always has with a sketch on paper and conjurs what she self-describes as a “typographic portrait.”

Fili values impeccable handmade type treatments and elements as a way to elevate a design and make it distinct. While art director at Pantheon Books, standard fonts were eschewed.

Louise Fili always loved design and gained much inspiration from trips to Italy as a young woman. The street signage and packaging of classic shops in Italy and Europe were her favorites. In recent years, Fili has created beautiful books inspired by European signage like Graphique de la Rue: Signs of Paris and Grafica della Strada.

via Louise Fili website

Fili got her start with a bit of luck. As a recent design grad, she went to famed typographer Herb Lubalin’s office and was hired on the spot. Someone had recently quit and they needed a designer to start immediately.

In the late 80s, Fili stepped out on her own and started her own company specializing in food packaging and restaurants. At the time, she wondered what to call her company and decided naming it after herself made the most sense. As she said, “I realized that it would be a liability to name the studio after myself, but I wanted to send a clear message: If you have a problem with my being female, then I have a problem with you as a client.” (via Ceros)

In the following years, Louise Fili’s studio was a major success and her design influence is visible across Manhattan and the boroughs. Restaurants like Claudette and Sarabeth are her clients as well as many food and beverage companies, hotels, retail stores and magazines.

via Louise Fili website

via Louise Fili website

via Louise Fili website

The post 6 Women Designers You Need to Know About This International Women’s Day appeared first on Envato.

]]>
Best Design Items to Appeal to the Millennial Generation https://envato.com/blog/best-design-items-millennials/ Wed, 28 Feb 2018 05:54:05 +0000 https://envato.com/?p=66245 Designing for a millennial audience is a tricky affair. As a companion piece to our guide to designing for millennials, we've put together this list of new items that work well for the demographic that was virtually born on the internet. Take a look.

The post Best Design Items to Appeal to the Millennial Generation appeared first on Envato.

]]>

Designing for a millennial audience is a tricky affair. As I discussed in a previous post, their a temperamental audience that has no time for experiences the load slowly, want to know exactly what they should be focusing on, and want to feel special. As a companion piece to our guide to designing for millennials, we’ve put together this list of new items that work well for the demographic that was virtually born on the internet. Take a look.

Graphic Design

This retro Photoshop Action will take you back to the graphic design style associated with old video games. The color options are bright, with the purple, blue, and orange version being very on trend right now. But it’s tastefully executed and not overwhelming. It should have no trouble catching the eye.

Web Design

Select-Themes have a whole portfolio of options when it comes to millennial friendly designs. But one that really caught my eye was this one called Mixtape. Built for music artists, it offers a number of variations of the theme, and they’re all bright, with a strong focus on high resolution images, and exciting patterns. Most interactions are accompanied by animations, it makes the experience very engaging.

Elated-Themes is another fantastic creator of millennial focused themes. Mane is a great example of one. With a beautiful bold design, a mix of pastel pinks and complimentary, darker greens against a mostly white canvas make it look fresh. That, plus the way the graphics are layered and animated make it extremely engaging. Check out the demos. 

Video

Purpose built for social media, this templates pack includes three post sizes, making it easily adjustable to Facebook, YouTube, Twitter, and Instagram’s preferred resolutions and dimensions, including square videos. It’s also ready for Snapchat and Instagram Stories, with vertical video templates. Its color palette is bright and playful. It’s got everything you need to engage an audience whether they’re scrolling through their newsfeed or skipping through video stories on their phone.

This template pack is purpose built for YouTube. It’s modern, and offers a large suite of templates and animations for almost anything you want to create. It includes templates for titles, openers, transitions, lower thirds, logo reveals, social media promos and pretty much anything else you can think of. It’s one of the most comprehensive YouTube packs out there.

Aimed at a young, social savvy audience, this template pack is purpose built for the Snapchat generation. It includes colorful video openers, lower thirds, even YouTube thumbnails, all purpose built for millennials. With playful animations, and icons you can add that resemble Snapchat stickers, you’ve got a lot to work with with this pack. 

This pack is purpose built for Instagram and Snapchat Stories. Featuring 10 multipurpose templates, it gives you everything you need to created compelling content to be shared on a mobile screen vertically, as well as templates that can be used for advertising too. The templates are fresh, playful and well suited to the platforms most popular with millennials.

Minimal and functional, this template offers a few options including titles, lower-thirds, descriptions, news cards and more. The boxes cleverly resize themselves to match how much text you’ve added, and a few different animation styles are offered. It’s perfect for videos you want viewers to be able to watch without sound.

With a slick design and fluid animations, this template set packs a punch. It comes with titles, lower-thirds, logo, and quote templates, all featuring an elegant minimal design. It’s built to impress.

This pack by therealist brings a simplicity to lower-thirds that’s hard to beat. The minimal design and clean animation will made the information you’re sharing through them the star of the show. If lower-thirds are all you need, this one will get the job done well for a generation where functionality is valued first and foremost. 

This pack offers everything you’d need to run a YouTube channel, or even a broadcast channel, as the title suggests. It includes a full kit of titles, openers, transitions, lower thirds, logo IDs, even social media templates. And with its use of gradients, and bright colors, along with stylish animations and playful layouts, it’s a wonderful choice if you’re trying to appeal to millennials.

A few words animated effectively can make for a really engaging video. Typography templates have grown popular in the world of autoplaying video because of their dual ability to communicate a video’s content without the sound being on, but also to capture the attention of users scrolling through a newsfeed. This template will make your words eye catching. 

Finally, featuring gradients that aren’t overpowering, beautiful layouts focusing the eye on the right elements, and more, this template pack is built for millennials. It’s well suited for channel reveals, featuring a spot to put your channel name and avatar that animates beautifully. It can also be used for opening credits to a bigger project. 

Find out what the generation born on the internet wants from design. Read more about millennials here.

Recommended

The Rules of Designing UX for Millennials

Millennials are an elusive group to capture the attention of. So, what is it they want from a user experience? How can you get them to try your product, or visit your site? And, are they really that obsessed with avocado on toast? Find out in this article.

The post Best Design Items to Appeal to the Millennial Generation appeared first on Envato.

]]>