How to add illustration to your designs for free

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/NmRtvszSCy4/open-doodles

A bit of illustration can be an excellent way to enliven a design and bring a bit of humanity to it, particularly when it comes to web design. It's hard to spend any time on the web without coming across a collection of illustrated cartoon figures promoting a new startup; it's one of those hot web design trends that's not going away.

If you want to incorporate illustration into your designs but don't know how to draw or where to start, here's a brilliant solution from Pablo Stanley. He's created a library of hand-drawn illustrations called Open Doodles, and he's released them for free under a Creative Commons licence so that you can use them in any way you wish.

How to tell a story with your illustrations

Open Doodles

Open Doodles are free to use, copy, edit, remix, share, anything

Stanley's a big advocate of open design; he explains that when he was young and wanted to get into digital design he had no money, so had to pirate software and steal CDs from tech magazines in order to learn his skills – at least, until he got caught. "I now offer my stuff for free," he says, "because I know other people are equally eager to learn and are looking for guidance, anywhere they can. I hope that opening my work helps them grow, get better at their craft, and make their parents proud."

They may be free, but Stanley's Open Doodles don't compromise on quality. Rather than simply release his illustration as a set of static PNGs, he's making the actual source files available for download, so that you can check the layers and see how everything fits together, as well as getting a glimpse of his untidy process. "The opportunities to improve, build on top of, fix, and reinvent are yours to discover," he says.

Open Doodles: Generator

Use the generator to quickly set up your own colour scheme

While some of the Open Doodles are scans of hand-drawn sketches, most are illustrations that were drawn on an iPad in Procreate, vectorised in Illustrator and then made into a library with global styles in Sketch before being exported as both SVG and PNG.

As well as the downloadable images, Stanley has also built an Open Doodles Generator along with developer Fang-Pen Lin. This provides a straightforward interface that enables you to change the colours of the ink, accent and background for the illustrations, and then download a custom illustration pack in your chosen palette. There's also a set of ready-made compositions to make life even easier, as well as a gallery of example landing pages demonstrating how these illustrations can be put to work online.

Open Doodles landing page gallery

There’s even an inspiring gallery to give you ideas on how to use the illustrations

Under the CC0 license you're free to copy, edit, remix, share, or redraw the Open Doodles images for any purpose, without restriction. Stanley hopes that this will encourage other designers to create their own kits and share them with the world, and that Open Doodles will make it easer for designers to show the value of illustration in mockups.

And while he's making his illustrations available for free, he also hopes that designers will use them as placeholders before going on to hire actual illustrators to help to help tell their stories; he even provides a set of useful links.

To find out more and grab your own free illustrations, hit the Open Doodles site.

Related articles:

The illustrator hotlist 2019How to move from animation to illustration6 websites that use illustration brilliantly

Great Expectations: Using Story Principles To Anticipate What Your User Expects

Original Source: https://www.smashingmagazine.com/2019/10/users-expectations-story-principles/

Great Expectations: Using Story Principles To Anticipate What Your User Expects

Great Expectations: Using Story Principles To Anticipate What Your User Expects

John Rhea

2019-10-21T13:30:59+02:00
2019-10-21T16:07:51+00:00

Whether it’s in a novel, the latest box office smash, or when Uncle Elmer mistook a potted cactus for a stress ball, we all love stories. There are stories we love, stories we hate, and stories we wish we’d never experienced. Most of the good stories share structure and principles that can help us create consistent website experiences. Experiences that speak to user expectations and guide them to engage with our sites in a way that benefits both of us.

In this article, we’ll pull out and discuss just a few examples of how thinking about your users’ stories can increase user engagement and satisfaction. We’ll look at deus ex machina, ensemble stories, consistency, and cognitive dissonance, all of which center on audience expectations and how your site is meeting those expectations or not.

We can define a story as the process of solving a problem. Heroes have an issue, and they set out on a quest to solve it. Sometimes that’s epic and expansive like the Lord of the Rings or Star Wars and sometimes it’s small and intimate such as Driving Miss Daisy or Rear Window. At its core, every story is about heroes who have a problem and what they do to solve it. So too are visits to a website.

