Category Archives: Graphics

How to Add an HTML5 Video Player with Lightbox in Adobe Muse

HTML5 Video Player with Lightbox Widget - Adobe Muse CC - Muse For You

How to Add an HTML5 Video Player with Lightbox in Adobe Muse. No Coding Skills Required.

 Muse For You - Adobe Muse CC Adobe Muse CC Logo

Video is becoming our main way of consuming information. It is most evident with YouTube as 300 hours of video are uploaded to YouTube every minute and almost 5 billion videos are watched on YouTube everyday! That is a staggering number, and it is no wonder I often get requests for video widgets.

YouTube makes it really easy to add video from YouTube to your website and Muse even has a built-in widget that allows you to do this, but what if you wanted to add your own video without going through YouTube?

That is where the HTML5 Video Player with Lightbox widget comes into play. With this widget you can upload your own mp4 video to your website without having to go through third party video hosting like YouTube or Vimeo. The video can be watched directly from your server. Not only that you can also open the video in a Lightbox display giving the user a more direct experience of watching the video without any information surrounding the video. Many users prefer hosting their own video as this means no ads or related videos at the end. The HTML5 Video Player with Lightbox also comes with a YouTube player in case you wanted to add YouTube video as well.

Here are the steps to adding the HTML5 Video Player with Lightbox to your Adobe Muse website:

1. Double click the .mulib file to install.

2. Drag and drop an “Add First” widget from the Library Panel and place at the top of your Adobe Muse website. If you do not see the Library Panel go to Window > Library.

You can choose from the following “Add First” widgets:

– HTML5 Video Player – Add First – For Video Players.

– HTML5 Video Player – Add First – With Lightbox – For Video Players and Video Players within a Lightbox. You can add a color with an opacity or an image for the Lightbox background.

– HTML5 Video Player – Add First – With Gradient Lightbox – For Video Player and Video Players within a Lightbox. You can add a gradient with 2 colors for the Lightbox background.

3. Place a video player widget onto your website. You can choose from the following video player widgets:

– HTML5 Video Player Widget

– HTML5 Video Player Widget – Lightbox

– YouTube Video Player Widget

– YouTube Video Player Widget – Lightbox

The Lightbox widgets open the video within a Lightbox. Depending on the “Add First” widget added you can set the Lightbox background to be a color, image, or gradient. You can set the opacity of the color and image with the Lightbox background.

HTML5 Video Player with Lightbox Widget - Adobe Muse CC - Muse For You

4. For the HTML5 Video Players it is recommended to add at least a .mp4 file for video. You can add a .webm and .ogv file for fallback support on browsers that do not support .mp4. Most browsers support .mp4.

5. Add a poster image so when the video is not playing an image will show, and then the user can press the play button.

6. Set the theme of the video player to default, dark, or light.

7. You can set the width and height of the video within the widget options. There is a 16:9 Aspect Ratio calculator within the widget. You can also set the video to autoplay, loop, and the initial volume. You can set the video to overscale within the Lightbox, meaning the video will get larger then the size set within the widget when the browser is resized.

8. Done!

 

For more video tutorials and widgets for Adobe Muse visit http://museforyoushop.com.

Happy Musing!

Read More at How to Add an HTML5 Video Player with Lightbox in Adobe Muse


Source: Web Design Ledger

45 Catastrophic Failures in Graphic Design That Will Make You Laugh

As we all know, a visual design’s purpose, regardless if it’s logos designs, outdoor signage, ads design or website designs, their job is to give off the same energy you would want people to receive when you describe the company or the organization they represent.

That being said, it’s quite surprising that there are actually people that are willing, and more importantly, more daring to post a logo design in the price range of $100. Some of them even show enough disrespect to the creative community to low down the prices until $50/design. But the worst part of this story is not just the low prices some customers tend to set, but also the fact that many designers accept them. Beyond this, it looks like no one thinks it’s almost a fact that only graphic designs failures will come out of that venture.   

