Rss Bot

Zell Liew is coming to London! The talented front-end developer will run a workshop on building scalable responsive components at Generate London on 20 September and follow it with a talk on the same subject at the conference the following day. Reserve your spot now! The design world evolves super quickly today. New techniques and tools seem to come at you from every corner. One issue that bothers both beginners and experienced professionals is how to keep up with the insane pace. The solution hinges on two skills: the ability to choose what to learn, and the ability to learn it quickly. In this article I want to focus on the latter, and show you my five-step plan for speeding up the learning process. At Generate London, Zell Liew will present both a talk and workshop on building responsive components 01. Prepare for pain A hard truth we have to accept is that learning anything is difficult. Think about the time you tried to pick up the guitar or ride a bike. How long did you take? How many times did you fail? Did you give up? Many people (even myself) forget the path to learning is paved with confusion and pain. We want to believe we’re excellent humans with powerful cognitive skills. So if we fail to learn something quickly (like within a few hours), we give up and decide we’re not talented in this area. Once you realise that learning is inherently difficult, you can adjust your expectations. Then you can create a game plan that will help you get even further than you can possibly imagine. 02. Make a game plan Now it’s time for you to create a game plan to get you where you want to be. Your plan consists of four things: Why do you want to learn [insert thing here]? First, since learning anything is inherently difficult, you need to know why you want to learn whatever it is you’re trying to learn. The reason you give yourself must be strong enough to tide you through the initial difficulty. What’s the goal you’re aiming for (in this stage of learning)? Second, you want to create a tangible goal so you know where you want to be at your particular stage of learning. Don’t be afraid to set one that feels attainable, but is a stretch at the same time. Don’t aim for the sky, because you’ll fall and hit dirt. When you’ve achieved your first goal, you can create a new game plan and aim higher. What steps do you need to take to complete your goal? Third, if you’re taking on a completely new project, it might be worth spending an hour or two researching to see how other people have done it. You can then customise this path to hit your personal goal. The key here is practice – daily practice helps you remember things much faster. But how you plan is up to you. When do you intend to complete your goal? Finally, you want to give yourself a realistic deadline to complete your goal. If you can, create a timeline – this process will help you mentally prepare for the hardship in the days to come. While you’re at it, be willing to readjust your timeline if you foresee you’re not going to be able to hit your goal. 03. Don’t compare Don’t compare yourself with other people. This invites envy (if they’re faster than you) or pride and arrogance (if you’re faster than them). These emotions hinder your learning. Also, don’t compare yourself against yourself. You will unconsciously compare the speed at which you learn an entirely new skill with the speed you progress at something you’re already familiar with. You’ll feel like a snail. You’ll feel like you have no talent for the new thing. This is stupid. You can’t compare apples with oranges. 04. Focus on quality Focus on learning things well rather than moving quickly. Learning well means understanding the concepts behind what you’re learning; it means breaking concepts down into principles; it means no copy-pasting; it means working out your own solutions whenever possible so your brain has to get creative. Finally, it means you’ll be slower today, but 20 times faster two weeks from now. 05. Adjust expectations Accept that learning is an uphill task. You’re going to be confused. You’ll wonder if you’re untalented and worthless. You’ll think you’ll suck. Most people underestimate the emotional pain and quit. They give up. Don’t let that happen to you. This article originally appeared in net magazine issue 289; buy it here. Don't miss the opportunity to learn from Zell Liew at Generate London. If you buy a combined workshop and conference pass, you will save £95. Other workshops on 20 September feature Steve Fisher on running design and content sprints, Anton & Irene on idea generation and the selling of the idea, and - last but not least - Jaime Levy on user experience strategy. Related articles: How to network successfully: 19 pro tips 10 tips for building a killer portfolio website How to host a successful design sprint View the full article

Many web designers never think of using mobile apps to aid them in their work. But new mobile apps are being released all the time, and it’s easy to miss something that could profoundly change the way you work for the better. In this post we round up some of the latest new and newly updated mobile apps that could make your web design work more productive, effective and fun. And who wouldn’t want that? 01. Dribbble (iOS) It’s taken a while, but Dribbble finally has a mobile appFounded in 2009 by Dan Cederholm and Rich Thornett, Dribbble has become the go-to place for web designers to share sneak peeks (aka ‘shots’) of the designs they’re working on, and invite comments and discussions around them. But perhaps surprisingly, Dribbble has never launched a mobile app to complement the service... until last month. Available through the App Store for iPhone and iPad, the new Dribbble app is completely free to download. It provides interactions like double-tap to ‘like’ and pull to refresh, as well as faster browsing and iPad split screening, to make Dribbble easier to use on your devices. Additionally, support for Handoff means you can browse Dribbble on the go, then view the same content back at your desktop. Plus support for Universal Links means that all links to dribbble.com will open directly in the app, rather than the browser. 02. Sketch Mirror (iOS) Sketch Mirror lets you preview designs in real-time over Wi-FiIf you regularly use Sketch to prototype your web designs, and you have an iPhone or iPad running iOS 9 or above, then you’ll want to check out Sketch Mirror. This iOS counterpart app from Sketch allows you to preview your designs in near real-time on any iPhone or iPad over a Wi-Fi network, wherever you are. Sketch Mirror is optimised for the iPad Pro and supports Split View and multitasking. Through the Sketch Mirror overview, you can quickly browse between artboards on different pages, and if you lose your connection, the app will automatically switch back once it’s restored. Compatible with Sketch 3.8 and above, Sketch Mirror is available to download for free from the App Store. 03. Adobe XD mobile (iOS or Android) Adobe XD’s mobile app lets you preview your designs on iOS and Android mobile devicesReleased in preview in 2016, Adobe’s Experience Design CC – or Adobe XD – is a wireframing and prototyping tool that has quickly established itself as a key part of the Creative Cloud. And its accompanying mobile app lets you preview your designs on both iOS and Android devices. If you’re using Adobe XD on macOS, you can make design and prototyping changes on the desktop, and see them reflected in real time on all mobile devices connected through USB. Alternatively, both macOS and Windows 10 users can load Adobe XD documents from Creative Cloud Files. Just place your XD documents in your CC files folder on desktop, then load them into your devices using Adobe XD on mobile. The Adobe XD app is available to download for free from the App Store for iOS or via Google Play for Android. 04. 920 Text Editor (Android) 920 Text Editor is clean and lightweight, yet feature-packedThere are dozens of text editors available for Android, but 920 Text Editor is our favourite. If you’re writing code on a small screen, you want your editor to be clean, lightweight and responsive, and this one ticks all of those boxes. There are also some pretty nifty features: Multi Tab lets you open different files in different tabs for easy switching; you can lock the screen orientation into horizontal or vertical; and there are lots of cool shortcuts, such as using the volume keys to quickly switch the display or hide the toolbar. By default, 920 Text Editor supports CSS, JavaScript, ASP, ActionScript, C/C++ , C#, Erlang, Frink, HTML/XML/WML, Java, JSP, Perl, PowerShell, PHP, Python, and more. 05. Things 3 (iOS) Things 3 lets you bring together your to-do tasks and calendar events in one simple listUnless you’re one of those rare web designers who’s naturally super-organised, you’ll be needing a decent to-do app to stay on top of your projects. Things has been around for a while, but if you dismissed it before, it’s worth taking another look at the latest version, Things 3. Based on the productivity system known as GTD (Getting Things Done), Things was a big hit on its release in 2008, due to its clean UI and seamless integration with other services. But the latest version pushes its attraction further. The main highlight is a new integration with your calendar app (Google or otherwise), which means you can view upcoming tasks alongside your other commitments, appointments and reminders. Things 3 also shows your progress on tasks, through the visual metaphor of empty circles, which get more filled-in the closer you get to completing them. 06. Py (iOS or Android) iOS and Android app Py offers bite-sized lessons in codingLearning to code a new language, such as Swift or Python, doesn’t sound like a fun activity, but Py makes it so by turning it into a game. Offering more than 1,000 free lessons, this mobile app teaches you to code in bite-sized, gamified chunks, and there’s also a social element to encourage you to complete your training. Launched in 2016 on iOS, Py was launched this month on Android, although it’s not available in all territories yet. It currently offers you the chance to learn Python, Swift, iOS development, data science, HTML, CSS, SQL, JavaScript and Java. The app is free to download and use for a one month free trial, after which you’ll be charged $9.99 (around £7.70) per month to continue using it. Download it from the App Store for iOS or via Google Play for Android. View the full article

We’ve seen some amazing examples of questionable kerning in our time – but this tote bag from online fashion store BelleChic illustrates all too clearly what can happen when designers don’t pay attention to font choice, or legibility. The tote is meant to say: ‘My favorite color is glitter’. Unfortunately, as Twitter users have pointed out en masse, there’s an alternative reading – and it’s decidedly different. Is all publicity good publicity? We’ll let BelleChic be the judge of that. Related articles: 50 best free fonts for designers The 8 biggest typography mistakes designers make 10 new free fonts for 2017 View the full article

Learning how to paint a portrait isn't easy, but there are some steps you can follow to help you on your way. In this tutorial, I'll show you my process, from blocking in the shadows to developing the form and making each brushstroke count. Learning to draw and paint is a lifelong and fulfilling process, so learn to enjoy the journey. 01. Draw with a grid Experiment with different tints for your canvas and see what you prefer. There are no rules, just resultsI use a grid to create my drawing. I use pencil for the grid and when the drawing is done, I ink the important lines with a Micron Pigma Pen or India ink and then erase the grid. I also like to use a warm colour to start with. Bear in mind that the tint of your canvas will affect your final painting. Little patches of it will show through and add vibrancy. 02. Create an imprimatura on the canvas Your goal is to establish large shapes accurately. Squint or stand back a bit to assess the likenessThe imprimatura is usually one or two pigments that are thinly painted over a toned canvas. Here I'm using Raw umber and Light red. This is the stage to focus on establishing the shadow shapes. Don't worry about perfect edges and brushstrokes. This stage is simply about creating accurate shapes. Let the paint be a bit washy in places. The variation is interesting, and will show through and add depth. 03. Establish the colour in your oil portrait Let your shadows stay transparent and keep white out of your shadow mixtures. This will help you avoid "chalky" fleshNow we begin to establish the colour for the flesh. Look for middle values in the light side and avoid the highlights for now. Like Frankenstein's creation, parts are coming together, but it still looks a little monstrous. Don't panic – slow and steady work will win the day. Keep your flesh colours simple, using only two or three pigments. Keep the "mud" out of your colours by mixing with like-temperatures. You can neutralise your colours with a grey of the same value. 04. Define the figure's forms Don't let the edges of the lips become too hard. They should have a soft transition into the surrounding fleshNow that the colour and values are in place we can start to work the transitions from dark to light. Try to mix the right colour rather than blending on your canvas. This will train your eye and improve your ability to mix colour. Focus at this stage and aim to mix the right colour with each stroke. Remember not to lose the big shapes as you refine the forms. 05. Finish with style! Where flesh meets flesh, such as eyelid folds, the colour may be dark but saturated so don't use black. Instead, try Alizarin crimsonDon't be afraid to make artistic decisions throughout the painting process. You aren't a slave to your subject. I'll often add splashes of bright colour to the background and subject in the final moments. It adds vibrancy and is a lot of fun! This painting has a green/red palette that adds a strong energy. Analogous or monochromatic palettes are useful when creating mood. This article originally appeared in ImagineFX issue 149. Buy it here! Related articles: How to get started with oil painting 10 essential oil painting tips and techniques How to draw a face View the full article

You're reading How to Protect Your Design Work on the Internet, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! Are you worried about people stealing your designs after you publish them on the web? Web designers are faced with a “catch 22” situation. To attract new clients, they must showcase their work and put it on display on the internet. Yet, by doing so, they are more vulnerable to thievery. The possibility of people […] View the full article

Researchers have a devised a way to trick a web server into caching pages and exposing personal data to attackers. View the full article