The user is the hero, coming to your site because they have a problem. They need to buy a tchotchke, hire an agency or find the video game news they like. Your site can solve that problem and thus play an important role in the user’s story.

Deus Ex Machina

It’s a term meaning “god from the machine” that goes back to Greek plays — even though it’s Latin — when a large, movable scaffolding or “machine” would bring out an actor playing a god. In the context of story, it’s often used to describe something that comes out of nowhere to solve a problem. It’s like Zeus showing up at the end of a play and killing the villain. It’s not satisfying to the audience. They’ve watched the tension grow between the hero and the villain and feel cheated when Zeus releases the dramatic tension without solving that tension. They watched a journey that didn’t matter because the character they loved did not affect the ending.

The danger of deus ex machina is most visible in content marketing. You hook the audience with content that’s interesting and applicable but then bring your product/site/whatever in out of nowhere and drop the mic like you won a rap battle. The audience won’t believe your conclusion because you didn’t journey with them to find the solution.

If, however, the author integrates Zeus into the story from the beginning, Zeus will be part of the story and not a convenient plot device. Your solutions must honor the story that’s come before, the problem and the pain your users have experienced. You can then speak to how your product/site/whatever solves that problem and heals that pain.

State Farm recently launched a “Don’t Mess With My Discount!” campaign:

Kim comes in to talk to a State Farm rep who asks about a Drive Safe and Save discount. First, for the sake of the discount, Kim won’t speed up to make a meeting. Next, she makes herself and her child hold it till they can get home driving the speed limit. Last, in the midst of labor, she won’t let her partner speed up to get them to the hospital. (Don’t mess with a pregnant lady or her discount.) Lastly, it cuts back to Kim and the agent.

State Farm’s branding and their signature red color are strong presences in both bookend scenes with the State Farm representative. By the end, when they give you details about their “Drive Safe and Save” discount you know who State Farm is, how they can help you, and what you need to do to get the discount.

It’s not a funny story that’s a State Farm commercial in disguise, but a State Farm commercial that’s funny.

Throughout the ad, we know State Farm’s motivations and don’t feel duped into liking something whose only goal is to separate us from our money. They set the expectation of this story being an ad in the beginning and support that throughout.

Another Approach

Sometimes putting your name upfront in the piece might feel wrong or too self-serving. Another way to get at this is to acknowledge the user’s struggle, the pain the user or customer already feels. If your site doesn’t acknowledge that struggle, then your product/site/whatever seems detached from their reality, a deus ex machina. But if your content recognizes the struggle they’ve been through and how your site can solve their problem, the pitch for deeper engagement with your site will be a natural progression of the user’s story. It will be the answer they’ve been searching for all along.

Take this testimonial from Bizzabo:

Emily Fullmer, Director of Global Events for Greenbook said, We are now able to focus less on tedious operations, and more on creating a memorable and seamless experience for our attendees.

Bizzabo solved a real world problem for Greenbook. (Large preview)

It shows the user where Greenbook was, i.e. mired in tedious tasks, and how Bizzabo helped them get past tedium to do what Greenbook says they do best: make memorable experiences. Bizzabo doesn’t come out of the woodwork to say “I’m awesome” or solve a problem you never had. They have someone attesting to how Bizzabo solved a real problem that this real customer needed to be fixed. If you’re in the market to solve that problem too, Bizzabo might be the place to look.

Ensemble Stories

Some experiences, like some stories, aren’t about a single person. They’re about multiple people. If the story doesn’t give enough attention to each member, that person won’t seem important or like a necessary part of the story. If that person has a role in the ending, we feel cheated or think it’s a deus ex machina event. If any character is left out of a story, it should change the story. It’s the same way with websites. The user is the story’s hero, but she’s rarely the only character. If we ignore the other characters, they won’t feel needed or be interested in our websites.