Somehow, I think the designers who take these shameful jobs can’t be fully blamed; quite frankly, I think they just don’t know any better or they didn’t look at the design from all perspectives. For the most part, the people accepting these disrespectful jobs are either young designers, at the beginning of their career or less skilled starving designers on their last money with no solid clients in sight. Or a person who knows to play a little bit with the design software and after getting no responses from other “so called designer” has decided to take the design work into his / her own hands and consider he/she did a very good job.         

Obvious, this treatment of graphic design will lead, without any doubt, to the inevitable lower graphic design standards set for this creative profession. With a key creative field being disregarded every day, a client base for this field with an “ignorance is a bliss” mindset, and plenty of people claiming falsely to be graphic designers, what is there for real professional creatives to do?

Well, maybe take a note from the satire TV shows and celebrate some of the greatest design failures. We spent so much time celebrating how good some designs can be, and appreciating the real skills and talent that are showcased there, and we forget talking about graphic design failures. And we can see a lot.

That’s why in this article, you will see an array of awful designs. Some of them will make you laugh, other of them will make you to ask yourself “What was in the designer’s mind?”

1. The Eat

Everyone likes to eat, but I think the designer of this cup is the only who knows it’s about a cat!

2. Website stock photo failure

Did you see The Invisible Man movie? This could be a new way for making him visible for others! Nothing else to add, just a note for the designers: always double or even triple check your stock photos!

3. ChURrch

 

I can’t figure out if it’s only de designer fault, but I think a proofreader is missing here!

4. Apprenticeships

 If you are looking for an apprentice, this doesn’t really mean anything. But if your target is a bunch of people looking for app rentals or ice ships or ice on ships, this design could have a sense.

5. Arlington Pediatric Center

I just checked their website and I saw they have changed their logo to something more appropriate for a medical center. It’s no longer a pedophilic center. But it seems they save something with crabs and bears. A new failure? Or just marketing strategy?  

6. Mont-Sat

 

No one should be jealous on his happiness :D. He’s just Mr. satellite!

7. Unfortunate reflection

Who wants this??? The best example for checking the end result before playing with reflection!

8. Zombie apocalypse

Do you imagine how could it be? Bad designs might just send us into the zombie apocalypse!  

9. Cannibalism of cats

As I remember, cannibalism is forbidden even in the cat community.

10. Kundawara Pharmacy

There’s no need explanation why Kundawara Pharmacy’s logo gained such widespread public attention.☺ We just wonder what services are offered behind of these doors.

11. Institute of Oriental Studies

The designer who created this logo thought it was the best representation for what the Oriental Studies mean ☺  

12. Mama’s baking

Maybe the designer’s intention was to start a fire down there? Ok, maybe in Greece, where this café is located, this doesn’t seem weird. Just maybe….

13. Maple Syrup

It seems no one noticed the suggestive nature of the sign for over a decade.

14. Mega Flicks

After reading this logo, many customers might think twice before entering into a MegaFlicks store.  Lesson to learn: chose fonts carefully.

15. Rape Nuts

Rape Nuts? Grape Huts? Rape Guts? I think the copy was doing well before the designer decided to get some style with letters.     

16. Super Bowl

Who needs an elbow, anyway? This happens when the designer doesn’t pay too much attention….

17. Don’t be happy

Good designs promote happiness and encourage you to set aside your worries. The bad designs do the exact opposite.

18. Poo

Everyone does it, but hopefully not on the table ☺

19. Chewable vitamins

Everyone wants healthy skin, hair and nails. But I don’t think anyone likes to chew them.

20. Therapist? Rapist?

Yeah, sure, “rapists” and “therapists” are the same thing….. Think and design again…. With a better font. Or at least a little bit more attention. This image reminds me a lot of a different “therapies” design fail. 

the rapist design fail.

21. Virtual Reality

I really don’t think it’s necessary to make VR technology more whimsical than it already is.

22. Bone Goal

I don’t think the whole team should share the same “bone” goal…