There's a special kind of nostalgia that surrounds the fantasy and sci-fi films of the 1980s. Thanks to the impetus that Star Wars gave the film industry in the late-1970s, effects budgets grew and grew, but because CGI was a mere twinkle in John Lasseter's eye, the creatures and magic we witnessed were often handmade. They looked tactile, and films like The Dark Crystal and Time Bandits felt lived in and quirky, more like real life than a cold computer screen. Terry Gilliam drew the poster for Time Bandits himselfThese were the days before Photoshop too, and the movie wallpapers and posters that enticed us into the cinemas were largely hand-painted. A whole crop of genius fantasy artists caught our imaginations with their pencils, ink and paint, with three-sheet or quad-sized posters going up around town whenever a new fantasy picture was on its way. More than that, our nostalgia is tweaked on a deeper, more psychological level. Fantasy films back then weren't just a distraction from boredom. Generation Y and hipster haircuts hadn't been invented. Back then kids were worried. Reaganomics and Thatcherism were ravaging economies. People began to die of AIDS. Famines killed millions in Africa. And the Cold War promised mutually assured Armageddon. Renato Casaro’s poster for The NeverEnding Story captured the film’s magic using tempera and a bit of airbrushing on cardboardSo we gazed at Brian Bysouth's posters for Willow and Big Trouble in Little China. We were beckoned by the peculiar-looking Falkor, the luckdragon, on Renato Casaro's poster for The NeverEnding Story. Artists like John Alvin, Richard Amsel, Ted CoConis, Bob Peak and Drew Struzan gave us a gateway into imaginary realms. John Alvin was brilliant when it came to evoking a sense of mystery. John passed away in 2005, but his daughter Farah not only grew up alongside his work, but also appeared in it. You know the famous poster in which E.T.'s finger reaches out towards a human hand? She was a small child at the time, and that's her hand in the picture. The design of E.T was kept secret by the studio"Much of E.T. was kept top secret by the studio – not only the film itself, but what the characters and scenic elements looked like," she explains. "John was given a sketch of the alien's hand by a production designer to use for reference and then he took numerous Polaroids of my hand. "He used these photos and the reference for the alien hand to create a composite sketch and then, ultimately, the painting we all know. The design concept, borrowed from Michelangelo, came from the studio. All of the aspects of light and colour were ultimately a product of his creativity." Capture a film's heart and soul The Gremlin's illustration sparks the viewer's curiosity and pulls you in The Gremlins poster had to indicate that this cute creature had the potential to become horrible John would often say that his job was "to create the promise of a great experience" and he worked on the concepts of the posters as much as their execution. The artist sought to identify the key elements of a film – its heart and soul – to convey in a single, emotive image. With those little mogwai paws reaching out from under the shoebox lid, John's artwork for Gremlins is one of the most memorable of all time. "What was important about the Gremlins poster was to indicate that this cute, delightful creature had the potential to become horrible," explains Farah. "But the film is sort of campy and scary, not gory, so I think he had to walk a very careful line and play up the mystery rather than the horror. You can't help but look at this poster and want to know what's in the box! That curiosity is, of course, the downfall of the characters in the film. So this poster reels you into the spirit and tone of the movie quite beautifully." Richard Amsel’s poster for the 1982 re-release of Raiders of the Lost Ark perfectly embodies the film, conveying the characters, the intrigue and the whipGenerating intimacy with the observer is something a good painter can do if they have a unique style. Richard Amsel died of HIV in 1985, but his poster work for films such as Raiders of the Lost Ark, The Dark Crystal and Flash Gordon continues to resonate because the artist's hand is clear in the rendering of the images. Adam McDaniel works in a film studio, and is an expert on Richard's art. "His use of pencils was extraordinary, as he'd draw in all sorts of frenzied directions, while maintaining control and getting the details just right," says Adam. "He was very gifted in capturing personalities, too; it wasn't enough to make something look photorealistic." Intergalactic Kitsch The great Richard Amsel camped up the 1980 revival of Flash Gordon, the art deco elements effectively invoking its 1930's originsRichard's playful side came to the fore in his Flash Gordon poster. "The movie's called Flash Gordon, but it's Ming the Merciless who's front and centre, his penetrating gaze directed right at us, like a serpent ready to strike," says Adam. "But the guy's got mascara on, wears a sequin dress, and has a sparkly ring of power. It's all wonderful, kitschy, 1930s sci-fi serials, as seen through the foggy vision of a 1970s glam rock concert. Richard wasn't out to make it look serious. He was in on the joke, and made the film look like the silly fun it was." Richard Amsel used a number of layers in the Dark Crystal poster. The type is central, with the characters hinting at the story around itHis poster for Jim Henson's The Dark Crystal is stunning, and was innovative at the time. He centred the work around logo art created for the film by Brian Froud, who also designed many of its creatures. On one layer there's a piece of velum with a montage of strange characters. The castle housing the crystal and the broken landscape around it burst up from the bottom of the poster in front of the parchment. It speaks of mythology, legend, and a time long ago. Ted CoConis rose to the challenge of incorporating over 20 characters into the Labyrinth poster, and Jim Henson loved itJim Henson and Brian Froud also made Labyrinth together, and as with The Dark Crystal all the film's charm comes from its creatures and characters. This time, the artist Ted CoConis – who'd previously done posters for Fiddler on the Roof and Hair – was commissioned for the artwork. Supplied with the idea of the Labyrinth and a logotype for the movie, the challenge for Ted was to bring the key characters together without it looking too complex. The film struggled at the box office, but its poster is iconic and today it has a cult following. "Every single character is a work of art in itself: brilliantly conceived, masterfully constructed," says Ted. "In the end, Jim picked out a handful of key figures, and I was free to tie everything together with whichever ones worked best for the design. "I was completely free to do whatever I thought would work best in terms of concept and design. The only client input – which I had to override – was their insistence that Sarah be portrayed in blue jeans. That was completely inappropriate for the look and feeling of the painting as well as the movie itself. She simply had to be wearing the gorgeous gown she wore in that fabulous ballroom scene." Missing a touch of magic Today, it's easy to see photos of the characters being montaged together, much like the posters for The Lord of the Rings films. But where would be the fun in that? Renato Casaro, who painted over 1,500 posters during his career, including those for The NeverEnding Story, believes that without the hand of an artist, today's posters are often devoid of that touch of magic. "Hand-painted artwork died in the 90s," Renato laments. "To give you an idea of what we've lost, The Folkwang Museum in Essen, which is the most important poster gallery in Germany, organised a big retrospective including my movie posters. "During the exhibition they invited graphic design students to transfer my artwork into Photoshop, and use elements of my artwork to create new posters. The results were unsatisfactory; they were unable to capture the special magic that you need in particular for movie posters." How do we get some of that 80s magic back into movie poster art? Perhaps what some of these wonderful illustrators we've talked about here lends some inspiration. A sense of mystery and expectation, the return of a painterly feel, evidence of a painter's hand, and a fresh injection of character might just help us to escape the pressures of the 21st century, or at least feel a bit less like we're being marketed to. Artists, it's over to you! Scroll through the gallery below for more fantasy poster inspiration: This article was originally published in ImagineFX magazine issue 132. Related articles: Are movie posters in a design crisis? 27 stunning poster designs to inspire you 10 best movie posters from the 1990s View the full article

For many new creatives, once the degree shows have been taken down the first step in a design career is applying for design placements and interning within an agency. Thankfully, these are now far more comprehensive and involved than making tea (although that definitely helps) and shyly handing out post, silently praying you’ve remembered everyone’s names correctly. A lot of studios directly recruit their junior designers from internships, so we spoke to some top agencies about what to do to make sure you stand out from the rest, and how to have the best chance of getting hired full-time once your design internship finishes. 50 brilliant design portfolios to inspire you01. Do great work Wolff Olins designed the London 2012 Olympics branding to reflect “London as a modern, edgy city.” Wolff Olins’ senior designer Haigh says the company looks to hire people who might bring new skills to the team It’s likely that it’s a sparkling resume or design portfolio that got you the internship in the first place, but making superb, technically proficient, and beautiful work doesn’t stop when art school ends and your portfolio is done. It goes without saying, but it has to continue during the placement itself. “Ultimately, we are looking for people who create work that excites us,” says Wolff Olins' senior designer Alison Haigh. “We ask: Do they have skills we don't have? Do they look at things differently to everyone else here?” 02. Be respectful Supple Studio designed a set of postage stamps and products to celebrate David Bowie’s life for Royal Mail. Founder Ellul says being respectful – of the agency you're working in, and others – is key for making the right impression as an intern "As a small team it’s essential that everyone likes and respects each other. I don’t want to spend eight hours a day with people who annoy me,” says Jamie Ellul, founder of Bath-based Supple Studio and formerly of London’s Magpie. He warns against slagging off other design agencies that you might have previously interned at. “It’s a very small world – we all know each other,” he says. East London-based design, production and animation studio Animade offers rolling three-month placements to young creatives, and has a healthy track record of going on to recruit them full-time. According to Animade’s co-founder and creative director Tom Judd, it’s crucial that people “fit in and communicate. You have to have that closeness and connection with the team, as we’re so close knit.” Wolff Olins' Haigh adds: “Others will notice how well you respect the people and space around you, as well as the responsibilities you've been given.” 03. Be open, driven and willing to learn Gifts All Wrapped Up is a handdrawn animation created by Animade for Net-A-Porter, using Simone Massoni's 1930s-esque illustrations. Co-founder Judd says a willingness to connect with Animade’s close-knit team is important Once you’ve landed a placement, nobody expects you to know everything already. That’s what placements are for: learning and developing. So don’t be shy if there are things you don’t know how to do. “Be self aware enough to ask for help,” says Koto founder and creative director James Greenfield. Ellul agrees: “Honesty is the best policy – if you’re unsure, just ask for help. The best placement students aren’t afraid to ask for clarification or to raise a hand when they’re stuck.” 04. Get stuck in and have fun Anyways (then INT Works) worked with Uniqlo and London’s Tate Modern gallery in Spring 2016 to created the London Dreaming campaign. Anyways’ Green recommends interns offer to help with anything There’s a reason you want to intern at design agencies: because design is great, and designing can be fun, as can working in an agency. Greenfield looks for people who have a good sense of humour and “don’t need to work in silence.” Ellul agrees: “It’s important to have a laugh at work.” Getting the tea and coffee round is also a cliche, but one that’s there for a reason – caffeine is the route to a team’s heart. Making a round of drinks is a really good way to get to know all the people in the studio,” Ellul says, “It’s also a chance to look over their shoulder and see what they’re working on and start a conversation.” Callum Green joined Anyways (then INT Works) on a placement a few years back that since turned into a full-time role. He recommends always being proactive. “If you’re set a task and finish it early, ask if there is anything else you can help out with," he recommends. "You never know who you could meet from asking to help!” 05. Leave your ego at the door Supple Studio turned the Mr Men and Little Miss book covers into a set of eight stamps for Royal Mail, working alongside the characters’ illustrator Adam Hargreaves. Supple Studio founder Ellul says the best interns are full of ideas, not ego "The best interns I’ve worked with in the past are super keen to get involved, inspiringly motivated, full of ideas (good ones and bad ones), opinionated but ego-free and brave enough to think differently,” says Ellul. “For me, hiring is 50% talent and 50% personality. Even the most talented designer won’t get a job with us if they’re a bigheaded precocious prima donna." This means never, ever "look grumpy,” he says, even when “asked to do something non-designery (ie tidying the library).” Green adds: “Always be positive. There is nothing worse than asking someone to help you out on something and getting a Kevin-esque reply. You probably aren't there to do the fancy stuff, you’re there to help research, build decks, mock up designs.” Don't be like Kevin the teenager06. Bring the ideas For their first Pentagram project, Hudson-Powell and Powell created the identity for Resonate, an international festival of music, visual and digital arts in Belgrade, Serbia. They say they look for junior designers who come up with creative solutions on placement “Everything grounded in ideas,” says Greenfield. For Ellul, a great intern is one who “makes all the other designers in the room jealous” by “nailing a great idea for a brief that no-one else thought of – blowing away everyone involved.” London-based Pentagram partners Jody Hudson-Powell and Luke Powell say one of the main traits they look for in hiring a junior designer from a placement is “good thinking,” ie “someone who is good with coming up with creative solutions, or is good at thinking holistically about a project and is able to see beyond the little piece they’ve been given.” 07. Know the studio you’re working for A recent intern-turned-new hire at Animade designed his own version of frankenSim – a web toy that’s “a grotesque, pink-hued dissection of the human body” – for a tailor-made job application Animade recently took on an animator full-time following a placement, and his original application stood out head and shoulders above the rest as he created a completely tailored piece of work. The applicant had designed his own version of Animade’s web toy frankenSim, dubbing it frankIntern. “It was quite mind-blowing,” says Judd. “Greenfield agrees: “Since we started two-and-a-half years ago we have hired two interns. In both cases they seemed to instinctively know that extra thought things needed, the ideas that got us excited and how the family nature of our business is important to gel with,” he says. “Look at the work the studio already makes and work out the 90% of it you would do the same and the 10% you would change. Apply that thinking to the briefs they give you.” 08. Have other interests and lucky timing Koto created a new visual identity for Fanta, redrawing the logo and introducing a new colour palette. Founder and creative director Greenfield says Koto looks for people who are interested in brands of all kinds “Don’t come in all guns blazing. Avoid gimmicks and tricks and cheesy ideas. Be calm and don’t do wacky,” says Greenfield, who also looks for people who are curious about the world around them, and interested “in brands of all kinds and not just cool ones.” Ellul adds: “I look for people with talents and interests outside of the design sphere – playing a musical instrument, or an unusual hobby or interest. Interested people are usually interesting people.” Judd agrees. “It’s not necessarily that people need to be extrovert or have all-out charisma, as not many animators are like that,” he says, “but they have to get involved and be interested in things.” Sometimes, though, you can be that person with the great work, the great attitude, no ego/wackiness/lateness, but the fact is that right now simply isn’t your time. Sometimes, especially in smaller agencies, there just isn’t a job going. “Plenty of great interns haven’t got a job with us because there wasn’t a job to get,” says Ellul. “So hard work needs to be combined with a bit of lucky timing.” Now check out these related articles: 50 brilliant design portfolios to inspire you Best free resume templates How to start a blog: 10 pro tips View the full article