Sometimes a decision involves multiple people because a single user doesn’t have the authority to decide. For instance, Drupalcon Seattle 2019 has a “Convince Your Boss” page. They showcase the benefits of the conference and provide materials to help you get your boss to agree to send you.

You could also offer a friends-and-family discount that rewards both the sharer and the sharee. (Yes, as of this moment, “sharee” is now a word.) Dropbox does this with their sharing program. If you share their service with someone else and they create an account, you get additional storage space.

Dropbox offers an additional 250 MB of space for every friend you get to join their service.

You get extra space, you get extra space, and you get extra space (when you invite a friend). (Large preview)

But you don’t have to be that explicit about targeting other audiences than the user themselves. In social networks and communities, the audience is both the user and their friends. The site won’t reach a critical mass if you don’t appeal to both. I believe Facebook beat MySpace early on by focusing on the connection between users and thus serving both the user and their friends. MySpace focused on individual expression. To put it another way, Facebook included the user’s friends in their audience while MySpace didn’t.

Serving Diametrically Opposed Heros

Many sites that run on ad revenue also have to think about multiple audiences, both the users they serve and the advertisers who want to reach those users. They are equally important in the story, even if their goals are sometimes at odds. If you push one of these audiences to the side, they’ll feel like they don’t matter. When all you care about is ad revenue, users will flee because you’re not speaking to their story any longer or giving them a good experience. If advertisers can’t get good access to the user then they won’t want to pay you for ads and revenue drops off.

Just about any small market newspaper website will show you what happens when you focus only on advertisers’ desires. Newspaper revenue streams have gone so low they have to push ads hard to stay alive. Take, for instance, the major newspaper from my home state of Delaware, the News Journal. The page skips and stutters as ad content loads. Click on any story and you’ll find a short article surrounded by block after block after block of ad content. Ads are paying the bills but with this kind of user experience, I fear it won’t be for long.

Let me be clear that advertisers and users do not have to be diametrically opposed, it’s just difficult to find a balance that pleases both. Sites often lean towards one or the other and risk tipping the scales too far either way. Including the desires of both audiences in your decisions will help you keep that precarious balance.

One way to do both is to have ads conform to the essence of your website, meaning the thing that makes your site different i.e. the “killer app” or sine qua non of your website. In this way, you get ads that conform to the reason the users are going to the site. Advertisers have to conform to the ad policy, but, if it really hits on the reason users are going to the site, advertisers should get much greater engagement.

On my own site, 8wordstories.com, ads are allowed, but they’re only allowed an image, eight words of copy, and a two-word call to action. Thus when users go to the site to get pithy stories, eight words in length, the advertisements will similarly be pithy and short.

Advertisers and users do not have to be diametrically opposed, it’s just difficult to find a balance that pleases both.

Consistency

The hero doesn’t train as a medieval knight for the first half of the story and then find herself in space for the second half. That drastic shift can make the audience turn on the story for dashing their expectations. They think you did a bait-and-switch, showing them the medieval story they wanted and then switching to a space story they didn’t want.

If you try to hook users with free pie, but you sell tubas, you will get lots of pie lovers and very few tuba lovers. Worse yet is to have the free pie contingent on buying a tuba. The thing they want comes with a commitment or price tag they don’t. This happens a lot with a free e-book when you have to create an account and fill out a lengthy form. For me, that price has often been too high.

Make sure the way you’re hooking the audience is consistent with what you want them to read, do, or buy. If you sell tubas offer a free tuba lesson or polishing cloth. This’ll ensure they want what you provide and they’ll think of you the next time they need to buy a tuba.

That said, it doesn’t mean you can’t offer free pie, but it shouldn’t get them in the door, it should push them over the edge.

Audible gives you a thirty-day free trial plus an audio book to keep even if you don’t stay past the trial. They’re giving you a taste of the product. When you say, “I want more.” You know where to get it.