23. Yves Levesque

It looked ok in Photoshop, right? This happens when the car wraps are designed without making real simulations.

24. Factory Farts

No family can live with factory farts. But this headline is a huge mistake.

25. Lesson about bones

Definitely, this is not the lesson about bones you meant to be teaching.

26. You Are Alone

Pink on pink is really undercutting your message. Someone should learn about contrast in graphic design.

27. Wedding Invitation

Many people consider marriage being a prison. But I don’t think someone should be left hanging on their wedding day. ☺

28. Sauces or car clean products?

These sauces look like car clean products. I don’t think this is the vibe the designer wanted to be.

29. Fashion Fart

For sure, this wasn’t the intention of the designer, but still.. 

30. Unbelievable Transformation

When you work so hard, you change even the ethnicity…

31. Sasa Lele

I love Sasa Lele ☺!. Especially when it has 50% discount!

32. Buy 3, get 2

It seems this designer is also the best marketer in the world ☺))!  

33. Children’s Menu

Yes, I’ll take one Child Rib, please, along with a Child Burger! And for drink…….

34. Plastic Surgery

Maybe this women should start tell little white lies after her plastic surgery!

35. Exit poll

Apparently zero is a little bit less than 34, but it’s much bigger than 22 ☺. Someone should learn to make some infographics.

36. Men’s Boxer

Another example of unrealistic body expectation for men….

37. Love, Morriage, Bobby?

Who is Bobby? Does he know who will come up?

38. Ndeeisgihgbnocrehnotoedr

 

For sure, the designer’s intention was to be different, but, does anyone understand anything?

39. Doughboys

Maybe this restaurant offers pizza, salad and panini, but their logo says something else. I won’t mention what, yet it’s not too difficult to see for yourself.

40. Clinica Dental

Dental clinic or “full-service” practitioner? I think the patients of this clinic have already figured out ☺.

41. Year Of The Monkey

This poster was created for celebrating Year of the Monkey. But as humans, we have to ask: Which monkey?   

42.Junior Jazz Dance Classes

This happens when the designer doesn’t pay too much attention to the negative space. Wonder if it’s a junior dancer center or something else?

43. The computer doctor

Just wonder why and how. Just view the mouse from the logo and pass your own judgment.

44. Corona

Clearly, this man doesn’t have any arms. But… would he be the man of the future?

45. Bureau of Health Promotion Taiwan

When you’ve gone too far, I think it’s better to step back and take a closer look. Am I right?  

 

Read More at 45 Catastrophic Failures in Graphic Design That Will Make You Laugh


Source: Web Design Ledger

Unleashing The Full Potential Of Symbols In Sketch




 


 

No matter whether you are designing a whole design system or just a couple of screens, symbols in Sketch will help you keep your file organized and will save you a lot of time in the long run.


Unleashing The Full Potential Of Symbols In Sketch

In this article, I’ll share with you a few best practices and tricks to help you unleash symbols’ full potential.

The post Unleashing The Full Potential Of Symbols In Sketch appeared first on Smashing Magazine.


Source: Smashing Magazine

9 Graphic Design Trends You Need To Be Aware of in 2017

Packaging-trends-2017

Here are 2017’s graphic design trends you need to follow. We are covering packaging trends, typography trends, layouts and even cinemagrahs.

2017 is the year we return to the organic roots and we will see a return to the natural. In terms of colors, the start has been given by Pantone (as every year, in fact), who has crowned the color for 2017 as Greenery, based on it’s meaning of new beginning, freshness and environmentalism.
green-design-trends

Manifesting as a “fresh and zesty yellow-green shade that evokes the first days of spring”, Greenery envelops the notion of breathing, reinvigorating and appreciating the great outdoors.

That said, let’s take a closer look at the graphic design trends that define 2017. Most of them influence both print and web design, but some of them are just for the web.

 

Bright, Bold and Vibrant colors

 