By itself, no tool can make you creative. But some can help you along the way, providing you with a burst of inspiration, a handy productivity boost, or even a whole new way of organising your creative process. In this post, we round up some of our favourite creative tools that should help you, whether you work in graphic design, typography, digital art, 3D, VFX, web design, illustration, art or other creative professions. 01. Adobe XD Adobe Experience Design is a great UX toolDo you love creating website mockups and UX prototypes in Photoshop? Us neither. Which is why Adobe has created Adobe XD, aka Adobe Experience Design. Basically Adobe's answer to Sketch, Adobe XD enables you to create, test and share mockups in an interface that's both easy to use and carefully integrated with Adobe's other Creative Cloud apps, both for importing assets and exporting your mockups. And with a ton of competition in this market, Adobe's left nothing to chance: it has really thought this one through. There are artboards for iPhone and iPad, as well as in custom sizes; built-in UI kits for iOS and Android; a repeat grid tool for adding lists of repeated items; a masking option for quick image insertion; an interactive prototype mode, which lets you connect different art boards together to mimic a user experience, and tools for sharing and getting feedback on your mockups. Assets from Adobe XD can be exported into both Adobe apps and third-party app creation tools. For more info, take a look at our Adobe XD CC (2017 beta) review. 02. Font Flame Swipe right! No, that's another app...Font Flame calls itself Tinder for Font Pairing. Yes, really. In the same way that the dating app aims to create human pairings, this clever little tool helps you come up with original font pairings to bring your design to life. Created by Jan Wennesland, Font Flames draws fonts from Google Font Library and puts them in random pairings that you wouldn't expect. Choose which ones you 'love' and 'hate', and the former will be set aside for you to revisit later on. At best, you could discover a typographic match made in heaven that will make your design sing. At worst, it's a marvellous way to relax on a long train journey. We're excited to find out what new features Font Flame 2.0 may include – stay tuned for updates. 03. Affinity Photo Affinity Photo is a genuine Photoshop alternative Is your Photoshop running slowly, or crashing a lot? Affinity Photo, one of the best Mac alternatives to Photoshop around, promises something better. This Photoshop rival promises faster speeds than Adobe's ageing warhorse, as well as other headline-grabbing features like one million per cent zoom and non-destructive editing. So far, the software has gained plaudits from the design community – not least, those looking for an alternative to subscribing to the Creative Cloud (it's on sale for a relatively low, one-off fee of $49.99/£48.99). If you like it, there's an Adobe Illustrator rival, Affinity Designer, to try out too. Originally Mac-only, Affinity Photo is now available on Windows, and there's a new iPad version that's attracting plenty of praise. 04. MozVR This VR toolset will get you started with virtual realityAffordable VR devices like the Oculus Rift and Google Cardboard are prompting creatives to ask if VR is the future of design. Enter Mozilla, which is determined to bring virtual reality to the open web. So it has released this great toolset that makes it easy for web developers to create VR experiences that run on any Web GL-enabled browser. Resources include a WebVR Boilerplate to help you get started, and A-Frame, a framework for creating new and imaginative VR worlds for your users to explore. As you'd expect from Mozilla, it's all very well explained, and completely free. 05. Lingo Lingo is a great time-saverNoun Project is a well-known website that lets you use symbols and shapes from designers around the world. And its Lingo app will put a smile on the lips of disorganised designers. If you spend much of your time at work hunting for design assets that you're 'sure you put in a folder somewhere' then Lingo is for you. Basically, rather than keeping everything on (cluttered and muddled) folders on your hard drive, it lets you drag and drop Photoshop, Sketch, Illustrator and Slack assets directly into Lingo for saving and retrieving later. 06. Stylify Me Grab some great colour combinations with this handy toolIf you see a font you like on a website, but don't know what it is, there's a great tool you probably know about called WhatTheFont. But what you may not have heard of is Stylify Me, which does the exact same thing with background colours, text colours, image dimensions and typography – not just the font but also style, size, leading and colour. In short, Stylify Me gives everything you need to reverse-engineer a website's design style guide. If you like the look of a site, then, all you have to do is enter the URL in the top search menu, and you can see all the design details, including the exact HEX values of the colours. You can even download all the info as a PDF. 07. Foundation for Emails 2 Responsive emails made easyOkay, so responsive HTML emails aren't a sexy topic. But far from on the wane, they're becoming an increasingly vital element in everybody's marketing mix. Creating them can be a pain, though, so web agency Zurb has put its thinking cap on and come up with Foundation for Emails 2. In short, it's a brilliant app that makes it easy to create beautiful emails that really work. Yes, even on Outlook... The app provides a fully flexible, responsive grid so your emails will look great even on small screens. There are also common UI patterns to draw on if needed, and because it's built with Sass, you can use variables, mixins and partials. Sweet. 08. Resizer You won't believe how simple and useful this is until you try itGoogle knows a thing or two about the web, so when it launches a web tool, it's probably worth checking out – especially when it's free. Resizer aims to help designers create responsive layouts, and it's a great example of a simple idea, smartly implemented. To use it, just paste the URL of a web page into the search bar, and Resizer will show you what that page looks like in a range of layouts. This should help you work out which layout patterns will look best for different screen sizes. For a long time, where to place responsive breakpoints in a design has been viewed more as a science than an art. This tool rights the balance, and gives you a way to combine the maths with your design eye, and provide an unbeatable visual experience for your multi-device-wielding users. 09. Bez Bez is optimised for Apple Pencil and iPad ProGot an iPad Pro? Feel that your current drawing program doesn't make the best of its capabilities? Bez is a powerful new vector graphics editor that aims to make it easier to create beautiful and precise art on Apple's tablet. With full support for Slide Over, Split View, Smart Keyboard, and Apple Pencil, Bez is squarely aimed at professionals designing high-quality illustrations. It's free to try out, while a single 'Unlock Everything' in-app purchase enables all premium features, including Boolean shape operations like combine, subtract, intersect, and exclude, and 4,096% pan and zoom for more precise edits. 10. OpenToonz This pro-level animation software is now open sourceThe animation software used to create Studio Ghibli films, as well as TV shows such as Futurama and Steven Universe, Toonz has been around for a while. In 2016 it went open source, released as a free download under the name OpenToonz. As you'd expect, this powerful 2D production animation software is top of its class and brilliantly flexible – able to work with both traditional, handdrawn animation and purely digital animation. And because it's open source, you can modify the code and develop it in a way that suits you. Related articles: Review: Adobe Creative Cloud 2017 iOS 11 preview for designers: release date, news and specs Our latest tools posts View the full article

You have plenty of stress in your life. How much of it is caused by your phone? Forget all your notifications for a little while and let your phone get your mind right with Welzen, the ultimate meditation app. Get a lifetime subscription on sale now for 67% off. Welzen is the best way to get a little more zen in your life. This simple meditation app can help bring mindfulness to your day in a way that fits your modern lifestyle. No matter where you are, you can always open Welzen and get a personalised meditation experience that will help you relieve stress and anxiety while keeping you focused. You'll get new lessons every day that will help bring a little peace to your busy life. A lifetime subscription to Welzen usually costs $149.99, but you can get it on sale now for just $49 (approx £38). That's a saving of 67% off the retail price for an app that will make your days better, so grab this deal today! View the full article

It was big news yesterday: Microsoft Paint looked as though it was to be killed off, when an upcoming Windows 10 update showed that the basic graphics editing program was set to be either removed or no longer developed. First released back in 1985 – with the very first version of Windows 1.0 – Paint is a familiar app to anyone who grew up in the 80s and 90s. It's provided generations of would-be designers, illustrators and artists with their first taste of digital creativity. So it isn’t surprising that the quiet suggestion of its demise was enough to kick up a huge fuss among creatives – both professional and hobbyist – worldwide. Now, Microsoft has announced that the original art app isn’t going anywhere. It won’t remain on Windows 10 by default – but it will soon be available for free on the Windows Store. “Today, we’ve seen an incredible outpouring of support and nostalgia around MS Paint. If there’s anything we learned, it’s that after 32 years, MS Paint has a lot of fans,” said Megan Saunders, general manager, 3D for Everyone Initiative, Windows Experiences. MS Paint’s successor is Paint 3D, which will be available for free with the Windows 10 Creators Update. Related articles: Has the MS Paint look finally become hip? New Microsoft Paint lets you create in 3D 50 best free fonts for designers View the full article

Website mockup by Ian Pilon Asking 'What’s the best way to build a website prototype?' is like asking 'What’s the best way to make a website?' There is no single 'best' way. Each individual prototype, like each individual website, has its own styles, objectives, and strategies. In this article we’ll explore three of the most common website prototyping methods: presentation software (mostly for beginners), coded prototypes (intermediate to advanced), and specialised prototyping apps (for all levels of expertise). Explained: all you need to know about mockups, wireframes, and prototypes01. Prototyping with presentation software Keynote is becoming increasingly popular for building prototypesFor starters, there's the traditional PowerPoint, a reliable business staple that has been used for presentations for over two decades. If you're looking for a more modern alternative, Keynote is rising in popularity. Let's take a look at the pros and cons so you can make an educated decision. Pros of prototyping with presentation programs Familiarity: You know the basics, and it's not that hard to learn more advanced features like animations, slide transitions, and linking slides for interactions Basic element libraries: Thanks to simple wireframing libraries like Keynotopia, you can quickly create low-fidelity wireframes and then link them together for a clickable prototype Natural linear flow: The slideshow nature of these tools takes you through a sequential user flow, which forces you to think about the experience aside from visuals. For more advanced users, you can link slides in complex ways that go outside the linear progression Cons of prototyping with presentation programs Limited scope: As described in UXPin's free ebook The Ultimate Guide to Prototyping, once you start playing around with advanced user flows and interactions, you've basically hit the limit of presentation software Limited collaboration: Most presentation software doesn't offer any collaboration (except for Google Presentation). The trade-off is that collaborative presentation software lacks interactivity, graphics manipulation, shapes, text, and colour options that make them worthwhile for prototyping. If you want to collaborate without compromise, stick to a prototyping tool Limited flow charting: Although it is possible to communicate advanced user flows, it's not easy to do and sitemaps aren’t linked to the prototypes as they are in dedicated prototyping software Limited interactivity: Resourceful users can get pretty far if they use all the features in Keynote or Powerpoint, but if you're going to go to all that effort, it might be easier and more effective to switch over to something specialised If you'd like to learn more, Keynotopia has some basic prototyping tutorials for Powerpoint and Keynote. 02. Coded (HTML) prototyping One of the biggest questions designers have about creating a website prototype is whether or not to use code. This uncertainty stems from some designers' lack of comfort with coding: they either don’t know how to do it, or don’t like doing it. When compared with the more fun and intuitive method of using a prototyping tool or even sketching by hand, writing code can feel tedious. Today there are more reasons than ever to start coding early. The 'I design it, you build it' waterfall mentality taken by designers in the past has become outdated as technology advances in large strides and collaboration becomes mandatory. There are a few distinct advantages of prototyping in code, mostly owing to the fact that you’re starting the design in something that resembles the final form. Pros of coded prototyping Platform-agnostic: HTML prototypes work on any operating system, and nobody needs outside software to use it Modular: HTML is component-based, which can help with productivity Low cost: There are many free HTML text editors, but you'll need to spend some time learning the language before it's helpful (or using this HTML cheat sheet) Technical foundation: Provided you're creating production-ready code (and not just throwaway for the sake of a quick prototype), you can end up saving time in development Coded prototypes can be built in a variety of ways, but HTML is perhaps the most popular. Of course, the real consideration in deciding whether or not to use code in your prototype is your skill level. Not all designers have the ability to code, so don't overextend yourself unless you're technically confident. Furthermore, diving straight into code may inhibit creativity – ask yourself how many interactions and page flows you can create with 30 minutes in a prototyping tool versus a code like HTML or JavaScript. 03. Using prototyping software and apps Eager to dive straight into a computer program that's an actual representation of your idea? The beauty of prototyping software and apps is that they're specifically designed for this purpose, so they provide the perfect balance between functionality, learning curve, and ease-of-use. Both beginner and veteran designers use specialised tools like the ones below – beginners for the ease-of-use, and veterans for the controls crafted to their particular needs. A tool like UXPin can help non-coders build working prototypesThese tools vary in their capabilities, with some being better attuned to certain situations than others, so it’s best to find the one best suited to your needs. To start on your search, you can check out tools like UXPin, InVision and Omnigraffle. Take a look at our list of the top 10 prototyping tools for more. These tools have an advantage in that they are built specifically for wireframing and prototyping. Once you learn the basic features, you may find it even faster to prototype with these versus traditional methods like paper prototyping. Pros of using a dedicated prototyping tool Speed: Power users can work in specialised tools even faster than paper prototyping because they can create, copy and produce advanced interactions with just a few mouse clicks Element libraries: While tools like InVision are great for quick clickable prototypes that link together multiple screens with simple interactions (like click and hover), other tools like UXPin come with built-in element libraries (and let you create your own for repeated use) Advanced user flows: Flow and functionality are the most important aspects of prototyping, and most tools come with these features built-in. Most also enable you to generate sitemaps as you create new screens, and let you view them side by side for easy navigation Built-in collaboration: Many dedicated tools put collaboration front-and-centre, including the ability to comment on designs, edit them as a team, and share them via URL. The best offer revision history and cloud storage to simplify your workflow by making it device-agnostic Streamlined presentation: This can mean exporting to PDF, or exporting to a web or mobile app for a real prototype experience Like anything in life, if you've never used it, you'll need to learn it – so it will likely take you some time to become familiar with the tool you choose. However, many app designers work to make the learning curve as shallow as possible. Choosing a prototyping method To take a stab at the question 'What is the best way to prototype?', we'll go with the answer: 'Whichever way works best for you'. That’s not a euphemism for 'Whichever is easiest' or 'Whichever requires the least work', though. The best way to prototype is the way that, for you, will produce the best results. You must consider the specifics of both the product and the design team. Which platforms and methods are the designers and developers best at or most comfortable with? What are the specific goals, time frames, and limitations involved with the product you're working with. Knowing where you’re going is the most important part – we're just explaining the different routes to get there. For more practical advice on low or high fidelity prototyping, download the free Guide to Prototyping. Learn how and when to use different prototyping tools and tactics, with best practices from Zurb, Google Ventures, IDEO, and many more. Related articles: Rapid prototyping using Photoshop CC All you need to know about mockups, wireframes, and prototypes Why enterprise designers should care about UX View the full article