While not offering a freebie, Dinnerly (and most of the other bazillion meal kit delivery companies) offers a big discount on your first few orders, encouraging new customers to try them out. This can be an especially good model for products or services that have fixed costs with enticing new customers.

Dinnerly offers a discount on each of your first three meal kits.

Hmmm… maybe they should offer free pie. (Large preview)

Cognitive Dissonance

There’s another danger concerning consistency, but this one’s more subtle. If you’re reading a medieval story and the author says the “trebuchet launched a rock straight and true, like a spaceship into orbit.” It might be an appropriate allusion for a modern audience, but it’s anachronistic in a medieval story, a cognitive dissonance. Something doesn’t quite make sense or goes against what they know to be true. In the same way, websites that break the flow of their content can alienate their audience without even meaning to (such as statistics that seem unbelievable or are so specific anyone could achieve them).

112% of people reading this article are physically attractive.

(Here’s lookin’ at you, reader.)

This article is the number one choice by physicians in Ohio who drive Yugos.

(Among other questions, why would a European car driving, Ohioan Doctor read a web user experience article?)

These “statistics” break the flow of the website because they make the user stop and wonder about the website’s reputability. Any time a user is pulled out of the flow of a website, they must decide whether to continue with the website or go watch cat videos.

Recently, I reviewed proposals for a website build at my day job. The developers listed in the proposal gave me pause. One with the title “Lead Senior Developer” had seven years of experience. That seemed low for a “lead, senior” developer, but possible. The next guy was just a “web developer” but had twenty years of experience. Even if that’s all correct, their juxtaposition made them look ridiculous. That cognitive dissonance pulled me out of the flow of the proposal and made me question the firm’s abilities.

Similarly poor quality photos, pixelated graphics, unrelated images, tpyos, mispelllings, weird bolding and anything else that sticks out potato can cause cognitive dissonance and tank a proposal or website (or article). The more often you break the spell of the site, the harder it will be for clients/users to believe you/your product/site/thing are as good as you say. Those cat videos will win every time because they always meet the “lolz” expectation.

Conclusion

Users have many expectations when they come to your site. Placing your users in the context of a story helps you understand those expectations and their motivations. You’ll see what they want and expect, but also what they need. Once you know their needs, you can meet those needs. And, if you’ll pardon my sense of humor, you can both …live happily ever after.

Smashing Editorial
(cct, ra, yk, il)

Use Responsive Website Templates for Max Conversions

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/eNnIyl_MyxY/use-responsive-website-templates-for-max-conversions