In the past few years, many designers have used safe and easy to digest color schemes, in order to create very clean and controlled designs. We saw many lights and neutral colors like white, grays and black dominating the layouts. But in 2017 we expect bright, vibrant and bold colors. This trend has started earlier in 2016, through a variety of design elements, but it’s expected to really pick up its speed this year. As Pantone crowned the color of the year as Greenery, we expect to see the designers using more colors found in nature and intensifying them. With photography, the trend is to use bold and saturated images.

graphic-design-trends-images

In terms of graphic design, this doesn’t mean that should be a color revolution in every company. But using bright colors with traditional neutral backgrounds, companies can give their branding a fresh new look without deviating too far from what they made great.      
Graphic-design-trends-graphics
Graphic-design-trends-examples

 

Color transitions

 

Staying in the same register, the color transitions is one of the biggest design trends right now. Started in 2016 and rising quickly after, this trend is everywhere, from logo to buttons or picture overlays. As some of the big brands decided to change their logos and images from flat color to multi-colored transitions, we are expecting to see more companies adopting this trend, both for print and web design.    

Graphic-design-trends-logos

Graphic-design-trends-2017

 

Pattern and geometric shapes

 

This trend started in 2016 and it will definitely also continue in 2017. As flat design was a very welcome addendum to the graphics last year, helping to simplify the visuals and improve user experience, we expect to see it growing and expanding this year. I’ve stated at the beginning of this post that in 2017 will be a return to the natural, therefore, I’ll expect to see more nature-inspired patterns, like marble, precious stones and plants. Painterly patterns contrasted with simple typography will also bring a crafts vibe to printed media.

Graphic-design-trends-paterns

graphic-design-trends-2017-paterns

 

For packaging and brand design, bringing together the best qualities of flat design and pattern will create vibrant, colorful products, which feel both ultra-contemporary and artistic.
Pattern-graphic-design-trends
Paterns-colors-graphic-design-trends-2017

On the other hand, the pattern doesn’t have to be just about multiple colors or symmetry. Just bringing more visual to graphics using organic line pattern, will make the designs feel completely on-trend this year.
Graphic-design-trends-packaging

Packaging-trends-2017

 

Minimalism

 

For those who love simplicity and functionality given by the minimalism, here is the good news: tracing its roots back to the early part of the 20th century, and for some, even further, minimalism is today more popular as ever. As the intentional white space means more breathability and reduced focal points, the simple way of communication of the message through design has led to adoption of the minimalism in many brand and design trends.  Inspired by Scandinavian design, ultra-minimal typography and layouts will still feel cutting-edge this year, and brands who opt for this visual approach will appear elegant and refined. If you need a touch of color, you should consider adding a subtle metallic foiling as the only embellishment you need, while keeping your palette restricted and strong.

2017-minimalism-trends

Minimalistic-packagin

 

Minimalistic-packagin-2017

 

Modern retro

 

By its very definition, modern-retro has been around for a while. Modern flare added to retro designs, typefaces and color palettes makes an interesting fusion of old and new. The key in this trend is both authenticities, as well as simplifying and modernizing any particular element that stood out from any time in the past. In 2016 we saw the popularity of modern-retro designs rising and finding its own way onto logo designs, print layout, web and packaging design. In terms of colors, maybe we’ll see some changes, meaning shifting from the muted browns and grays of 2016’s most vintage designs to candy colors. But for sure, the preference for this graphic design trend will continue to grow in 2017 and we haven’t seen all yet.retro-packaging-design

retro-packagin-examples

Modular layouts

 

Functioning to break up a text and put it into manageable chunks, modular isn’t a quiet new trend, but it’s popularity has increased in the last past years. Regardless if we are talking about print or web design, most times, using a long block of text is boring and you risk losing the readers. Especially for the web, the graphic designers have figured out that making the information more manageable makes more people interact with it. The modular design is not just a great management tool, but it also can look professional when it’s done well. We expect to see more modular layouts this year, both in print and web design.

modular-design