The design sprint, a five-day process for solving, prototyping and testing design problems, was first brought to prominence by Google Ventures and quickly adopted by teams all over the world to improve their products and ultimately their businesses. Steve Fisher, the founder of Canadian UX, content strategy and web technology consultancy the Republic of Quality, however, noticed one thing was missing from the sprints he saw: content. “There are big benefits," he explains. "A sprint allows you to leap ahead and see what’s possible without having to spend too much effort and time. But we found people weren’t really talking about content design and how that would help the product.” Work across disciplines Getting out of our silos and learning from each other was key for bringing content and design together Steve Fisher Initially, the clients that Fisher pitched the sprint process to were sceptical. It seemed expensive. You needed to allocate four to six people and up to a whole week for it to be successful. However, they soon saw the advantages – especially in content and design, which are at the core of the Republic of Quality ethos. “Every single time those companies would see a huge saving and gains by the end of the project, because we had done sprints,” Fisher enthuses. “Once that word gets out, it’s pretty compelling.” The team tackles a lot of tricky problems in large organisations – the key, Fisher asserts, is working together. “There are so many times when teams are separated physically and departmentally. Often, the only time that people of different disciplines come together is when they hand off their work. Getting out of our silos and learning from each other was key for bringing content and design together.” Interdisciplinary collaboration is one of the big benefits of the sprint methodology. The team might consist of a UX professional, a content strategist, someone from IT or a developer, a marketing person and the business owner or someone who has the authority to make business decisions. These teams are a mix of client and vendor or in-house teams. First, become a team The first thing Fisher does in the sprint is to establish a framework that allows everyone to work better together as a team, so they can come to an agreement rather than having to compromise on decisions. “Compromising is easy, ” Fisher explains, “but it leaves behind this terrible underground river of conflict.” In contrast to GV’s strict approach, Republic of Quality’s sprints tends to vary in length, and will often last just three or four days. “We focus a lot more on content design, to really understand the complexities, ” he explains. “We might spend the first day digging into the ‘who are you?’ and ‘what’s the problem here?’ Then it quickly becomes about sketching out ideas, so at the week’s end we have a working prototype to test.” Steve Fisher will host a workshop on running design and content sprints at Generate London and will present a brand new keynote on how our products can change the world for the better. Get a ticket for both and save £95! Use external testers Fisher and his team work with a lot of provincial governments and large municipalities in Canada, as the sprint approach is beneficial to organisations that have complex problems and a huge scale. One project saw the team tackling a four year-old site that encompassed 20,000 pages and more than 100 content authors. With such mammoth projects, sometimes the result can be completely different to what they initially anticipated. For example, when working on a sprint to make a building permits app responsive, the team discovered that particular app needed to be combined with three other apps in order for people to really want to use it. “If we bring in external people, who are actually using products, to test and give feedback during these sprints, then we can find the real problem we’re trying to solve. That can be discovered quickly, but only if we bring in diverse perspectives and people from outside your group. We walked away having developed a much better product. It was a turning point for that government.” Steve Fisher juggles running a consultancy, his own conference and speaking across the worldTest early and often The prototype towards the end of the sprint is often created with Bootstrap or something similar, which is user-tested the following week. Fisher’s approach to user testing is to test early, often, and in bite-sized chunks. “If you test more often with smaller groups, you’ll discover 80 or 90 per cent of the issues right away. When your team witnesses someone struggle or succeed with your product, it’s very powerful. It changes hearts and minds.” A personalised approach can also have a big impact. “We like to go to people when we can, see them try something out and walk through everyday tasks in their environment, or make it as familiar as possible. If I have a MacBook with me and someone’s used to a PC, I’ll use a regular mouse and change the scrolling to what they’re used to. Little details like that make a difference when user testing.” Fisher argues that often we get too bogged down in our tools, and sees the current fragmentation of tools as a big problem for web industry. The likes of Grunt, gulp and webpack might work for some people, but don’t fit well for others. “There’s this sense you have to learn all the things, now, which can result in too much distraction,” Fisher laments. “It’s essential to be a lifelong learner, but we also have to learn focus and accomplish our tasks. There are so many things out there for us to know and learn and keep track of.” He suggests designers and developers view the situation as an opportunity to discover products that will help them in their workflow. “We should talk openly about how we work. If we share with others what kind of system we develop with, for example, it will help our community learn.” Embrace diversity Another, perhaps more persistent, issue plaguing the web industry is its lack of diversity. “It’s probably not going to change for a long time,” Fisher sighs. “We don’t have nuanced teams because we only have a narrow amount of voices in a lot of companies, and especially in leadership.” Fisher points out that the different voices, perspectives and ethnicities represented was what attracted him to net’s Generate conference. When conferences embrace diversity, everyone who comes across that event – in person, on the website, on social media – can see they themselves are represented on that stage. “White dudes in the tech and design industry never go through ‘rep sweats’. They never feel they’re not represented,” Fisher notes. “We’re represented everywhere! If you’re a person of colour in America, you’ll have a different experience in life, and you won’t have the same experience of privilege.” Steve Fisher loves his dogs – for more on Sloane the Vizsla, check out our article on design studio dogs The web industry needs to continue to acknowledge its diversity problem. “Most people of privilege, white folks like me, get more opportunities more easily. I’ve seen that in my own life. It’s important I use my privilege to help the less privileged, the vulnerable in society, and not myself.” It’s no surprise diversity is a crucial ingredient of Fisher’s own conference, Design & Content. But this was not always the way. “When we organised the first conference, we had more women than men speaking, but one perspective producing the experience. A white perspective, which resulted in 80 per cent of the speakers being white. We were well intentioned, but we messed up,” Fisher admits. “It wasn’t until someone challenged us on the lack of diversity in our speaker roster that we recognised we needed to do better.” We need teams that represent a true picture of diversity we see in the world Steve Fisher Fisher decided to address the problem by putting together a diverse production team for the event, including people from a range of gender perspectives, backgrounds, ethnicities and age groups. Everybody has an equal voice and everyone is paid for their time. The process is documented on the studio’s blog. “It changed everything for us. One of our team has mobility issues and attends the conference, so her perspective helps us plan for others. I wouldn’t have known; my biggest mobility issue is that I’m 40!” Fisher believes that introducing a similar focus on diversity and inclusion into tech firms would make a big difference to how these companies work. “We’d have the possibility of teams that represent a truer picture of diversity we see in the world,” he says. Diversity, it turns out, can improve every aspect of our industry, from product testing to conferences. The more diverse your company, the more views you can use to inform your product design and content decisions, which ultimately will result in happier (and more) customers. This article was originally featured in net magazine issue 291. At Generate London in September, Steve Fisher will appear alongside 16 other speakers from the world of web design, including Brooklyn-based design duo Anton & Irene, progressive enhancement pioneer Aaron Gustafson, and performance expert Patrick Hamann. You can also choose from four workshops: Running Design & Content Sprints (Steve Fisher), Building Scalable Responsive Components (Zell Liew), User Experience Strategy (Jaime Levy), and Concept, Create, and Sell! (Anton & Irene). View the full article

Researcher Paulos Yibelo said that Dashlane elected not to patch a vulnerability he disclosed more than a year ago in all versions of the password manager application. View the full article