Websites. Every business needs one, but sadly many companies waste thousands of dollars and tons of time using expensive designers and complicated coding. These days with easy-to-use website builders creating your own site couldn’t be easier and more affordable. Studies show that responsive website templates attract over 50% of all mobile users (luckily you no […]

The post Use Responsive Website Templates for Max Conversions appeared first on designrfix.com.

So sorry, but Apple's Send button is slightly wonky

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/DvSNkb1g8rg/apple-wonky-send-button

Some design flaws are obvious. They smack you in the face immediately; everyone tears down the designer, and the project either gets redesigned or fades into oblivion. Other mistakes are just small enough for most people not to even notice, but once pointed out they can't be unseen. It's like have a tiny pebble in your shoe you can never get rid of. 

What's the point of this long-winded introduction? Someone has spotted that the Send button in Apple's Messages iPhone app is very slightly wonky. Behold:

The thoroughly unwanted PSA came from Anh, and it will surprise precisely no one to hear he's an interface designer. Having announced it on Twitter, he unwittingly opened the door to other fastidious designers pointing out myriad other tiny interface flaws in iOS app icons.

Bjorn pointed out that the play circle in Spotify isn't really a circle at all, but an oval.

Noel Cornell flagged up this glaring error:

Product designer Donnie Suazo shared flagged up this blue-one-black monstrosity within the Maps app. 

Ugh. Take a look at the full thread here, if you're feeling brave. Of course, some are making the point that optical illusions are often used in design – and sometimes a technically 'perfect' design looks wrong to the eye. Case in point, this massive debate surrounding Google's 'incorrect' logo. It doesn't make it any less irritating once you've spotted the inconsistency though, does it?

If this hasn't put you off Apple products forever, take a look at our guide to making the most of the Apple Black Friday sale. 

Read more: 

Apple’s 2020 MacBook and iPad Pros could feature all-new display techSurface Pro 7 vs iPad ProWhy Apple's rumoured iPhone SE 2 feels like as BIG disappointment

Going Vintage with Graphic Design: What You Need to Know

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/TGxdxrOkrcE/going-vintage-with-graphic-design-what-you-need-to-know

If there is one thing that will never go out of style, it’s vintage. In fact, it can often seem that the more technology progresses, the more interested people are becoming in this trend. This is perhaps because it is classic, and therefore, timeless. Now, if you are looking to include vintage elements in your […]

The post Going Vintage with Graphic Design: What You Need to Know appeared first on designrfix.com.

11 Pro Web Design Tips for an Attention-Grabbing Business Website

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/0GTfSBx3ldc/11-pro-web-design-tips-for-an-attention-grabbing-business-website

Is your business website appealing to your target audience? Are you getting lucrative outcomes with your website design? Is your brand growing time and again? The answers to these questions can be discovered without spending thousands of dollars on experts and updates. Frequently. there is a situation when you develop a visually-appealing website, but it […]

The post 11 Pro Web Design Tips for an Attention-Grabbing Business Website appeared first on designrfix.com.

What if social media platforms had abstract shapes

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/xRa4astxCMA/what-if-social-media-platforms-had-abstract-shapes

What if social media platforms had abstract shapes
What if social media platforms had abstract shapes

AoiroStudioOct 16, 2019

I am gonna start by saying that social media platforms can have its benefits and its disadvantages. I won’t be the first to tell you that I have experience both and it’s not always a fairytale. Again, it’s a sense of control that you give yourself on, do you let yourself submerge yourself into the endless sea of notifications or give it some control. Continuing the pursuit of my discoveries of talented designers and artists from Switzerland, I would like to present the work of Andrea Philippon who is based in Lausanne, Switzerland.

Cinema 4D & Digital Art
What if social media platforms had abstract shapesWhat if social media platforms had abstract shapesWhat if social media platforms had abstract shapesWhat if social media platforms had abstract shapesWhat if social media platforms had abstract shapesWhat if social media platforms had abstract shapesWhat if social media platforms had abstract shapesWhat if social media platforms had abstract shapesWhat if social media platforms had abstract shapesWhat if social media platforms had abstract shapesBy Andrea Philippon

About Andrea Philippon

Andrea Philippon is a graphic & motion designer based in Lausanne, Switzerland. I love how her work is mostly around Cinema 4D, Octane and Photoshop. Make sure to follow her work on Behance.

Personal Site
Behance


10 Spooky Designs to Get You Inspired This Halloween

Original Source: https://www.webdesignerdepot.com/2019/10/10-spooky-designs-to-get-you-inspired-this-halloween/

Is the eerie spirit of Halloween haunting your designs? Find spooky inspiration in these ten ghoulish illustrations, videos, and photos.

From Polish artist Piotr Jabłoński’s off-kilter and unnerving fantasy paintings to Caley Hicks’ cutesy take on Halloween themes, you’re sure to find something here to get you in the spooky mood.

Looking for spine-chilling photos, graphics, and video clips to use in your projects? Don’t miss our ultimate curated Halloween collection.

1. Día de los Muertos by Shutterstock contributors

Taking place just after Halloween on November 2nd, 2019, Día de los Muertos (Day of the Dead) is a Mexican holiday held to remember the deceased.

Viewed by Mexicans as a day of celebration rather than sadness, colorful costumes, parades, and sugar skulls are prominent features of the holiday. Families gather at the grave of the departed to leave offerings and say prayers, aiding their loved one in their spiritual journey.

Imagery surrounding Día de los Muertos is vibrant and theatrical, giving Day of the Dead-themed designs an otherworldly feel.

Explore the Shutterstock contributors’ Día de los Muertos video collection.

 

 
 

 
 

View this post on Instagram

 

 
 
 

 
 

 
 
 

❤ Celebrando a nuestros amados (celebrating our loved ones) • #DíaDeLosMuertos #ItsShutterstock _ [Link in Bio] _ #sugarskulls #dayofthedead #tradicionesmexicanas #cultura

A post shared by Shutterstock (@shutterstock) on Sep 25, 2019 at 7:41am PDT

2. Fantasy Dreamscapes by Tithi Luadthong

Inspired by horror, fantasy, and science fiction, illustrator Tithi Luadthong conjures up immersive and deeply compelling dreamscapes that tell intriguing stories.

The digital impressionist injects his images with a sense of dynamism and movement, transporting the viewer to a multitude of action-packed horror-themed scenarios, from a zombie apocalypse to a cave inhabited by a horned demon.

Read more about Tithi’s creative process in this interview with the Bangkok-based artist.

Explore the artist’s full collection of horror- and Halloween-themed content here.

Image by contributor Tithi Luadthong.

Image by contributor Tithi Luadthong.

Image by contributor Tithi Luadthong.

3. Halloween-Themed Curated Collection by Shutterstock

Whether you’re planning a Halloween party, creating a seasonal social media post, or designing a hair-raising webpage, the Shutterstock Halloween curated collection features everything you could need to realize your petrifying project.

From trick-or-treat portraits to ghostly collages, discover a wide range of images to suit every mood and every design this autumn.

4. Animal Halloween Portraits by Kimberly Petts

Horror isn’t for everyone when Halloween rolls around. The holiday is just as much an excuse for indulging in some fun and frivolity.

Shutterstock contributor Kimberley Petts loves to give her animal portraits a spooky yet light-hearted twist. With an air of old-world painting styles, her images manage to balance a somber setting with witty subjects. We especially love her Rembrandt-influenced portraits of her two German Shorthaired Pointers, Branston and Twiglet.

Discover more portraits of pets getting into the Halloween spirit.

Image by contributor Kimberly Petts.

Image by contributor Kimberly Petts.

5. Supernatural Concept Art by Piotr Jabłoński

Polish concept artist and digital painter Piotr Jabłoński has a cult following for his beautiful yet often disturbing images. His expertly executed digital illustrations see him turn his hand to depicting dark forests filled with mystical creatures, fantastical battle scenes, and freakish humanoid characters.

With a meticulous eye for detail, Jabłoński’s images explore themes of horror, the supernatural, and general weirdness. His ability to blur the lines between normality and fantasy in his subject matter makes his images not only unnervingly beautiful to look at, but unforgettable too.

Images by Piotr Jabłoński.

6. Cutesy Spooks by Caley Hicks

Florida-based illustrator Caley Hicks, aka There Will Be Cute, looks to vintage children’s illustrations to inform her adorable, retro-tinted drawings and patterns. Influenced by the golden age of Disney, Hicks applies her cute and perky drawing style to a range of seasonal subjects. With Halloween a favorite subject, Hicks depicts black cats, pumpkins, and headless horsemen in a midcentury-inspired palette of burnt orange, cream, and charcoal black.

With fans able to purchase cushions, phone covers, and even shower curtains from her online shop, this talented artist has honed a versatile style that works just as well in the home as it does on screen.

Images by Caley Hicks.

7. High Fashion Halloween by SunCity

Halloween is a great excuse for getting dressed up and transforming yourself into a vampire, witch, or black cat. For the more fashionably-inclined, it’s also the perfect occasion to showcase your fabulous makeup skills.

Shutterstock contributor SunCity takes an ultra-stylish approach to the Halloween theme, casting his subject in dramatic colored lighting and experimenting with skeletal makeup, shadows, and blurring. The final result is a high-fashion take on the spooky holiday. These photos would be perfect for giving a Halloween-themed magazine layout or poster a high-fashion twist.

Image by contributor SunCity.

Image by contributor SunCity.

Image by contributor SunCity.

8. Carved Vegetables by Tough Slate Design

Who knew a fig could be so frightening? Kiev-based creatives Tough Slate Design gave this Halloween promo campaign for Le Silpo Specialty Grocery store a quirky twist using that most humble of foods — fruit and vegetables.

Carving frightening faces into turnips, peppers, and olives, then photographing them against a seasonal orange background, created a foundation for their “Treat-or-treat!” campaign. The idea behind the posters? With Le Silpo offering a wide range of delicacies in-store, it seemed bland and unoriginal to use a traditional Halloween pumpkin.

Striking the perfect balance between cute and creepy, the final poster is a lesson in discovering an unusual and offbeat angle for a seasonal campaign.

Poster design by Tough Slate Design for Le Silpo Specialty Grocery store.

9. Wall Art by Syda Productions

Simple cut-out shapes made from paper or card can be transformed into stylish and striking works of art with the right concept in mind. Here, Shutterstock contributor Syda Productions turns his hand to collage-style displays of swarming bats. Set against a minimal backdrop, the result is perfect inspiration for style-conscious decorators looking to add a touch of seasonal spirit to a home or office setting.

Why not try creating and photographing your own Halloween collage creations? Decorate a lonely wall with a flock of black crows or flurry of spider webs to conjure a spooky spirit on a budget.

Image by contributor Syda Productions.

10. Contemporary Tarot Cards by Theo Boquet

Fortune-telling is deeply connected with the Halloween season. A display of tarot cards across a dining table at a Halloween party is not only a decorative flourish, but is a lovely way of bringing a touch of mystery and spirituality to your event.

These modern and minimal tarot cards by Lille-based graphic designer Theo Boquet offer an ultra-stylish alternative to traditional tarot cards. The collage style mixes black-and-white figures from popular culture and artistic masterpieces with pops of vivid blue and yellow ink.

Boquet’s design is a great example of applying contemporary style to traditional subject matter, to create a hip fusion of old and new.

‘Tarot de Marseille’ card designs by Theo Boquet.

Creating a Halloween-Themed Design?

Discover frightening photos, kooky graphics, and supernatural video clips to use in your projects with the Shutterstock curated Halloween collection.

 

This post originally appeared on the Shutterstock blog.

[– This is a sponsored post on behalf of Shutterstock –]

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

The Art of Rebranding: 7 Steps to a Successful Makeover

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/J1r2AhCPjso/the-art-of-rebranding-7-steps-to-a-successful-makeover

Rebranding just like evolution comes to us all: from our personal lives to relationships, and most importantly to our brands!  Rebranding is a necessary facet for the growth of every brand. Often times, there’s the need to break free and transform your brand to represent new values and mission in order to reach new goals […]

The post The Art of Rebranding: 7 Steps to a Successful Makeover appeared first on designrfix.com.

Top Prototyping and Design Handoff Tools for Designers

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/6FdF6zUL8wk/

The advantage of prototyping is that it allows designers to prove or disprove their concepts. Also, to fine tune their designs. And it can demonstrate how the final product will work once production is completed. Prototyping tools are used to simulate application flow, to test performance, and create a user experience.

In practice, designers use a variety of prototyping tools. Their capabilities range from simple to advanced.

Tools that support design handoff are relatively new on the scene. The available choices are still somewhat limited. Several tools that support both prototyping and handoff are described in this article.

When a tool of this type is right for your project’s workflow, it make’s life that much easier. And any one of the 5 presented here can easily make that happen.

1. Overflow

Example of Overflow

Preparing a design for product development purposes is seldom an easy task. Taking a design and presenting it in the form of a beautiful user flow diagram isn’t always that much fun. Not only are these diagrams traditionally hard to build, but they can also be a pain to update and maintain.

Part of the problem lies in that, until recently, a tool that explicitly specialized in user flow diagramming for designers hasn’t existed. Essentially one that makes it easy to connect between visual screens to illustrate the bigger picture.

Overflow changed all of that. Overflow is the world’s first user flow diagramming tool specifically tailored for designers; a tool that will significantly accelerate your user flow design diagramming process. You can sync your designs from Figma, Sketch, or Adobe XD, upload images and add shapes and connectors to create interactive user flow presentations that tell the story behind your design work.

Overflow is available on MacOS for a 30-day free trial. A Windows version is expected to follow at a future time.

2. Webflow

Example of Webflow

With Webflow, you can prototype anything from a website dashboard to a mobile app, and you can do so using fully-functional forms and real, dynamic content. That’s more than most prototyping tools allow — but there’s even more to come.

Because with Webflow, you can actually skip the handoff. It enables you to take your finished prototype and move right into the build and launch phases, creating a completely custom, production-ready website without any need for coding. HTML, CSS, and JavaScript coding is done for you.

When it’s time to launch, world-class hosting is available. It’s lightning-fast, hassle-free, and doesn’t involve any of the usual, cumbersome setup.

Plus, you can build your website or app from scratch, from a template, or by using any of a large array of community-created UI kits.

In short, Webflow is a single tool that could make much of your current toolkit completely obsolete. And who wouldn’t rather be using fewer tools?

3. UXPin

Example of UXPin

UXPin is a prototyping tool created to help reduce the time spent on design and development. Fewer tools, faster collaboration, shorter time to market. Manage design tasks, create a prototype that perfectly mimics the real product, collaborate on iterations, and hand off the project to the development team – all from one tool.

The perfect solution for both professionals and those who are just starting in design. Try the free plan and scale if need be.

4. Avocode

Example of Avocode

You can use this platform-independent tool to automate your project’s design handoff workflows, import and share design versions with team members and stakeholders, and turn Sketch, PSD, and other file formats like XD, Figma or Illustrator into code.

Avocode syncs and stores your design files in the cloud and helps you keep those files correctly versioned and organized; and you don’t have to prepare your files upfront in any way.

5. Savah

Example of Savah

With Savah at your fingertips, it’s easy to create an end-to-end journey for your web or mobile app projects. This is not your typical prototyping and design collaboration tool in the sense that it does much more than help you build a prototype.

Savah promotes collaboration and team feedback. And it also has a built-in design workflow and approval system that can immediately speed up your project’s design phase. Savah is free to use for solo designers.

Looking for an ideal prototyping and handoff tool?

While there’s certainly no shortage of tools and techniques for building prototypes, finding what you need can be a challenge. Simply because what you need depends on the task at hand, making that need a variable.

You could choose blindly or simply throw your hands up in despair, but you don’t have to do either. Just take the following into account when it’s time to make a selection:

The tool should make collaboration and information sharing easy.
It should have a shallow learning curve and be easy to use.
It should serve you well for low-fi prototyping, medium-fi prototyping, hi-fi prototyping, or if need be, all the above.
And, the price should suit your budget.

You also want to look at the pros and cons of any given tool, whether it’s for prototyping or design handoff, taking into account the following criteria:

Fidelity: How well does the tool support visual and interaction design?
Consistency: Does it have the necessary features to ensure design consistency in your work?
Accuracy: Does it enable you to strictly adhere to your organization’s “source of truth”?
Collaboration: Does it make collaboration and co-design activities easy to perform and manage?
Developer Handoff: What processes does it follow to generate specifications and assets for developers?

Remember, you’re not looking for the “best”. You’re looking for a tool that will do the job and do it well without placing any bothersome constraints on you or on your design.

Conclusion

You can save a ton of time and avoid a certain amount of grief by staying up to date with the latest tools and techniques. That includes prototyping tools and most certainly handoff tools. The handoff tools are a recent addition to a web designer’s toolbox.

Some tools can be used for virtually any project, unless or until they become obsolete. Usually you need to consider the task at hand when selecting one. The ability to work on a given platform or any platform should always be considered. Also, a possible need to integrate with other design tools should be considered.