modular design trends

 

 

Bold photography and sleek text

 

At this moment, this trend is pretty much a staple in the world of graphic designers, because the mix between bold photography and sleek text communicates a clear message without boring the audience.  “Bold and sleek” works very well both for people with a short attention span, as well as for those who don’t want to spend too much time looking for the main information and get straight to the point. If they are done well, the photography and text tend to work together and create some great contrast and brilliant borders, streaming class and excitement.     

This combination works great for display ads, social media promotions, and graphics where a small amount of information needs to be conveyed instantly.
typography trends 2017

Typography trends bold

 

Cinemagraphs

 

Cinemagraphs are an incredible, simple and effective answer to one of the marketing’s toughest problem: time. As marketers should do and use every possible tool to grab the audience’s attention in a very short and exciting way, cinemagraphs are the perfect tool for doing this. They aren’t the regular gifs we see all around the web. Cinemagraphs are still images with minor element moving in them. This technique makes simply photos look more realistic and bring them to life. With more and more competition between marketers, we expect to see cinemagraphs coming to screens in 2017.

         cinemagaphs

 

cinemagraphs design trends

 

Material design

Material design may be the biggest and boldest of the design trends of this year. Google has created this style guide trying to simplify the way designers design and users interact with the Internet. The core concepts of this trend are “material as a metaphor; bold, graphic, intentional; and motion provides meaning.”

This means the visual aesthetic communicates clearly with the user. By drawing inspiration from real-world materials—particularly paper and ink— the designs are grounded in reality, yet lightweight and minimalistic. Paper is tactile, casts shadows, but is also incredibly flexible, so, designing with these principles in mind, you’re weaving together the fabric of the Internet and add depth to your design.

By using bold colors, contrast and typography in your design, you should guide the user’s behavior and influence your audience to act the way you desire. Google’s Material Design aesthetic is very similar to Flat Design 2.0, but it takes intentionality to another level.

  

 Grpahic-design-trends-2017-website

 

Have we missed something? Let us know in the comments bellow.
Also, check these awesome web design trends to be aware of in 2017.

 

Read More at 9 Graphic Design Trends You Need To Be Aware of in 2017


Source: Web Design Ledger

The 25 Most Creative Valentine’s Day Ads Design

First things first, I would like to say Happy Valentine’s Day to all the couples out there. For those of you who don’t have a significant other in your life, Happy Independence Day!
Valentine’s Day is certainly a celebration that we are very fond of. What started as a fertility celebration in Ancient Rome, now has become a 448 million dollars celebration where people around the world are eating approximately 58 million pounds (263.083.57 Kg) of chocolate. Now, major corporations and retailers are taking full advantage of this pink and chocolatey monster Valentine’s Day has become, and they are all fighting for a piece of exposure.
Luckily for us, this means that people with more money than Romania’s GDP are going all in and spend tons of money on creative ad campaigns.

You probably don’t have their kind of money but this Valentine’s Day ads might be just the right thing you need in order to inspire you this Halloween.

So without further ado, here are the 25 most creative Valentine’s Day Ads Design.

 

Dom Francisco

 

Ikea

 

Virgin mobile

 

Wurst

 

Schick

 

Up & Down Apparel

 

Kolner Zoo

 

SexyAvenue

 

Supreb

 

 

Corazon

 

Yemekspeti

 

Adria

 

Nissan

 

Heineken

 

Heineken

 

Conrad treasury

 

Levis

 

Orko’ss

 

Splash

 

Wellington Zoo

 

Vodafone

 

La Benedicta

Durex

 

Nakshatra

 

Conclusion

Of course, there are more creative Valentine’s Day ads out there and you probably saw some. If you think you can pin point a creative ad that we haven’t mentioned, drop a comment bellow and we’ll get it featured.

Read More at The 25 Most Creative Valentine’s Day Ads Design


Source: Web Design Ledger

Free Fonts With Personality And Style




 


 