Brand voice covers not only a company's tone of voice and the language used in its communications, but also what content and messages a brand shares and prioritises. 'Tone of voice' is the phrase you find in most brand guidelines, when you get to the section about language. But 'tone of voice' is only half the story and half the battle. After all, it covers how you speak, but fails to mention what you say. Video: Branding pros share how they nail brand voiceYour tone is all about the character that comes through in your language. Whether you say, 'Welcome, Ms Jones, how can we help you today?' Or, 'Hi Fran, what can we do for you?' Or, 'Come on in, Francesca, you're going to love this. Those choices tell audiences about the personality of your brand, making it more (or less) engaging. And that matters. A lot. But it misses out the content of your messages. When a new customer arrives, do you tell them you've been a trusted name in this industry for 150 years? Or that you've been voted Britain's Nicest Place To Work three years in a row? Or that you've just transformed investment banking with your new app? All three could be true, but how you prioritise them – and whether you mention them at all – will be just as critical as your tone when it comes to how you're perceived. That's why at Reed Words we prefer 'brand voice'. (That, and the fact it's the clearest, least pretentious term we can find.) British Heart Foundation's brand voice is positioned around 'Fight for every heartbeat,' and uses direct and clear messages to get its point acrossStyle is critical, of course: phrasing, formality (or lack of it) and whether you use quick, choppy sentences or long, flowing ones are all important aspects of a voice. But substance is just as vital. What does the brand want to achieve? Who are its competitors, and what are they saying? What is the audience looking for – and what can we say to persuade them we're the place to get it? A fully-fledged brand voice that balances tone and content is a strategic tool as well as a creative one – a red thread that runs through every touchpoint of the brand, if you like. And these days, that brand voice matters more than ever. Brand voice works as brand glue As we all know, brands project themselves in more complex ways than ever. You can now encounter an organisation in a tweet, live chat or Facebook post as easily as a TV spot or poster. Gone are the days when 'identities' could be 'managed' with a book full of logo sizes and Pantone numbers (if they ever really could). Brands now have much less control over how they appear. Often, they're embedded in someone else's platform – their own 'look and feel' becomes subject to someone else. So anything that can create that crucial 'red thread' through every touchpoint becomes an extremely valuable tool. Brand voice does that just beautifully. Twitter is an obvious example. On a mobile app, @Nike looks pretty much the same as @adidas. The two obvious differences are the logo – and the language. Looking at the two feeds, @Nike's copy is strikingly short, sharp and active – even in conversation. Very 'Nike', in fact. As I write, its most recent tweets (all @ replies) say: That's a pretty consistent voice – and we can probably all agree which is the weak link. The last one, by the way, is in response to a photograph of a Nike-swaddled baby. And @adidas? Again, here are the latest five tweets at the time of writing (all @ replies again): Apart from the obvious decision to end every tweet with an emoji, this voice doesn't seem as sharply defined as Nike's. You could reverse engineer some basic principles based on the Nike list. And many readers could probably guess the brand from those tweets alone. Both would be trickier with adidas. The point is, Nike's brand comes through powerfully, with zero visual support. That's voice as brand glue. If you can get the same tone and messaging running through your ads, tweets, app, website, packaging, and everything else, it reinforces the brand at every encounter, wherever it happens. That's not easy to achieve, obviously. In fact, once you get to any sort of scale, it's bloody hard. But it's a tremendously powerful asset. And brands have finally woken up to it – big time. Rewriting the rulebook? In a way, none of this is particularly new. The fact that you should change what you say and how you say it depending on what you're writing is kind of obvious. It's not like Bill Bernbach wrote every VW ad a different way. And David Abbott didn't write for Sainsbury's the way he wrote for the RSPCA. Copywriters – and audiences – have always understood that brands have personalities, which their voices should reflect. Even so, it's taken a long time for 'brand voice' to move from that sort of intuitive, background assumption into more of a recognised discipline. Perhaps that's because writing is one of those crafts that's easily overlooked. The best writing is often almost invisible. As George Orwell famously said, it's like a window pane: revealing its subject with beautiful clarity, but never drawing attention to itself. Simple calls to action paired with bold, clear images helped transform the way Alzheimer's Australia was seen by both citizens and the Australian governmentWriters don't help, to be honest. We tend to be a quiet bunch – very good at grumbling in pub corners about how little people understand or respect writing, but perhaps less brilliant about really getting out there and promoting it. Despite all that, voice has slowly edged into the branding limelight over the past 20 years or so. It's still establishing itself in many minds (and budgets), but we've come a long way from: 'Here are the layouts, can you just fill in the text boxes please?' How copywriting discovered its voice Looking back, things seemed to really get moving in the latter half of the 1990s. For me, a few points along the way seem especially relevant. First, in 1995, there was Howies. The clothing brand's clever use of copywriting fitted its products and catalogues perfectly, and helped take the brand to a new level – with customers becoming fans, not just consumers. In 1997, Interbrand gobbled up legendary British design firm Newell and Sorrell – swallowing, in the process, a chap named John Simmons. A passionate believer in the power of words, Simmons was frustrated that this side of the brand equation was so overlooked. He coined the phrase 'verbal identity' (an equal partner to visual identity), and built a division at Interbrand to offer it. That he could do this – that a major agency would support it, and clients buy it – was another big sign that words were gaining new currency in design and branding. The identity for Birmingham Hippodrome – by Purpose, in collaboration with Reed Words – was informed by the idea of 'a stage for life'Innocent burst onto the market in 1999, and as anyone who's attended a brand voice workshop knows, it changed the world. As its writer and head of brand, Dan Germain, has said, Innocent was a social brand before social media even existed. It even had its own hugely popular festival, Fruitstock. And arguably, it was Innocent's unique voice – silly, jolly and almost never about fruit – that was a massive contributor to its success. In the same year, D&AD recognised the emergence of Writing For Design with a new award category of that name. And in the years since, brands and consultancies have rapidly become more sophisticated in the way they use – and commission – writing. They've started involving writers at much earlier stages of branding – which makes sense, when you think about it. When you're trying to boil a complex offer down to a two- or three-word essence, it's worth having a wordsmith in the room. More and more, brand writers are doing what they should have been doing all along: helping shape and crystallise the strategies behind brands, as well as developing the guidelines and communication. The packaging for the Simple Value Argos range uses short and snappy copy to reflect the simplicity of the goods, and the honest tone reflects the products' solid quality and good valueLooking to the future Looking at the examples we've covered, it seems brand voice can be useful in everything from clothing to charity to chatting to customers on the phone. As as far as we can tell, the future looks rosy for brand voice. (Unless it's just our spectacles.) Partly, it's because of a need for coherence in an increasingly omnichannel world that never switches off. But it seems there's also a deeper recognition of how powerfully words can capture subtle, complex ideas in clear and compelling form. And as brands find more ways to talk (think artificial intelligence, for example), their voices can only become even more important in the future. This article originally appeared in Computer Arts issue 266. Buy it here! Related articles: Branding pros share how they nail brand voice The designer’s guide to using colour in branding Why the SYFY rebrand avoided traditional genre visuals View the full article

In 2017, exactly 60 years after the Moomins were created, a new Moomins animated TV series has surpassed its crowdfunding target, a Moomin Museum has opened and the first UK retrospective of Moomin creator Tove Jansson's stunning book illustrations and art has been scheduled. To celebrate all of this Moomin excitement, we headed to Finland to find out about the artist, her characters and the new Moomin reboot. Sitting in the late Tove Jansson's studio apartment in Helsinki, her niece – Sophia Jansson – is wondering how the Moomins artist survived with no kitchen in her home. “I suppose she lived on a diet of coffee and cigarettes,” she jokes. There are half-finished paintings and an abundance of books scattered across the modest living space, which comprises a bedroom, an open-plan living area and a mezzanine. Sculptures of Tove Jansson as a young girl, created by her father and fellow artist Viktor Jansson, are dotted along the shelves, and the steeple of the local church can be seen through the window. Jansson created the Moomins towards the end of World War II, eager to escape the monstrosities of everyday life The artist resided in the apartment for almost 60 years, after moving in 1944. Her life partner, fellow artist Tuulikki Pietilä, lived in the same building. While the pair didn’t hide their relationship, it was illegal to be gay in Finland at the time. Sophia Jansson tells us how the couple would often work on their projects in their homes and then join each other for breaks – for coffee and a cigarette, perhaps. Jansson originally created the Moomins towards the end of World War II, eager to escape the monstrosities of everyday life at that time. These characters went on to become one of Finland’s most beloved brands – and one of its most profitable, garnering over €700m in Moomin-related sales every year. The Moomin Museum contains the very first Moomin comic strip that Jansson ever drew, published in 1947 It’s no surprise then, that the world’s first Moomin Museum opened its doors in June in Jansson’s native Finland. Based in Tampere, the museum boasts 300 drawings and paintings and 30 tableaux, donated by Jansson before her death in 2001, alongside work by modern Finnish artists. An immersive and interactive experience, it’s testament to the Moomins’ longevity. So why do these little characters continue to inspire? Timeless illustrations and stories There’s a reason why the Moomins have stood the test of time. The strong moral messages of the tales, teamed with timeless illustrations and universal themes have allowed Jansson’s stories to reach far beyond Finland’s shores. Gutsy Animations’ creative director Tuomas Korpi – who is currently working on the all-new Moomin animation series – says it’s these universal themes that keep the Moomins modern. “The issues in the stories are universal, and the storylines combine the fantastical and the everyday so perfectly,” he says. The Moomins stories have stood the test of time There’s magic in everything Tove Jansson created – both the stories and the illustrations Jonna Uhrman “The characters are relatable, too – there’s an adventurous little Moomintroll in all of us, but sometimes we’re scaredy-cat Sniff,” adds Gutsy Animations designer and illustrator Jonna Uhrman. “And the family are so warm-hearted, you wish you could visit them. The stories are full of positivity and hope for the future, although there’s always an edge.” Jansson’s work continues to inspire Finnish designers today. “Her original artwork is so deeply impressive and well put together. There’s magic in everything she created – both the stories and the illustrations,” continues Uhrman. “There’s no doubt that she has had an impact on Finnish design and illustration – we’ve all seen and read her stories. In fact, I don’t think I know anyone who hasn’t or who isn’t a fan.” “She is one of the few Finnish artists who have made it big internationally, and that alone is quite inspiring,” Korpi adds. “It makes people feel like success on that level is possible.” Tove Jansson the rebel In one of her very first paid commissions at the age of 15, Jansson openly mocked Hitler and Stalin Jansson was a rebel with a creative cause. She went against what was considered the norm and in turn, produced characters that every person around the globe could relate to. In one of her very first paid commissions at the age of 15, she openly mocked Hitler and Stalin in caricatures for liberal satire magazine Garm – a bold move for a country in the middle of a war. As we mentioned before, Jansson was also in a relationship with fellow artist Tuulikki Pietilä at a time when being gay was still illegal in Finland. They worked on a huge range of projects together, with many of their collaborative tableaus on show at the Moomin museum. Themes of acceptance and inclusivity run through the storiesJansson brought this rebellious edge to her Moomins – creatures who took a chance on life and opened their hearts to the unknown. There’s Little My and Sniff, who live happily in the Moominhouse despite not being related to the Moomins. There’s also the philosophical thinking of Moominpappa and the wandering vagabond Snufkin. And of course, there are all the life-changing adventures the Moomins embark on, never giving into fear and turning back. Jansson not only created Moomintroll and his parents, Moominmamma and Moominpappa, but a whole range of characters with a depth and charm of their own. The Moomins are all about acceptance, with Moominmamma ensuring that the Moominhouse is always a safe and loving place – both for her family and for visitors. These characters can inspire others, not just morally, but creatively, in terms of ensuring diversity. Like Jansson, it’s important to include things that aren’t always the norm. Giving nature a platform One of the biggest characters in Jansson’s work is not really a character at all – Moominvalley is perhaps one of the lushest and most visually stunning environments an artist and author has ever created. “Nature features so largely in her artwork – forests, islands, seas – which is partly a Scandinavian thing, but Tove always made them more exciting and exotic,” Korpi says. This Scandinavian influence runs throughout Jansson’s work, with Moominvalley mimicking Finland’s lush forestry. The Moomins Museum shows off its magical landscapes“One of her characters might wander into a normal-looking forest, but then stumble on impossible, giant flowers and a crocodile – not things you would normally expect to find. She created places that I wanted to visit, places that were familiar but new,” Korpi adds. Tampere, where the new museum is based, is a quaint city that sits between the Näsijärvi and Pyhäjärvi lakes, with the Tammerkoski rapids in between. You can spot the water (and its floating saunas) from the Pyynikki observation tower. Inside the Moomins museum On entering the Moomin museum, you're surrounded by the sights and sounds of another world. Due to the delicate nature of Jansson’s work – it’s mostly sketched on paper – the lights must be kept low, which only enhances the mood of escapism. One moment you're standing in a giant Hobgoblin’s hat, watching a flower spawn from your silhouette; the next, the sound of a comet shoots across the room as you stand below a fire-coloured glass sculpture. The world’s first Moomin museum opened its doors in JuneThe winter area offers a quiet, reflective atmosphere as digital snow falls in front of giant pebble-shaped seats, while an extraordinary Moominhouse tableaux takes attention to detail to the next level. One particular gem is the area created for visually impaired visitors, where attendees can feel what a Moomin looks like. The new Moomins animation Retelling the stories in a new medium – that is, cutting-edge animation – will create a new audience Tuomas Korpi The new Moomin animation series that Korpi and Uhrman are currently producing is testament to the Moomins’ versatility. “Retelling the stories in a new medium – that is, cutting-edge animation – will create a new audience, introducing more people to Tove and her incredible body of work,” says Korpi. “Plus, we need her stories of a humane and tolerant world more than ever.” “Love, peace and solidarity – there should always be room for those kinds of messages!” adds Uhrman. Gutsy Animations ran a crowdfunding campaign that raised over $250,000 towards the visual development of the new animation, and the Finnish production company will be joined by a team of award-winning British Oscar-, Emmy- and Bafta-winning designers, animators and illustrators. Using an innovative 2D/3D hybrid technique, the animation will be modern, while also paying tribute to the traditional aspects of Jansson’s work (as the video above shows). The all-new 52-episode animation series is set for release in spring 2019, directed by Academy Award winner Steve Box (Wallace and Gromit: The Curse of the Were-Rabbit). If the museum and animation aren't enough, Moomin fans can also grab the first Moomin novels in Special Collectors’ Editions in October 2017, released to coincide with the opening of the Tove Jansson retrospective at Dulwich Picture Gallery in London. The Finn Family Moomintroll book will even include the original fold-out map of Moominvalley, says publisher Sort of Books. Read more: Pro tips for illustrators How to break into children's illustration 23 stunning book illustrations Iconic Moomin artist illustrates Alice in Wonderland View the full article