The sharing spirit in the design community is remarkable. Designers spend countless hours on side projects and without asking for anything in return, they share their creations freely with the community. Just to give something back, to inspire and to support fellow folks in their work.


30 Free Fonts With Personality And Style

When working on a project yourself, freebies like these can come to the rescue when you have to get along on a tight budget, but, more often that that, they simply are the missing piece that’ll make your design complete.

The post Free Fonts With Personality And Style appeared first on Smashing Magazine.


Source: Smashing Magazine

The Ultimate Guide To Color Contrast.

The colors you choose while designing a website, poster or any other type of image will have a huge impact on whether or not the overall design is successful. After all, there is a lot of psychology behind the colors that people are attracted to, and designers need to incorporate this into everything they do.

Color contrast plays a very valuable role, but it is often overlooked, undervalued and misunderstood. To avoid this problem, you must learn more about color contrast, including how and why you should use it. Once you go beyond the basics of knowing that red and orange aren’t good colors to create contrast but black and white are, you can begin to develop an enhanced aesthetic that will please clients and viewers.

 

Why is Color Contrast So Useful?

Color contrast, in a nutshell, provides visual intrigue and keeps viewers interested. Consider for a moment how boring it would be if an entire poster was made from one color or only included shades from the same color family. Although there are some instances when this does work from an artistic perspective, it’s not an approach that is likely to grab someone’s attention when they’re perusing store shelves, looking at movie posters or surfing the web. Therefore, it’s wise to use contrasting colors whenever appropriate.

For example, think about the classic Coca-Cola can. If the entire thing was red, it wouldn’t stand out nearly as much as it does. The white writing truly pops off of the red background, which grabs attention and is instantly recognizable. This contrast is visually stunning, and it stands out from its competitors.

How to Best Use Color Contrast

The color choices you make must depend largely on the format that you’re using. The Coca-Cola can provides a great way to explain this process. In a physical product such as a can of soda, the red background works. It also stands out well in print advertising, on TV commercials and much more. But what if you were to attempt to design a website with these same colors?

To put it as bluntly as possible, a solid red website page background with white text on top would be atrocious. A full red background will work, though, if you put a text box on top of it that has a lighter color such as white or tan. From there, you’d most likely want to use black text in the text box to create another layer of contrast. Not only will this approach be more eye-catching but it will also enable people to read the text. Remember: black text on red is very difficult to read.

Other examples of contrasting color combinations that won’t work well on the web and may also be almost indecipherable in other formats include light green on medium green, green on red and red on blue. Instead, consider using white on green and yellow or white on blue. If you must put text on a solid red background, it’s best to use white just like Coca-Cola.

Of course, color contrast isn’t always used to call attention to text. If you’re looking to put two different contrasting colors together to draw the eye to something specific on the page, you can choose between dramatically different colors and the more subtle contrast that is caused by changes in shade, tint and saturation.

Trip Advisor does a nice job of using contrasting colors and white space to direct each user’s eyes to the most important aspects of their search results. The mixture of green and yellow is pleasing to the eye, and they kept the classic blue hyperlink color to make it easy for people to know where to click to learn more. Even better, they chose a bold yellow with black text for their “show prices” button, which stands out so much that people are virtually certain to engage with this call-to-action.   

 

Color-Blindness: What Every Designer Needs to Know

Approximately 8 percent of men worldwide suffer from some form of color-blindness. This condition is much rarer in women, but 1 out of every 17 people with color-blindness is female. In total, 4.5 percent of the world’s population does not see all colors as the rest of the world does.

This may seem like a small enough percentage that you wouldn’t cater to their needs. However, the reality is that in the U.K. alone, 2.7 million people are colorblind. This is something designers really need to consider, especially if they’re creating something that is targeted at men.

Red/green blindness is the most common version of color-blindness. What this means is that the red and green elements of any color will not have their true appearance to these individuals. For instance, a person with red/green blindness will perceive purple as blue. This happens because they’re unable to see the red tone that helps differentiate purple from blue.   

As you can imagine, this makes the process of choosing the perfect color contrast even more difficult. If you were to choose green as your primary background color or even as a font color, 4.5 percent of your intended viewing audience may not be able to accurately see everything. They may not even be able to read the words very well depending on the hue you chose and how severe their color-blindness is.

 

The Bottom Line

Ultimately, a color contrast should make both elements stand out, but especially the element that is most important. In other words, if you’re putting text on a colorful background or image, make sure that the words are easy to see and read. Keep your audience in mind and try to steer clear of color combinations that would make the final result difficult for people with color-blindness.

As always, take the time to check your designs from different browsers and devices. Additionally, don’t hesitate to ask a friend, colleague or family member to look at your work with fresh eyes and provide feedback.  

 

For some color contrast inspiration, check out this list of beatifully designed landign pages.
https://webdesignledger.com/19-best-designed-app-landing-pages/

Read More at The Ultimate Guide To Color Contrast.


Source: Web Design Ledger

10 of the Best Modern Poster Designs to Inspire Creativity

It Follows Poster

Posters offer a diverse canvas for graphic designers, and some of the very best are not only beautifully designed but also inspiring and thought-provoking. There are hundreds of stunning poster designs that are instantly eye-catching, but we’ve narrowed this list down to a few of the most intriguing examples from the current decade. Whether you prefer to be bold or understated, you’re certain to find something here that will get your creative juices flowing.

1. Stranger Things Poster

Stranger Things Poster

“Stranger Things” became a hugely popular show on Netflix thanks in part to the captivating poster that promoted it. Designer Kyle Lambert was able to expertly capture many of the most important elements and characters in a way that draws the viewer in without providing any spoilers.

One of the most brilliant things about this poster is that it provides a throwback to the 1980s style, which is the perfect complement for the feel of the show. Combine that with extremely accurate renderings of the actors and the overall emotive quality of the piece, and it’s no wonder that viewers flocked to Netflix.

2. Maze Runner: Scorch Trials Poster

Maze Runner Poster

Movie poster designers have the enormous task of making something stand out in a very crowded environment. After all, posters are everywhere at your local movie theater, and that can easily make them blend together unless a unique feature grabs your attention. “Maze Runner: Scorch Trials” quickly amassed blockbuster status in 2015, and this visually appealing poster almost certainly helped make that happen.

The use of negative space works extremely well here, and it also contrasts perfectly with the test tube shape in the middle. These subtle clues to the plot points may not even be picked up by most casual viewers, but they showcase a lot of skill on the designer’s part.

3. Silver Surfer Poster

Metropolis Poster

Silver surfer Poster

If imitation is truly the sincerest form of flattery, then all of the designers who influenced Retro Heroes creator Grégoire Guillemin should definitely feel flattered. For example, the classic “Metropolis” poster was clearly the inspiration for this retro rendering of comic book character Silver Surfer. The poster draws you in because of the similarities, but it’s also set apart by the font choice and bold red color that frames two sides of the image.

4. It Follows Poster

It Follows Poster

 

“It Follows” surprised box office prediction experts by not only receiving rave critical reviews but also becoming a huge indie hit that brought in more than six times its miniscule budget. The strength of what started as a limited release is mostly attributed to word of mouth praise, but the film’s movie posters also deserve a lot of credit.

Graphic designer Akiko Stehrenberger draws viewers in instantly with the compelling usage of eyes staring straight at you. The foggy blank space is an intriguing addition because it makes the identity of the “It” a huge mystery, and this results in the viewer imagining the most terrible things possible.

5. Air New Zealand Poster
Air New Zeland Poster

Retro designs have been popular for several years, but this usually means creating a new poster that has a retro styled image. Air New Zealand decided to go back to the past in 2016 for the 75th anniversary by rereleasing old posters instead that help showcase the history of aviation. This particular design features great usage of Technicolor for a vibrant appearance that makes flying look beautiful and glamorous.