This year's San Diego Comic Con has already impressed designers thanks to the stunning visuals for the Thor: Ragnarok poster. But another film that's been getting a lot of attention is Ready Player One. Based on the novel by Ernest Cline, Ready Player One follows the journey of Wade Watts as he hunts for an Easter egg (not the chocolate kind, the hidden data kind) in a virtual reality game. Thanks to the creator of the virtual reality game in the book being a huge fan of '80s pop culture, Ready Player One is primed to be a nostalgia-stuffed cinematic experience for viewers, with Tron Light Cycles brushing shoulders with Back to the Future's DeLorean. 25 logo design tips from the expertsTo promote the movie, Pentagram's very own Emily Oberman has designed an ingenious retro logo (above) that combines puzzle solving and yesteryear visuals that tie into the main themes of the book. The big brassy lettering and gradient colouring calls to mind logos commonly associated with the notoriously gaudy decade, such as those for Transformers, Thundercats and Tron. Admittedly the logo for Ready Player One has toned down the '80s look so as not to frighten away viewers with more delicate retinas. But the real Easter egg can be found in a fun little maze puzzle made up of gaps in the lettering. It's a subtle piece of design that doesn't get in the way of the logo, but once you notice it's there you'll appreciate the design all the more. While the puzzle is pretty simple, we're happy to see designers not just relying on retro charm to communicate the message of a movie. See the completed puzzle route below. Spoilers: Here's the solution to the logo [Click the icon in the top-right to enlarge the image]Related articles: 25 logo design tips from the experts 7 key typographic trends in Marvel movie logos Is your design retro… or just dated? View the full article

London-based creative production studio and VFX specialist Saddington Baynes has released a batch of inspirational 3D animation videos made by its research and development team, SBLabs. Ranging from videos celebrating Pride in London with a cherub doused in a rainbow of CG paint, to a dancer replicating the famous Gangnam Style jig through motion capture, the SBLab artists have created some imaginative videos that are sure to inspire 3D and VFX artists. The SBLabs team aims to train the company's artists to achieve perfect visual discipline in preparation for tackling demanding commercial projects. It also gives artists a chance to indulge in some hands-on training to develop their skills in a fun way. The resulting creative clips can be glimpsed in the showreel below. You can also find the clips in full on the Saddington Baynes Vimeo channel. Related articles: Behind the scenes on Transformers VFX How to break into the VFX industry How videogame graphics and movie VFX are converging View the full article

In this tutorial we will be creating a range images out of SVG triangles, and setting up an animated transition from one image to another on click. It’ll look something like the Faces of Power website. To kick off we are going to start with two arrays: one with the values we’re animating to, and one with the values we’re animating from. Every time a link is clicked, we are going to find the SVG that matches the href of that link and get the points attribute of each of the polygons in that specific SVG. We’re going to extract all the coordinates in the points attribute, get the fill colour of the polygon and then add these as properties of an object. Then we’ll add all these objects to one of the two arrays: the to array. We’ll use TweenMax to animate the values of the from array to the values of the to array. When the animation is complete, we’ll set the to array to become the new from array. On first run, the from array will contain all the points values and all the fill colours of the currently visible polygons. 01. Convert images to polygons How the image will look before and after being run through PrimitiveThe first step is to actually make the images. For this I used a tool called Primitive (check out the GitHub repo). The images used in the tutorial are personal images of a few friends. Run your chosen images through the Primitive utility using the command line: -n 250 specifies 250 polygons, -m 1 specifies a triangle shape, and -i input.jpg -o output.svg are the input and output. It’s important that all SVGs have the same number of polygons and are the same shape. Output.svg will be a collection of polygons. 02. Paste your SVGs into the HTML After creating the SVGs paste them into the body of the HTML. Duplicate the first SVG and give one of the duplicates the class .svg-holder. The .svg-holder is going to be the only one that is technically visible; it will be the holder for all the polygons that are animated in and out of it. Give all SVGs except the holder the class hidden and an id with a unique name. This should match the href in the links. The hidden SVGs will be hidden with display: none;. It’s important to make sure the href of each link matches the id of its respective SVG. Then declare the variables: 03. Extract polygon coordinates Now we have to run through each of our polygons and get the coordinates in the points attribute. We can do this using regex: 04. Update the polygon arrays Saved as an SVG, all triangles become elementsEvery time a link is clicked, we’re going to run a function that takes the href of the clicked link as an argument and find the matching SVG, get the points values, animate it, and update the from array. This function calls two other functions – createPolygonPointsObject and animatePolygons. createPolygonPointsObject converts all the polygon elements into objects that we can animate the values of, and animatePolygons animates the polygons inside .svg-holder. This uses our getCoordinates function to get all the coordinates in the points attribute and creates an object with each coordinate and the fill. It returns an array of objects. I decided to make them objects because that data type seems to be easier to work with when you are animating a lot of values at once. 05. Animate the polygons In the final version, the SVG polygons will transition via an animationLet’s use TweenMax to animate the polygons. On every frame of the animation, this loop animates the points attribute of the currently visible polygons in .svg-holder to the new values set above. The onUpdate method in TweenMax.to is called every time the animation updates, so here it’ll get run on every change in the values of obj.one, obj.two, obj.three, and so on. This way, the points values animate and the shape morphs to have different coordinates. Next we can animate the fill. For each polygon in .svg-holder, set the fill to the fill in the toPolygonArray that is in the same index. Now the polygons will animate their coordinates and their fill colours as expected. Read more: Supercharge SVG animations with GSAP Explore the exciting new features in SVG 2 3 of the best SVG animation tutorials View the full article

Have an idea floating around in your head that you've been trying to put down on the page? Final Draft 10 is the perfect tool to turn those ideas into reality. Write your script with a tool the experts trust and get it on sale now for 40% off the retail price! Final Draft 10 is the gold standard for screenwriting software. Odds are, your favourite film or TV show was written with it. Now it's your turn. Craft your own script with this powerful writing tool that will make it easy to form your work the way the pros do. You can start from scratch or use templates to build your script, create easy-to-follow outlines, and even collaborate in real time with a writing partner. Final Draft 10 usually retails for $249.99, but you can get it on sale now for 40% off that price. That means you pay just $149.99 (approx £115) for this powerful piece of software for writers, so grab this deal today! View the full article

Marvel fans were in graphic novel Valhalla yesterday as a new poster design was released for the upcoming Thor: Ragnarok movie. The promotional material, which was unveiled as part of the San Diego Comic Con festivities, has impressed designers and fans alike thanks to its refreshing and sophisticated visuals. Stunning poster designs to inspire youFeaturing Thor (Chris Hemsworth), the Hulk (Mark Ruffalo) and the villainous Hela (Cate Blanchett) flanked by an impressive lineup of supporting characters, the Thor: Ragnarok poster is a psychedelic Photoshopped masterpiece that goes against the idea that movie posters are in a design crisis. This isn't the first time Thor: Ragnarok's visual flair has wowed people. Back in April viewers were left blown away after the original trailer ended with a nostalgia-inducing logo containing a subtle nod to famous comic book artist Jack Kirby. Click the icon in the right-hand corner to enlarge the Thor: Ragnarok posterThe colourful and considered design is sure to reassure people who were let down by the hotchpotch of visuals that was the Spider-Man: Homecoming poster. Thankfully there are no Tony Starks in this poster to steal the focus, just a pantheon of fan-favourites that have left people itching to see the film when it comes out on 27 October. Some designers couldn't resist the opportunity to have a dig at the infamous Spider-Man: Homecoming poster. While others found more unconventional ways to 'fix' the design... Related articles: New Wolverine movie poster gets designers talking Stunning poster designs to inspire you Are these vintage concept movie posters better than the originals? View the full article

One web design trend that refuses to go away is parallax scrolling, which involves the web page's background moving at a slower rate to the foreground, creating a 3D effect as you scroll. It can sometimes be overwhelming, but when used sparingly it can provide a nice, subtle element of depth that helps to result in a distinctive and memorable website. But to show how it should be done, we've collected together sites that employ the technique to good effect. In some cases the parallax scrolling is the star of the show; in others it simply adds a touch of depth that makes the foreground seem to pop out a little. 23 steps to the perfect website layout01. Made by Few The site for Made By Few uses parallax scrolling to enhance the handmade vibeMade by Few is an annual web conference hosted by Few, a design and development agency in Arkansas. Sally Nixon’s detailed, bright illustrations take pride of place on the event website. The staggered parallax effect enhances the handcrafted feel and adds energy. There are hidden gems scattered throughout the site (try hitting the Konami Code) to keep things fun. “At Few, we love pleasant accidents and encourage exploration, ” says Arlton Lowry, co-founder of Few. “We believe when you provide people with an open and fun environment, there’s no telling what will come of it.” 02. A-dam A-dam uses parallax to showcase its stylish underwearA-dam designs original boxer briefs and shorts for men with character, using GOTS-certified organic cotton and handmade by people with fair wages and normal working hours. They're an ethical and stylish alternative to your usual supermarket pants, and their site, created by Build in Amsterdam, showcases them nicely, with assorted parallax elements popping in from all directions as you scroll. 03. Myriad Bareface's site for Myriad shows off the furniture system's infinite possibilitiesMyriad is a range of modular office furniture by Boss Design that's designed to be flexible and reconfigurable, allowing you to build your own working spaces as you see fit. As part of its work on the launch, Bareface created a site showcasing Myriad's infinite possibilities with clever use of parallax elements, pulling in inspiring arrangements of furniture as you explore the site. 04. Firewatch Each layer of trees moves independentlyOne of the most beautiful examples of parallax scrolling we’ve seen is this website for the game Firewatch, which uses six moving layers to create a sense of depth. It’s great because there’s no scroll hijacking (something that often accompanies the parallax effect), and it’s only used at the top of the page – the rest of the site is still so you can read the information without getting seasick. If you want to see how it’s done, here’s a nice demo on CodePen. 05. Garden Studio Layering of the landscape makes it seem three dimensionalIn a similar vein, Garden Studio has also opted to use the parallax technique in a sensible and delightful way at the top of its site, before moving into a mostly static page. The shifting landscape is subtle and unobtrusive yet also the star of the show – we found ourselves scrolling up and down again and again. 06. GitHub 404 GitHub's 404 breaks the rules of parallax for a disorienting effectThis isn’t strictly parallax scrolling as the effect happens on mouse wiggle as opposed to scroll, but it’s a really fun page that uses layering to add depth. Unlike 'proper' parallax, the background moves faster than the foreground, creating a disorienting, otherworldly feel. 07. Jess & Russ Every illustration has a sense of depthIt's no surprise that design power couple Russ Maschmeyer and Jessica Hische's wedding website is a beauty to behold. The site charts their romantic story, with parallax scrolling used throughout to add depth to the illustrations. They got married in 2012, but the website is still well worth a look. 08. Old Spice Dream Runner Parallax scrolling ties in with the theme of movement hereDream Runner was an unusual online campaign in which Old Spice offered to turn customers’ run maps into fabulous prizes. Using geolocation data, users could draw their desired prize on screen by physically moving around. The results were loosely and hilariously interpreted by judges, with prizes spanning things like ‘a bent metal pipe’ and ‘inflatable shark leisure product’ as well as bigger ticket items like cars and holidays. The highly interactive site – designed by Wieden + Kennedy no less – fully embraced the ridiculousness of the campaign. In true Old Spice fashion, the splash screen parallaxed tigers in sunglasses, mythical creatures and old men in unitards in all directions as you tilted your phone or moved your mouse. The fun use of the gyroscope hinted that what was going to happen next would also involve physical movement. 09. Alquimia WRG Alquimia WRG uses parallax elements to simulate a 3D space environmentBased in Milan, Alquimia WRG is a digital agency that aims to create amazing and effective experiences for brands on digital media. Clean and minimal, and only black and white, the website uses a mixture of the usual suspects (HTML5, CSS, and JavaScript) to achieve a neat package. HTML5 canvas is used to animate the initial loading image. Subtle "parallax elements in the homepage are dynamically created and animated to simulate a 3D space environment through mouse movement," says Andrea Bianchi, creative director at Alquimia. Page navigation is achieved via a simple and smooth page sliding effect, which is implemented by changing CSS properties with JavaScript. The works page contains a simple list of selected projects, which, when selected, reveals further information in a smooth sliding effect. When such content is loading, a JavaScript animated preloading bar appears at the bottom of the screen, which is a nice touch. The site achieves its goal, which, as Bianchi says, "was to create an ideal balance between content, usability and user experience". Next page: More inspiring parallax scrolling sites 10. Costa Coffee The Graphite Design team chose an illustrative approach for more flexibilityThis impressive one paper website, The Costa Experience, is the brainchild of Brighton-based agency Graphite Digital. Having worked previously with Costa Coffee, the team was recently tasked with better communicating its products. The result was this visually rich, parallax website full of animated illustrations and interactive elements. 11. Make Your Money Matter Manage your finances with information and advice from Make Your Money MatterFinance and money are hardly the most interesting of subjects. But New York-based digital agency Firstborn are quids in with this dynamic parallax scrolling website Make Your Money Matter for the Public Service Credit Union. With the aim of teaching the public the benefits of joining a credit union, rather than using a bank, this brilliant site includes everything from how a credit union works, to where to find one and how to apply, as well as a calculator showing just how much banks profit from customer's deposits. 12. Seattle Space Needle Scrambled egg all over my face. What is a boy to do?The site for Seattle's iconic Space Needle starts at the base of the 605-foot tower and invites you to scroll up all the way to the top, taking in views of Seattle and the SkyCity Restaurant along the way. And if 605 feet isn't quite high enough for you, keep on scrolling and see what you find! 13. Madwell New York agency Madwell uses parallax scrolling to add a sense of depthDesign and development agency Madwell, based in New York, shows off its portfolio with a range of parallax scrolling effects to create a noticeable 3D style that adds a huge amount of depth. 14. Peugeot Hybrid4 Peugeot uses parallax scrolling to create an auto-playing web comicPeugeot has gone all out with using parallax scrolling to create an auto-playing comic in the browser. The comic plays as you scroll down the page (or use their autoplay feature which automatically scrolls) and helps to advertise the car manufacturer's new HYbrid4 technology. 15. Cultural Solutions The circles move at different speeds for a subtle 3D effectArts consultancy Cultural Solutions employs a subtle parallax scrolling effect to introduce depth to its homepage. Its main brand image is the use of colourful circles - the circles in the background move slower than those in the foreground, creating a subtle 3D effect. 16. Walking Dead Walking Dead uses parallax scrolling to pull you into its gory worldWe're big fans of TV zombie drama The Walking Dead at Creative Bloq, and we were gripped by this website launched to promote it. The imaginative site harks back to the show's comic strip origins and makes clever use of parallax scrolling to pull you into its sick and depraved world. "We came at this as fans of the show, first and foremost," says lead designer Gavin Beck. "With this drive, we wanted to create a world within the Walking Dead that fans could explore and appreciate. "To achieve this, we looked to several existing technologies and techniques such as HTML5, CSS3, JavaScript/jQuery, Web Audio/HTML5 Audio, and parallax scrolling. The challenge was to find a unique approach to incorporate all these methods into a single engaging experience across all platforms." 17. New York Times: Tomato Can Blues A beautiful experience is to be had with this parallax scrolling New York Times articleIn today's era of low attention spans and bite-size media, how do you attract people to longform journalism? Here's a great response to that problem from the New York Times, combining some clever web design techniques with storytelling and comic-inspired illustrations created by Atilla Futaki. One of the best examples of parallax scrolling we've seen lately, the article takes you through the story of a cage fighter written by Mary Pilon. As you scroll through the content, the illustrations come alive with clever animations and alterations, allowing you to fully immerse yourself in the content. Futaki's illustrations were based on police records, witness accounts, photographs and the reporter's notes, and the attention to detail shines through. All in all it's a great reading experience – is this the future of online journalism? 18. Snow Fall The New York Times' 'Snow Fall' article kickstarted a whole new craze for rich parallax sitesOne of the first sites to really push the boundaries on what you could do with longform editorial content online, the New York Times' 'Snow Fall' article combines a range of different elements, including parallax scrolling and web video. The article, about the horror of an avalanche at Tunnel Creek, was published online in December 2012 but still stands strong as an example of what you can do with parallax scrolling. The newspaper presented the Pulitzer-winning article in an innovative way that grabbed the design community's attention worldwide. Related articles: 5 quick ways to improve your portfolio dramatically 11 great UI designs 23 steps to the perfect website layout View the full article