6. Cross River Gorilla Poster(Endangered Species Line)

Cross River Gorilla Poster

There are more than 16,000 animals that are currently threatened with extinction, and the Cross River Gorilla is high on the priority list. With a population of approximately only 300 left on Earth, it’s important to conserve their habitat and to raise awareness of their plight.

Artist Sean Duggan decided to utilize a minimal design with a retro feel to put people face to face with an image of two of these gorillas. The decision to have a mother and baby gorilla looking straight at the viewer makes it hard not to feel sympathetic for their plight.

7. San Francisco Tourism Poster

San Francisco Tourism Poster

A tourism poster needs to depict at least one aspect of the area in question, and it should also intrigue and excite people. The Discover San Francisco poster may seem a bit cluttered at first, but it’s actually quite brilliant how the designer turned each letter into a recognizable part of the city’s charm and daily life. From the deeply slanted hilly roads to the intersection of Haight and Ashbury, all of the most tourism friendly places are represented.

8. The Blue Umbrella Poster

“The Blue Umbrella” is a short film from Pixar that was released with “Monsters University.” To promote their animated piece, Pixar produced this mesmerizing poster that easily captures attention. The umbrella itself is very kid-friendly with its happy expression. However, it’s the lines of the rain drops that draw us in every time we look at this poster. The implied motion is brilliantly executed, as is the juxtaposition between the color and typical mood of the word blue with the contented expression of the umbrella.  

9. The Foundation of Arts Ring of Fire Exhibit Poster

 

The Foundation of Arts Ring of Fire Exhibit Poster

This poster design wins big points for being fun, using a bold color to stand out and showcasing an extremely literal interpretation of its subject matter. As a poster for a music retrospective exhibition for Johnny Cash, it makes perfect sense to refer to one of his most famous songs. Bringing it to life by having a figure appear to be literally falling into a burning ring of fire was brilliant enough, but having that ring be the hole in Cash’s guitar really boosts the impact of this piece. Adding in the vintage feel and the eye-catching red background provided the proverbial icing on the cake.

10. The Secret of 4°C Poster

The Secret of 4°C Poster

 

Posters can be designed to sell something, to raise awareness, to motivate or to explore a graphic designer’s personal interests. The particular piece is educational and visually appealing. At a first glance, you might not realize that the image in the middle of the poster is a dewdrop.

Water achieves its heaviest state when it reaches 4° Celsius, and artist Jongwon Won used the gradient scale in an attempt to depict and explore the many stages that water goes through just before or after this specific temperature. Even without knowing this explanation, the design, use of color and well-placed white space is captivating.

 

There are, of course, thousands of other designs we could have chosen, but these 10 are a nice representative sample of some of the best work that has been produced during this decade. There are clearly some common themes between most of these pieces, and that’s a reflection on modern trends. Allow these to inspire you, and perhaps you’ll be the one to spark the next massive trend in poster graphic design.  

 

 

Read More at 10 of the Best Modern Poster Designs to Inspire Creativity


Source: Web Design Ledger

Neon Text Effect Photoshop Tutorial

In this tutorial, we’re going to learn how to create a neon text effect in Adobe Photoshop.

Download Adobe Photoshop.

Read More at Neon Text Effect Photoshop Tutorial


Source: Web Design Ledger

Designing A Responsive Music Player In Sketch (Part 2)




 


 

Welcome to the second part of this tutorial, in which we will finish designing the music player that we started in part one. This includes creating the icons at the bottom, as well as making the music player responsive, so that all elements adapt to the width of the artboard and, thus, can be used for different device widths.


Designing A Responsive Music Player In Sketch (Part 2)

Our premise in creating all of the icons is to use basic shapes as often as possible, instead of custom vector elements. Shapes are much easier to set up and modify, and we will still be able to combine them into more complex forms using Boolean operations.

The post Designing A Responsive Music Player In Sketch (Part 2) appeared first on Smashing Magazine.


Source: Smashing Magazine