If you want to create great designs, you need to find great images, and you need to use these images in the right way. Research shows that content with relevant imagery gets 94% more views than content without imagery. And there’s a simple reason for that: visuals are processed 60K times faster in the brain than text. So using pictures the right way couldn’t be more important. In this post, we’ll look at 10 ways you can use images more effectively to better connect with your audiences and keep your clients happy. In an ideal world, of course, you’d always be able to commission your own bespoke imagery. But timescales and budgets don’t always allow for that. So if you’re in need of high-quality, royalty-free images fast, head to iStock. Here you’ll find millions of exclusive, royalty-free stock files, and powerful search tools to help you find the perfect images quickly. 01. Use images that tell a story 'Hikers under the Northern Lights' by powerofforever At its heart, design is about forming an emotional connection. And a story that’s begging to be shared is the ideal way to evoke a tangible reaction in your audience. The key to that, most of the time, lies in imagery. After all, research shows that visual content is more than 40 times more likely to get shared on social media than other types of content. Take the image above, showing people hiking through the cold to experience the majestic spectacle of the Northern Lights. Imagine you were creating poster designs for a travel company aiming to target students organising their Gap Year. Depending on how it was used, this image could be used to convey a story of people seeking that special connection with nature and a once-in-a-lifetime experience that every young traveller would identify with. For another great example of images that tell a story, From Love to Bingo the Cannes Lion film (above) by Almap BBDO and Getty Images, shows the journey from youthful love to old age in just over one minute, using 873 individual stock photographs. 02. Seek out images with meaning 'Working on a blueprint' by Aleksandar Nakic Every day, 300million images are shared through Facebook and 70 million via Instagram. It’s a torrent of visual noise, so how can a single image get anyone’s attention? The simple answer is that the images we pause for tend to be those that have a degree of meaning to us. In short, we ignore anything emotionally neutral and subconsciously seek out a personal connection. According to research by The New York Times’ Customer Insight Group, people share content online for five key reasons. They are: to bring valuable and entertaining content to others, to define themselves to others, to nurture relationships and stay connected, to feel more involved in the world, and to support causes or issues they care about. In other words, the imagery you use in your designs should connect you to your audience by meeting one of those needs, just like this Stop Deforestation. Stop The Killing. poster campaign by Malaysian Nature Society. Or take the blueprinting image above. Imagine you were creating designs for a business-to-business app aimed at young entrepreneurs. This image of a young woman working “in the zone” conveys a spirit of quiet determination that could be used to evoke a real sense of empathy in that target audience, and make them feel you understand where they’re coming from. 03. Match your brand values 'Summer day: three young adults jump from jetty into lake' by fotografixx Brand values are the link between a company and its audience. But it’s not just enough to state these values in a design manual. Every single piece of branding for that company has to embody them, in a meaningful way. Take beauty brand Shiseido, which states its goal is to help people live more beautifully (in its own words – ‘This moment. This life. Beautifully’). Its ‘High School Girl?’ campaign (below) with the tagline ‘Everyone can be pretty’ and eventual clever twist, resonates completely with these values, allowing it to make a very human, emotional connection with its audience. As a designer, then, whenever you’re choosing imagery for a campaign, you need to ask yourself not just ‘Is this a good image’, but ‘Does this image fit with the client’s core values?’. 04. Let images breathe on social media 'Tattoos say who I am without having to speak' by People Images We’re all taught at design school to make tactical use of white space: to leave judicious amounts of space (which doesn’t actually have to be white) around an element to bring focus, establish clear hierarchy and provide balance. And social media makes this principle more important than ever. With more and more visual noise assaulting us on Facebook, Instagram, Twitter and elsewhere, good use of white space can make it easier for audiences to understand and read an image when scrolling quickly. For example, the integrated advertising campaign The Line by Our Watch was created to raise awareness of violence in relationships. The campaign imagery makes excellent use of white space (in this case, it’s actually blue) to help make the point clearly and concisely. 05. Feature real people, with real emotions 'Mixed race lesbian family portrait' by funky-data There was once a time when people expected to see polished, flawless models in agency design. But the rise of social media has changed all that. Now what our increasingly sophisticated audiences are looking for is authenticity, and they can smell fakery a mile off. Visual content that features real people and explores raw emotions – from a thrill-seeker’s exhilaration to a parent’s love – hits the sweet spot for sharing. And a great example can be found in skincare brand SK-II’s Marriage Market Takeover campaign(below). Like Dove’s Real Beauty campaigns before it, this aims to empower Chinese women and shatter stereotypes. By focusing on human relationships and the stories of real people, SK-II’s video is able to move its audience to share and connect. To see more examples of real women with real emotions, check out iStock’s Gritty Woman Collection. 06. Use targeted social media images to support wider campaigns 'Junkboat in Hong Kong' by deimagine These days, even if a brand campaign is mainly taking place across mainstream media, you should still be thinking about how creating custom visual content for social media channels can support it. Having a presence on primarily visual channels like Pinterest, Instagram and Snapchat allows you to connect with people that traditional methods can’t reach, and here, the importance of using the right eye-catching imagery cannot be stressed enough. In New Zealand, the NZ Transport Agency’s Snapchat anti-drug-driving campaign (above) offers an innovative example of using point of view imagery to make a powerful connection with a hard-to-reach audience. It shows clearly spending time creating visual content for social media can help widen your reach, boosting awareness and driving traffic back to your website. 07. Optimise your alt text Getting your alt text right is key to people finding your content online Yes, we know it’s tedious. But optimising the alt text (short for ‘alternative text’) of the images on your website or blog is incredibly important for boosting your traffic from image search results. That’s because (although we’re sure they’re working on it), Google Image Search can’t yet decode images on web pages to determine what they are, but relies heavily on the alt text that website owners include to describe them. Alt text is also used by screen readers for the blind or visually impaired. So think about your alt text carefully. Above all, it should be brief and describe what the image portrays, as the examples above show. 08. Use colour strategically 'Abstract coloured background with beautiful flowers, tulips and soft hues' by Maxiphoto As we stated earlier, the goal of any design is to encourage an emotional connection in the viewer. And it’s important not to ignore the powerful role that colour plays in provoking emotions. So don’t choose a colour simply because it looks good. Consider correlating the different hues you use in your imagery with the emotion or characteristic you want to invoke. This will largely depend on the context and the target audience, of course. But as a general rule of thumb: red = action and excitement; blue = trust and strength; green = peace, growth and health; grey = balance and calmness; orange = friendliness, cheerfulness and confidence; yellow = optimism, clarity and warmth; and purple = knowledge and imagination. To discover a great selection of colourful and eye-catching photos, check out iStock’s ‘Colour Surge’ category. 09. Represent your audience 'Shaving time' by Aleksandar Nakic One key ingredient to creating a design that connects with your audience is, of course, knowing that audience. And once you’re clear who it is you’re targeting, why not make that explicit by featuring similar people in any imagery that you use? Nowadays, image libraries like iStock have a diverse selection of fresh, authentic-looking imagery. So take time to find the right images, and narrow down your selection by using conceptual keywords (eg, family, togetherness, authentic) as well as geographic keywords (to ensure culturally appropriate imagery). 10. A/B test your images 'Exercising with kettlebells gym' by Ryan J Lane At the end of the day, there is no infallible, scientific way to ensure your images will resonate with your audience. But, online at least, there is a way to be clear about what works and what doesn’t: by trial and error. So try A/B testing how well different images in your designs fulfil your client's stated goals on social media, its own website and other sites where it has a presence. Of course it’s easy to jump to the wrong conclusions, so first read A/B Testing Checklist to avoid making mistakes in your interpretation of the results. Get your imagery right At the end of the day, imagery is the main way we as humans communicate, transcending all language and cultural barriers. Finding the right images and using them correctly is key to creating designs that resonate with your audience, and nobody knows that better than iStock. With so many people around the world visiting iStock’s website every day, it’s able to keep track of the latest visual trends on a day to day basis (check out our iStock trends for 2017 post). And that means it’s able to provide millions of exclusive and authentic images that fit exactly what designers need. Best of all, thanks to Creative Bloq’s partnership with iStock, we’re able to offer an amazing 10% off all iStock credits: just use code ZNKPC46N today at iStock.com. View the full article

Between research, design, client interaction and team collaboration, there may not be much time left for a UX specialist to think about creating web design documentation strategically. Is it even worth spending time perfecting UX documentation? Well yes and no. It depends on the purpose, and usefulness, of the documentation. For example, generalised documentation, created for no other reason than to leave a paper trail, is too general to be useful, and (effectively) purposeless. Highly focused documentation, on the other hand, can be both useful and purposeful. In order to ensure that the documentation you create isn’t taking away from time that could be better spent on design and research, consider the following questions: Is the UX documentation going to drive decision making?
 Is your UX documentation usable by your team? Here we'll present a three-step plan to making your UX design documentation as useful as possible. 1. Give your UX documentation purpose UX documentation has purpose if it drives decisions. UX documentation has a wide variety of end users – including designers, developers, QA specialists, stakeholders, and managers. All of these people might use a particular document to make informed decisions during the course of their work. One particular document may impact one particular activity in the Agile Software Development Lifecycle (SDLC), while a different document may affect a number of subsequent activities. So it’s extremely important to take into consideration the lifecycle of the document – what path will it take, from user to user, before it's no longer needed? It’s a matter of ROI. In general, the longer a document remains relevant, the greater the return on the time spent perfecting it. UX specialists need only make documentation where it is really needed. Otherwise, you’re wasting time and money. The document lifecycle You may be wondering how it is possible to determine the lifecycle of a document before you’ve even made it. Well, it's as simple as looking at the document's various use cases. Take, for instance, the following empathy map. An empathy map created by the Codal team for a client [click the icon in the top-right to enlarge the image] Let’s investigate the lifecycle of the above empathy map, considering who will likely use the document, and for what. In this case, the document in question is a compilation of user research results. User research results drive the entire product strategy during the software development lifecycle. Even if developers and PMs don’t own the document, its insights will inevitably influence their work. If we follow the logic presented earlier, then an empathy map is an incredible investment in the future of the product. It's a document that’s always worth creating – and the earlier, the better. 2. Make your UX documentation useful A document can drive decision-making, yet be useless at the same time. Developers don’t always have equal say in how to lay out a particular page – they might just follow the designs created by the UX and UI designers. Thus, the design documentation, however poor it may be, will drive development decisions. In other words, ‘driving decisions’ is one concept, and ‘driving good decisions’ is something else altogether. Keeping in mind that documentation has not only a purpose, but also a target audience, is likely to help stimulate good decision-making among targeted users. The reverse is also true. Documentation that doesn’t consider the audience’s specific requirements is liable to miscommunicate the intentions of the UX specialist. Avoiding the pitfalls of non-targeted documentation is simple: Determine the target user-base Analyse how the document will be used Craft the document so it speaks the language of the user This interactive wireframe targets the document's users [click the icon in the top-right to enlarge the image] Consider this interactive wireframe. You can determine the target users of any document by examining its purpose. Static wireframes are typically used as visual scaffolds so the interface designer may craft a pixel-perfect mockup of the UX designer’s vision. Interactive wireframes, however, have a wider audience. They can be used by developers to gauge dependencies and interaction models. Product managers can use them to quickly assess the feature breadth and depth. QA specialists may even use the interactive wireframe to double-check the work of the developer when recreating the functionality. As such, the target audience for an interactive wireframe includes UI designers, product managers, web/mobile developers and QA specialists. In order to ensure the document is useful, it must cater to the specific needs of each of these users. An annotated prototype created in UXPin for a healthcare platform [click the icon in the top-right to enlarge the image]
As shown in the annotated prototype above, here’s how you can quickly tailor the document to each audience. UI designers: Estimate image and layout dimensions 
Product managers: Note any ‘wobbler’ features that may provide additional value, but exceed current scope Developers: Add notes to clarify complex functionality and ask for input on feasibility QA specialists: Note which functionality is up for discussion, and which the team accepts 03. Make your UX documentation usable Documentation, like software, depends heavily on usability. No matter how much good content you include in your documentation, it’s for nothing if the reader struggles to understand it. To improve document usability, you need focus. Often, UX specialists have so much to say about their work that it gets in the way of the data that must be communicated. This can be the source of many problems, especially when the data gets lost in translation. Human beings don’t like to read extraneous details. How many times in your life have you been thrilled to read a 20-30 page document? You need to keep it focused. For this sitemap, Codal worked to keep things focused [click the icon in the top-right to enlarge the image] Take, for instance, the sitemap above, created for one of our client projects. This is a focused document. There are no extraneous details, no excessive notes, and everything is confined to one page. The target audience is able to consume the intended data – nothing more, nothing less. Achieving focus in UX documentation is simply a matter of applying the core principles of purpose and usefulness, as discussed previously. The above document illustrates this point quite effectively. UI designers and developers might not need to hear all the reasoning behind the choices that you’ve made. Either save it for an in-person discussion, or only highlight the top five or so decisions. There are exceptions, of course. If the document is intended for a member of the QA team, you might need to explain all your reasoning so they can adequately test the functionality of the software – but even then, it’s not always needed. Documentation isn’t a paper trail Respect your own time, and that of your coworkers. Don’t waste time crafting documentation that isn’t focused. Remember to keep it useful and purposeful, and remove extraneous details. Ensure the documentation you create will be used to drive decision making, otherwise you're simply wasting your time. For more design process best practices, download the free ebook Real-life UX Processes: How Top Companies Build Products. The guide includes step-by-step processes from Slack, Autodesk, 3M, and other companies. Yona Gidalevitz is a technical researcher at full stack mobile app development and UX and UI design agency Codal. Read more: Are microframes the future of wireframing? 10 essential TED talks for UX designers 5 UX lessons you can learn in the toilet View the full article

Discover the best iPad apps for designersThe iPad can be an incredible tool for designers, but like any tool you have to know how to use it well before you get the most from it. For a device like this, knowing what apps you should add that will make your life as a creative professional better is the key, which is why we've put together this list of suggestions. Load an iPad up with all these apps and you'll have a formidable, hugely capable partner in your work. Now, at this point, most articles of this kind would list the best drawing apps for iPad, because that's all designers spend our days doing, yeah? Daubing colours on a canvas? Well balls to that; the life of a creative pro is about much more – worse luck – than dreaming up ideas on a sketchpad, so our list is much more pragmatic and realistic; these really are the best iPad apps for designers to take care of all aspects of your job. 01. Trello Trello helps you keep things organised, wherever you are Requirements: iOS 9.3 or later Price: Free Whether you're coordinating a big design project or just trying to organise a cleaning rota, Trello is a great tool for getting stuff done and staying organised. It makes it easy to invite people to collaborate on projects, and you can create custom boards for whatever you're working on. The iPad app is optimised for iPad Pro with plenty of tweaks to take advantage of its larger screen, and if you absolutely need project updates wherever you are, there are also apps for Apple Watch and even iMessage. 02. FontBook Expand your typographic horizons with FontBook Requirements: iOS 8.0 or later Price: $0.99 Key to most design projects is getting the typography right, and if you want to avoid falling into the trap of relying on a handful of go-to fonts, it's good to have a decent font reference to hand. Monotype's FontBook is just that kind of reference; it documents the libraries of 150 type foundries, covering 1,805 designers, 46,718 typefaces and 9,479 font families. You can browse fonts by class, foundry, designer, year or name, and the iPad app enables you to bookmark favourites and also share samples on Twitter and Facebook. 03. Procreate All right, we lied a bit when we said no drawing apps Requirements: iOS 10.0 or later $5.99/£4.49 Okay, so a part of our lives is sketching and painting – and if you're going to do that, you need a great tool. So next in our list of the best iPad apps for designers is the mighty Procreate. This is a truly wonderful natural media app, and it's very fast – especially on more recent iPads where it can take advantage of their huge power. What's more, it's optimised for the iPad Pro, with massive, ultra-hi-definition canvases, and will work with the Apple Pencil too. Other drawing apps to consider include Tayasui Sketches, Photoshop Sketch and ArtRage. 04. Parallels Access On a train and need those San Francisco financials? Sorted Requirements: iOS 8.0 or later Price: Free However good any iPad app is, sometimes you just really need to use one of your full-fat desktop packages. And while there are plenty of remote desktop apps such as TeamViewer that you can use to get to your actual desktop from your iPad, they're heavy on bandwidth and there's something not quite right about wrangling a mouse-driven interface on a touchscreen. Parallels Access does things a bit differently, giving you full access to your desktop and using its special 'Applification' technology to render your desktop apps as native apps, making them much easier to use on the go and also ensuring you can work without a fat internet connection. It'll even work on 3G. 05. Noteshelf Write notes, sketch and record memos with Noteshelf Requirements: iOS 9.0 or later Price: $9.99 If what you want is the digital equivalent of a sketchbook, rather than a canvas – somewhere to write stuff down, doodle out a few ideas, take notes in a meeting – get Noteshelf. Its ability to mix typed, audio and handwritten notes – with beautiful ink effects – annotate documents and images, and even define custom paper designs to make it easy to create, say, iPhone wireframes for sketching app designs makes it an extremely handy iPad app for designers. It pairs with a range of third-party styluses too, for pressure sensitivity and wrist rejection. 06. Adobe Comp CC Adobe Comp is perfect for mockups and wireframes Requirements: iOS 9.0 or later Developer: Adobe Price: Free Adobe makes loads of apps for iOS, but this one is especially great on the iPad. With it, you can quickly and easily create mockups and wireframes for designs for web, print and more, and you can export them to Creative Cloud stable mates InDesign, Illustrator or Photoshop to work them up further. It's a great way to make productive use of commute time, say – though of course just staring blankly out of the window can be just as effective! It's worth adding Shape CC (which can create vector shapes from doodles) and Illustrator Draw, also from Adobe, to your iPad too. 07. Things 3 for iPad Things occupies the sweet spot between Reminders and Omnifocus Requirements: iOS 10.0 or later Price: $19.99/£14.99 Apple's Reminders app is actually more useful than most people give it credit for – especially if you set up reminders lists that can be shared among a team – but there's no doubt a more accomplished to-do manager will help you keep on top of complex projects more easily. Some swear by OmniFocus, but for us it's just a little too daunting in its power. Things, though, lets you define some sensible groupings, makes it simple to add and sort new tasks, and lets you easily see what deadlines are imminent. Look here for details of what you'll find in the new version of Things. 08. OmniPlan 3 Big projects come together a lot easier with OmniFocus Requirements: iOS 10.0 or later Price: $74.99/£54.99 While we've rejected The Omni Group's to-do app for being a little too complex for the kind of to-dos we creatives want to track, it's precisely that complexity that makes its project planning app a must-have – though only for big projects, and only for senior folk (if you're self-employed, mind you, or work in a very small team, guess what? You're the senior). With OmniPlan, you can create Gantt charts to allocate time and resources to specific parts of a project, and because each part is interrelated, you can keep focussed on what the material effects will be of the wireframing process, say, taking longer than you has anticipated. Everything is live and shared, and it will help you resolve scheduling impossibilities. Basically: if you wanna hit deadlines for big projects, get this. 09. Slack Slack's great for team communication (and sharing hilarious GIFs) Requirements: iOS 9.0 or later Price: From free Hate how much time you spend in email? Us too. Make your team try Slack – it starts free with some limitations – and marvel at all the time you get back. While it's ostensibly just a simple instant message tool, its become hugely popular in recent years (especially with remote working teams) thanks to the fact it integrates beautifully with a huge range of other services such as Dropbox and Google Docs, and so makes everything so much smoother. 10. Duet Display Turn your iPad into a second display and become more productive Requirements: iOS 8.0 or later Price: £14.99 One of the easiest ways to be more productive as a designer is to add more screens to your computer, whether so you can have source material on one while working on the main display, to keep an eye on email (or Slack!) while you work without switching between tasks, or just as somewhere to put your palettes so you're not covering up your work. It's not always convenient, though – maybe you're rushing to hit a deadline in an airport departure lounge, or you're hotdesking in a coworking space. However, if you have an iPhone or iPad, you can turn it into a second display for your Mac or PC with this app, which earns it a spot in our list of the best iPad apps for designers. While earlier apps that did this worked wirelessly (convenient, but laggy and compressed), Duet Display works over the cable, whether Lightning or 30-pin, with full support for Retina and touch. You might also want to investigate Astropad, which turns your iPad into a Cintiq-like graphics tablet for your Mac. 11. Invoice2go Invoice2Go is the ideal way to manage your invoicing Requirements: iOS 9.3 or later Price: Free When the work is done, it's too easy to forget to invoice for it, but with your iPad (or iPhone or even Apple Watch) you can easily create, send and track invoices wherever you are. There are plenty of systems available, and if you already use, say, FreeAgent then get its app but Invoice2go is a good option if you haven't got started with one yet. 12. Digital magazines Probably the best design mags on the planet (unbiased) Various OS requirements Various publishers Various prices You'd expect us to recommend reading more magazines, sure, but that doesn't mean to say it's not true. Your iPad doesn't have to be just a relentlessly practical workhorse; use it in your downtime too, to get inspiration and note new techniques you can use by subscribing to some digital magazines for your sector. Of course we're going to suggest our own Computer Arts, net, ImagineFX and 3D World titles, but there are plenty more, such as Adobe Create magazine (formerly Inspire). Related articles: 3 great iPad pens for designers 20 top tools for freelancers 10 top iPad cases for designers View the full article