Rss Bot

The user experience is ever-changing. New experiences are emerging all the time, from VR and AR to voice. For more details, take a look at our article on the biggest new trends in UX. These technologies all present new challenges, and as you might expect new tools are appearing that will help take up this challenge. Here you can find six essential tools to help build better UX. 01. A-Frame A-Frame is a web framework for building Virtual Reality (VR) experiences. Originally developed by Mozilla, it is an independent open source project. A-Frame is HTML, making it simple to get started. 02. Funkify Disability Simulator Experience the web from the POV of users with different disabilities Funkify is an extension for Chrome that helps you experience the web and interfaces through the eyes of users with different abilities and disabilities. Funkify is created by a team of usability and accessibility experts in Sweden. 03. BotPreview Design chatbot interactions, code-free Sketch and design your own chatbot interactions using the BotPreview online editor and share them or export as static HTML or MP4/GIF video, without writing a single line of code. 04. Microsoft HoloLens The first self-contained holographic computer Microsoft’s ‘mixed-reality’ product, HoloLens, is the first self-contained, holographic computer, enabling you to engage with your digital content and interact with holograms in the world around you. 05. Bots UI Kit for Sketch Design UI elements with Sketch A simple and fully customisable Sketch UI kit to help you design and showcase your Facebook Messenger Bots. All elements are turned into new branded Sketch symbols, so prototyping has never been easier. 06. UseContrast Check your colours are WCAG compliant A macOS app that provides access to WCAG colour contrast ratios. The entire app UI updates instantly when picking colours, making it easy to get the colour contrast information you need to make informed decisions about the colour of your text. Sign up to Generate today and learn the laws of UX Generate - the conference for web designers Generate London 2018 brings together a host of leading lights from the industry imparting many words of wisdom. Front-end UI developer Sara Soueidan presents her 'Front-End Meets UX: Designing & Creating Universal UI Components' workshop ably accompanied by her talk on 'Using CSS (and SVG) for the Good of UX'. These are two of many talks and workshops not to be missed. Get your ticket today Related articles: Discover Google's UX design secrets 5 top UX tips for graphic designers How to design a bitcoin UX View the full article

A serious vulnerability was patched by developers behind Git that closes the door on a flaw that could lead to arbitrary code execution on a developer's system. View the full article

The botnet operators behind two infamous trojans have banded together to gouge victims in a costly scheme. View the full article

Google has rolled out its newest browser version (Chrome 67.0.3396.62) for Windows, Mac and Linux this week with new security fixes and biometric features. View the full article

Anyone can fall into a skills gap. Sure, it’s an issue often faced by new graduates or older workers facing redundancy – but even if you’ve dedicated a decade to following your design passion, the technology, techniques and thinking driving a field can evolve dramatically (Flash, anyone?). And that’s before we throw in the seismic shift currently being delivered by AI and machine learning. Across the creative industries, changing skill requirements are already creating major pinch points – both in traditional areas, such as art direction, and newer areas like motion capture. In a 2017 report by the Creative Industries Federation, nearly 60 per cent of those surveyed said they were facing skills shortages when employing new people. 12 tips to turbocharge your design career So how can you make sure you’re investing in the right skills to achieve your creative goals? Whether you’ve fallen into a skills gap in your current position, or you’re actively looking to propel yourself to the next level in your chosen area, we can help. Here, leading designers and educators explain how to identify your personal skills gap, where the corresponding opportunities are in the industry, and how to bridge the gap. Read on to find out how to assemble the ultimate toolkit of skills. Know your why A skills gap happens when there’s a difference between the skills required by an employer, project or field generally, and the skills offered by the workforce. Conducting a skills gap analysis enables you to identify what you need to meet your personal goals – and the good news is they’re easy to do. However, before starting you need to “know your why”, points out Benji Holroyd, founder and creative director of SB Studio. “At a time when ‘purpose’ is such a buzzword, finding your purpose early on is invaluable,” he says. At a time when ‘purpose’ is such a buzzword, finding your purpose early on is invaluable Benji Holroyd, SB Studio Ragged Edge co-founder Max Ottignon agrees. He says that it’s important to follow your passion: "We talk a lot about T-shaped people – those with a broad range of knowledge and skills, and an in-depth specialism. The latter needs to be something you’re really passionate about,” he explains. It’s good advice. Passion is what sets you aside from everyone else: it keeps you motivated, makes your work better, and attracts employers and clients. In a rapidly changing industry – where software skills, particularly, can quickly become outdated – following your passion is a savvy way to navigate your creative path, helping you choose which skills to invest in at which time. Do a skills gap analysis Whatever your end goal, once you know what it is, you can plot your course with a skills gap analysis. The first step is to identify the skills needed in the position or project you’re looking at, and list them in a spreadsheet. Aside from reading job adverts and design blogs, the best way to determine what you need is to speak to people who are already doing what you want to do, whether it’s your boss, somebody at another studio, or a designer you follow on social media. There are also hundreds of online design communities you can ask to join – not least the excellent The Designers League Facebook group. The rules are simple: don’t be rude, and don’t harass people when asking for career advice. Join The Designers League Facebook group online community of nearly 12,000 creatives from all over the globe! Once you start listing the skills needed, it can help to categorise them into different sections, such as responsibilities, tasks and knowledge required. It’s wise, too, to consider skills that might be necessary in the future. Step two: next to each skill, create a scale of measurement to show how important each one is (low, moderate, high) and mark the skill level required (a scale of one to five, for instance, could range from inexperienced to expert). The next step is to measure your current skills against this scale, assigning the same numerical rating to your actual skill level. For example, your table might read: Skill: leadership. Importance: high. Skill level required: 5. Current level: 3. Be honest. What are you good at, and what are you not so good at? The final step is to analyse the data. Using the numerical rating system, you can quickly see where your skills gaps are – and because you know which requirements are most important, you know where to start your development. There’s another way, too. “Take time to reflect on your portfolio and ask others to give you constructive feedback on your work,” advises Robyn Dooley. She’s the founder of OH, an alternative education company designed to connect creative talent with industry, and bridge the gap between education and employment. “Don’t let the feedback dictate your entire approach to design, but do let it support you in your endeavour to improve your skills,” she continues. What's needed in 2018 When it comes to deciding which skills to focus on first, it helps to know which skills are most needed – and least in demand – in the industry. At Ragged Edge, two of the most in-demand additional skills for designers are motion design and 3D. This isn’t new: we’ve been talking about these skills for a decade – and yet today they’re more valuable than ever for designers. “Brands designed for screens need to be built with motion in mind. So designers who can bring some movement into their work are worth their weight in gold,” Ottignon explains. “The most obvious example would be bringing a logo to life with an animation. Even the simplest movement gives it so much more impact when you present it.” A designer who has good conceptual skills, alongside the ability to bring these to life in 3D, will have a real point of difference Max Ottignon, Ragged Edge He says that After Effects tends to be the starting point here. “A number of designers at Ragged Edge have added this to their armoury,” he adds, “and it’s really helped them sell their ideas.” The ability to apply your work across 3D objects or spaces is also invaluable – and Ottignon has great advice here. “In the rush to go digital, the physical world sometimes gets neglected. A designer who has good conceptual skills, alongside the ability to bring these to life in 3D, will have a real point of difference.” Take Ragged Edge’s brand guidelines for Grey Goose vodka. “We incorporated a whole section on in-store activation,” he says. “That meant lots of 3D renders of retail environments and displays, all brought to life in Cinema 3D.” Ragged Edge’s work for Grey Goose incorporated a whole section on in-store activation, meaning lots of 3D renders “Increasingly, I find that the projects I get involved in require coding skills,” says graphic designer, author and RCA visiting lecturer Adrian Shaughnessy. “I’m a Neanderthal when it comes to code, so I rely on people with coding skills. I’m never happy bluffing or faking it. If you haven’t got the skills, it shows.” “The demand for UX designers has gone up,” agrees Dooley. “If you’re looking to further develop your design skills, I’d suggest getting your head around the concept of it and the language of UX,” she continues. Designers who have dabbled with HTML and CSS are also in demand, she adds. “You certainly don’t have to become an expert, but understanding what’s under the bonnet of front-end development will support your designs.” However, Dooley says the real skills gap in the creative industry is soft skills. “The ask from designers now appears to be less focused on the technical skills of design, and more so on communication and ways of thinking. It sounds like a cliche, but it’s essential, and will be more so over the coming years.” She continues: “Having the ability to communicate ideas confidently – and in a way that’s digestible for everyone in your team to understand and visualise – is a sought-after quality. There’s a skill within being able to articulate the creative process behind your ideas, the ‘why’ behind designs and how you got from A to B. We’re also increasingly speaking to studios who are asking for designers that have a background or interest in psychology,” she says. What to avoid Are there any skills to avoid learning? The top-level consensus is no. “Anything you can bring that’s a bit out of the ordinary is worth having,” says Ottignon. “You never know how you might be able to apply it with a bit of creative thinking.” That said, software and new trends can quickly become obsolete. At Shillington, the curriculum is constantly updated to ensure courses don’t teach outdated software, skills or trends. “In the past five years, we’ve scrapped a lot of print projects to concentrate on design thinking, UX and UI, as a plan to create designers that are better prepared to work in collaborative teams and have the problem-solving skills to adapt in a fast-changing environment,” says Anthony Wood, Shillington’s managing director. “Being aware of digital trends and having a confident grasp of UI design will inevitably become increasingly important, as will competency of AR and VR,” he continues. “But it’s important to remember that a designer’s strongest and most important skill is research – both for the client and user – with a creative problem-solving ability to back it up.” Bridge your skills gap So what’s the best way to acquire the skills you’ve identified? Online learning platforms like Skillshare, Udemy and Lynda are packed with short, affordable courses on everything from creative to business skills. Brooke Young, digital marketing manager at Skillshare, says it’s less about learning one specific skill to make you a better designer, and more about continually improving your skills. “That’s why we give our members unlimited access to classes for a low monthly or annual price,” she explains. “It makes it easier and more affordable to take many classes over time.” Don’t feel that you have to commit to completing a class in one sitting. “Watching 10 minutes of a class every day is a lot less intimidating and makes it easier to complete,” Young points out. With Skillshare’s mobile app, you can also download classes to your device and watch them offline – meaning you can learn from anywhere. Being able to learn wherever you are doesn’t mean that learning shouldn’t be structured. Time perimeters are paramount, says Wood. While there’s a time and place for unstructured “play”, he says that if you want to truly master a new skill, treat it like a college assignment or client project. “Set strict timelines, identify a deadline and create incentives to stay on track,” he advises. “Accountability is also key,” says Wood. “Create your own classroom. Don’t be afraid to connect with fellow designers – whether that’s in person or online – who want to upskill too. This is why we have special graduate partnerships with RookieUp, an on- demand mentorship platform, and Briefbox, a library of practice briefs and helpful resources, to keep challenging our students, even after graduation.” Online learning platforms like Udemy are packed with short, affordable courses on everything from creative to business skills Also, don’t be afraid to learn on the job – it’s probably how you acquired many of the skills you already have. “If there’s a brief that requires a skill you don’t have, can you take it on and learn at the same time? It will probably mean a few late nights and early mornings,” says Ottignon, “but it will be worth it.” I’ve always found the best, easiest way to learn a new skill is to invent a project for yourself Bonnie Siegler, Eight And if you can’t learn on the job? Invent a project incorporating whatever it is you need to learn. “I’ve always found the best, easiest way to learn a new skill is to invent a project for yourself,” reflects Bonnie Siegler, founder of design studio Eight and a Half. “Then you have to solve all the problems that appear before you. For retention purposes, nothing beats figuring it out yourself.” For Shaughnessy, learning from your peers is the most effective way to up-skill. His experience, both in working life and education, is that designers learn best from each other. “I don’t know many designers who use software manuals – instead they immerse themselves in the subject and then look for someone to help them,” he says. “Online tutorials can be helpful. But ultimately, peer learning is the best way forward.” He encourages students to learn new skills as well as enhance existing ones. “But my emphasis is always on learning how to learn,” he explains. “Many skills will be redundant by the time students have perfected them. Acquiring skills is a lifetime exercise – so you’d better know how to be a constant learner.” Lead image: Tishk Barzanji This article originally appeared in Computer Arts issue 277; subscribe here. Read more: 6 sure-fire ways to build your creative network How to excel at everything Let's talk about money View the full article

In the world of branding, some companies' are so strong they don't even need a logo, while others need, let's say, a little imaginative thinking. But why should all the cool branding work go to the coffee shops, clothing lines and craft beer companies? Who says the lawyer can't have the best business cards? And what's wrong with referencing a rebel Dutch designer when rebranding a company that cuts metal? We spoke to studios around the world to find out how they created cool branding schemes for industries that don't naturally set people's pulses a-racing: from cement and flooring to a mortgages and an organisation specialising in perioperative medicine (nope, we didn't know what that was either). 01. EJET: Cutting specialist EJET's elegant branding was inspired by rebel Dutch designer Jurriaan Schrofer EJET is a company that "specialises in cutting". It cuts metal. It cuts plastic. You live in Greece? You want something cut? Go to EJET. But how do you create a brand for a cutting specialist that isn't obvious or, well, dull? Luminous Design Group managed it by drawing inspiration from rebel Dutch designer Jurriaan Schrofer. This interlocking pattern is used throughout EJET's identity system Themistocles Tsiamis is art director at the Luminous Design Group Athens studio: "The symbol we designed, encapsulates in its aesthetic the company's main activities – industrial design and cutting process of metallic surfaces. Taking cues from the company's specialty, decorative design, we created an interlocking pattern that was used throughout the identity system. Additionally, we applied some printing techniques that added to the overall feeling of metallic texture." 02. Rezult: MDF flooring Rezult’s print collateral makes sharp use of the brand colours When Ukraine-based MDF flooring manufacturer Rezult needed a new identity, it turned to Kiev-based agency Fedoriv. Challenged to help the plant shift from Russian to European and Asian markets, Fedoriv focused on elevating the quality of the product in the new branding. The new tagline is short and witty “Our research made it clear that some people treat renovation very seriously, regardless of what part of the world they live in,” explain the team. “These people do a thorough remodelling job, applying effort to extend the lifetime of their house. They aren’t against paying more, as they believe that cheap cannot be good.” Fedoriv intended the company’s new name, Rezult, to have a Germanic twang of efficiency, a theme emphasised by the red-and-black colour scheme. A witty tagline – ‘Stand On Quality’ – completes the package. 03. Osteo Poly Clinc: Medical massage This osteopathy branding cleverly uses a circle to represent a human being in perfect condition This outstanding piece of design looks like a Vaughan Oliver 4AD album cover. It's actually for a clinic specialising in osteopathy (the manipulation and massage of bones, joints, muscles), a meticulous project in which everything means something. When the elements get back to the perfect circle, it means recovery "It was important to explain what is osteopathy and how it works," say Victoria Ermolaeva, from branding specialist Ermolaev Bureau. "Doctors use their five fingers to treat people – five main points in the name of the company form the perfect circle. The circle is a symbol of a human being in perfect condition. A broken circle shows that there are some problems with health, its compositions stand for different problems with human body. The most distorted circles define the worst diseases. When the elements get back to the perfect circle, it means recovery." 04. Habito: Mortgages This mortgage company wants to appeal to the mainstream While the big banks are becoming increasingly savvy to the power of good design, it takes real skill to make the prospect of borrowing vast sums of money to buy a house look carefree and cool. Driven by an ambition to become a household name in mortgages, new service Habito asked London-based agency MultiAdaptor to create a brand that would appeal to a mainstream audience and take the company to the next level. This branding gives mortgages a carefree face With consumer trust in financial services at an all-time low, Habito needed a fresh, authentic, empathetic brand to cut through and connect with people. “We created a distinctive anti-gravity graphic language and calming visual world for Habito,” explains MultiAdaptor co-founder Andy West. “Seemingly heavy forms are lifted up to give them an unexpected floating feeling, reflecting the big idea at the heart of the brand: lift away your mortgage worries.” 05. Telma Gonçalves: Law This branding for lawyer Telma Gonçalves is a far, refreshing cry from the usual gavels and scales Law is another industry not known for its love of aesthetics. Humana Studio took on the challenge to brand Telma Gonçalves, "a young, open-minded lawyer". The Lisbon studio wanted its work to differ from typical lawyer identities. It had to find a way to represent justice and balance without relying on traditional symbols likes gavels and scales. Two horizontal lines form the symbol representing justice and impartiality Ana Abreu is an illustrator and creative director. "Our solution," she says, "was to make every element balanced, by being horizontally aligned. This way it represents justice and impartiality. The two horizontal lines form the symbol, a minimal reference to the balance." 06. Mark Spencer: Forensic botany The tagline captures the magic and mystery of the profession Mark Spencer is a forensic botanist: he consults with police departments and forensic services on cases where plant-based evidence can unlock crimes. OK, so that's quite cool when you know what it is – but conveying that in a branding scheme is not so simple. The skeletonised leaf mimics an eye Fieldwork Facility was asked to create an identity for Spencer that was intelligent, simple and memorably executed. The logo – a skeletonised leaf that resembles an eye – represents Spencer’s observational skills and vast botanical knowledge. The tagline ‘Plants Hold Secrets’ tells the story of his forensic work, while ‘Plants Tell Stories’ is used for his public-facing work, such as TV. “We created imagery for these two worlds by commissioning Robin Friend, a British landscape photographer, to join us on a simulation of a forensics investigation with Mark,” explains Fieldwork Facility creative director Robin Howie. 07. Dansk Erhverv: Chamber of Commerce Two words: modern and innovative Dansk Erhverv is the Danish chamber of commerce network for the service industry in Denmark. Charlie Tango took on the job of rebranding the organisation because "their visual identity no longer suited the work they perform or the perception they had of themselves." The Copenhagen studio held workshops with employees to find out more about their culture and values. They came up with eight words. Charlie Tango picked two of those words to guide the design process: modern and innovative. From those two words they ended up with a "sharp, professional and Nordic minimalist design." Clear blue and deep orange provides a clean and easy-to-understand hierarchy Managing director Andreas B. Iversen says: "We started to make the logo sharper, so today it appears more significant, modern and robust. In addition, we defined new brand colours: the clear blue and deep orange provides a clean and easy-to-understand hierarchy in both printed matter and digital elements. We also defined a new, tighter image style that appears more professional and reflects the Nordic countries and Nordic values. Finally, we introduced a 5th element in the form of a dotted grid that creates recognition across the Dansk Erhverv." 08. LafargeHolcim: Cement Branding for Swiss-based construction materials and solutions company LafargeHolcim follows a Russian constructivism vibe LafargeHolcim is Swiss-based construction materials and solutions company. So how did it end up with a Russian constructivism vibe on the packaging for its cement? The redesign of LafargeHolcim was undertaken by Moscow-based studio Ohmybrand Nadie Parshina is creative director at Ohmybrand, the Moscow-based studio challenged with the rebrand in Russia, where the company was competing with similar packaging and even fakes. "The biggest challenge when working with international companies," Parshina says, "is they don't understand often the specifics of local markets – in particular, the Russian market. But the Russian office of LafargeHolcim gave us serious support, and we managed to comply with corporate standards and solve important the tasks: visibility and recognisability of the brand." 09. Securrent: Internet security Seçkin Uysal Studio Recode held workshops to find Securrent's 'brand essence' Securrent is a Turkish IT security provider. Seçkin Uysal is founder and managing director of Studio Recode in Istanbul. Uysal says companies wanting a rebrand generally prefer something conservative, something pretty close to what they already have. With Securrent, he held workshops to find out what was the "brand essence." The finding from these workshops helped him sell the final rebrand. The biggest challenge was creating symbols and metaphors for the brand "The brand identity," Uysal says, "which comes after brand essence, was almost easy. However, there was the challenge of creating symbols and metaphors for the brand. Our solution was presenting a base moodboard based on the workshop we had and then could go on with ease." 10. UK Scouts The biggest challenge for the NotOnSunday team was creating something that had to be used by 7,000 different Scout groups The Scouts may have undergone a modern revamp in recent years, but here in the UK the organisation traditionally isn't the coolest. But London agency NotOnSunday approached the rebranding job the same way it would any brand. It picked out the organisation's key strengths, its sense of belonging, its focus of skills for life, and built up the project from there. The NotOnSunday team picked out the organisation's key strengths and built up the project from there "The biggest challenge," co-founder Trev Townsend says, "was creating something that had to be used by 7,000 different Scout groups throughout the UK. We didn’t want to overcomplicate the layouts. The creative fun will flow out over the next couple of years. We had to create something that could be used by all, including non-designers." 11. TRIPOM: Perioperative medicine After exploring numerous styles, a triangular-rotational form was selected for Tripom's branding Perioperative medicine is the "medical care of patients from the time of contemplation of surgery through the operative period to full recovery." Not an easy job when it comes branding. Mark Richardson – aka Superfried – took on a "challenging project, requiring design discipline" for an organisation called TRIPOM (Trainees with an Interest in PeriOperative Medicine). Richardson wanted his work to stand apart from medical design cliches. Check out the organisations website – before and after – to see to his outstanding work in action. The new brand identity is fun, vibrant and connects with TRIPOM's target student demographic "They required a new brand identity," Richardson says, "and the development of a complex web-based platform that was fun and vibrant to connect with their target student demographic. Numerous arrangements and styles were explored, but a triangular-rotational form was selected – having an apt chemical-medical diagrammatic feel. For the logotype bespoke uppercase lettering was developed with the subtle addition of dots to convey it's acronym nature." Read more: 21 outstanding uses of colour in branding What's your brand archetype? Logo design tips from the pros View the full article

Automotive brands are some of the most established, powerful and recognisable in the world. Emblazoned on the front (and back) of one of the most expensive single purchases we make, the best car logos become badges of pride, as well as signifying quality of design and engineering. Many are over a century old now, but like all the best logos have stood the test of time and won a place in the logo design hall of fame. Read on to discover the fascinating and unusual stories behind seven of the best car logos of all time... 01. Mercedes-Benz The three-pointed star shows dominance of sea, air and land Mercedes-Benz's three-pointed star is now a powerful statement of efficient German engineering and premium quality, but its roots are rather more charming. In 1872, Gottlieb Daimler, technical director of petrol engine manufacturer Deutz, drew a star above his house on a postcard of Cologne and sent it to his wife, vowing that one day the symbol would adorn his own factory. Daimler-Motoren-Gesellschaft trademarked that three-pointed star as its logo in 1909. Following a merger in 1926, the company was renamed Mercedes-Benz and acquired the Benz laurel wreath, which became a simple ring in 1933. Mercedes-Benz doesn't just make cars, of course – and the three points are said to represent motorised dominance of the sea, air and land. 02. Ferrari The prancing horse was first seen on a WW1 fighter plane Enzo Ferrari first saw the prancing horse that would later adorn his eponymous sports cars on the side of a First World War fighter plane, flown by ace Italian pilot Count Francesco Baracca. Baracca's parents urged Ferrari to use the symbol as his logo, to bring him luck, as they believed it had for their son. He did, when founding the Scuderia Ferrari racing team in 1929 – adding canary yellow to honour his home city of Modena. If luck translates into profitability, it certainly paid off – nowadays, Ferrari-branded merchandise brings in almost as much cash as the cars do. Count Baracca, however, was not so fortunate as he was later killed in action. As a mark of respect, Ferrari made the horse black – rather than red, as it was on the plane – to mourn the ace pilot that inspired the iconic logo. 03. Cadillac Antoine de la Mothe Cadillac's crest was actually made up In 1902, the Cadillac Automobile Company chose the crest of Antoine de la Mothe Cadillac, who founded the city of Detroit in 1701, as its logo. However, the plot thickens: 'Antoine de la Mothe Cadillac' was not in fact his real name. He took it at the age of 24 when he enlisted in the military, to give the illusion that he hailed from high society. On his arrival in the New World, no one could check his true origins, and Cadillac assembled a coat of arms from various sources. The three coloured bands represent boldness, virtue and valour. The crest also incorporated a crown, a wreath, and a several Merganser ducks – a rather humbler creature than the prancing stallion above, or the pouncing big cat below. Re-workings of the Cadillac logo in 1999, 2002 and 2014 lost the ducks and the crown in favour of a sleeker, more modern metallic shield. 04. Jaguar Jaguar's distinctive hood ornaments are no longer permitted Symbolising speed, strength and power, the leaping jaguar is a hugely distinctive and highly energetic addition to our list of iconic car logos. It is usually depicted in simple yet refined colours such as black, metallic grey and gold – intended to represent elegance, integrity and high-performance, as well as class and sophistication. Until fairly recently, a highly distinctive jaguar ornament could be seen leaping from the hood/bonnet of classic Jaguar cars, but pedestrian safety regulations mean they are no longer permitted. 05. Volvo Volvo's symbol represents war, iron, and masculinity Swedish car manufacturer Volvo can boast another fascinating tale behind its logo, and it's one steeped in mythology and ancient symbolism. Its distinctive logo is the symbol of the Roman god Mars, long associated with war and weaponry – but also the alchemist symbol for iron, and masculinity. Volvo needed a badge that lived up to its reputation for safe, sturdy and reliable vehicles, and adopted the circle with upward-pointing arrow in the 1920s. The name 'Volvo' itself means 'I roll' in Latin, although the association with wheeled vehicles is fortuitous. It refers to the company's original output: ball bearings. 06. Alfa Romeo Alfa Romeo's serpent isn't eating a man - he's being reborn Even a quick glance at the Alfa Romeo logo implies there's a decent story behind it, and you wouldn't be wrong. While the red cross on the left-hand-side is the symbol of Milan, home of the Italian car maker, on the right it appears to have chosen a man-eating snake. Otone Visconti, a knight from the former ruling family of Milan who fought in the First Crusades, is said to have taken the symbol of a serpent devouring a man from the shield of a Saracen he defeated in battle. Alfa Romeo, however, claims that the man is in fact emerging from the snake, purified and renewed, and the scene is a symbol of rebirth. 07. Chevrolet Not even the founder's family agrees on Chevy's logo origins Sometimes the heritage behind a highly recognisable logo can be a little cloudy, as is the case with the 'bowtie' marque adopted by American car-maker Chevrolet. There are, in fact, three different versions of its origin story, from three different members of the family of its founder, William C. Durant. Durant himself claims the design was inspired by wallpaper in a French hotel, and this version was upheld in Chevrolet's 50th anniversary publication. According to his wife Catherine, a 1911 advertisement for 'Coalettes' fuel in a 1911 newspaper was actually the source of inspiration. Their daughter Margery disagreed, and argued that Durant simply sketched a nameplate design "in between the soup and the fried chicken" one evening. Chevrolet itself now acknowledges the uncertainty, with its 100th anniversary publication stating the logo's true origin is unknown. Read more: 5 unusual uses of colour in logo design Big-brand logos that pass the silhouette test Iconic American logos that changed branding forever View the full article

Like most technical skills, video editing is something that seems really difficult if you've never learned how to do it. But it's an important skill to have these days, with more and more industries going digital and becoming video-based. For $21, master one of the most widely used video-editing platforms in the world with Adobe Premiere Pro CC Masterclass: Video Editing Made Easy. This comprehensive course will teach you everything from the very basics – starting a project, adding video transitions, incorporating titles – to more advanced techniques, such as colour-correcting, adding visual effects, and editing chroma key footage. Whether you want to become a video-journalist, a social media expert, or even a Hollywood film editor, you can learn the video-editing skills you'll need with Adobe Premiere Pro CC Masterclass: Video Editing Made Easy. Related articles: The best video editing software 2018 The best computers for video editing 2018 6 best laptops for video editing 2018 View the full article

Rachel Inman backs inclusivity in her team at Google This interview took place in 2016. Rachel Inman doesn't like exclusivity, which directly ties into her role as at Google where she works on perfecting the user experience. Describing herself as a "bit of a nerd" growing up, it reminds her of when one group of kids felt entitled to exclude others. In a business environment, people can often unconsciously create an 'us versus them' mentality too. "The 'them' could be the clients, the project managers, your engineering team – anyone you perceive just doesn't get what you're trying to create," she says. "You feel like they are against you or threaten your power. This is dangerous because it can lead to secrecy and defensiveness. Communication breaks down. Egos flare." A design solution from an engineer is just as valid and celebrated as an engineering idea from a designer Thankfully in her role as UX designer at Google, Inman is able to ensure everyone on her team has a say. "It's baked into our process," she enthuses. "Engineers, PMs and designers are writing user stories together, disseminating research, and forming a shared understanding of the 'why'." Not only does this make for a more effective workflow, it also has a positive effect on job satisfaction. "Morale is high because there are no more walls. A design solution from an engineer is just as valid and celebrated as an engineering idea from a designer." Bigger picture Inman didn't get to Google with a traditional Computer Sciences degree: she received a BFA in Industrial Design from the Carnegie Mellon School of Design, and also dabbled in architecture and urban design during her time there. "I think I was giving my academic advisor a headache," she remembers. "Every semester, I was maxing out on the units I could take." Prior to university, she'd attended an art school and concentrated on sculpture of "the type you can't really give your mom for her birthday because it's too unwieldy to put on a shelf." She had planned to continue experimenting with these large sculptures, but found herself questioning her path. "I started thinking more about what I wanted to put out into the world as a creator. Were my creations making life better for others? I wanted to find a more direct way than sculpture to do good in the world." Rachel was part of the Google Earth Outreach team The choice led her to CMU. Taking part in industrial design classes there was to, as Inman puts it, "fulfil a desire to affect the entirety of a person's experience." For one project, she spent an entire summer conducting research around Pittsburgh, sitting in public spaces for hours and taking notes on people's activity. Inman credits the diverse curriculum and opportunities at CMU with helping her see the bigger picture – something that has come in handy at Google. Small but mighty Since joining Google, Inman has worked on a wide range of teams and projects. She is currently engaged in building business applications for Google employees to use. Last year, as part of the Google Earth Outreach team, she worked on the launch of Global Fishing Watch – an initiative to monitor fishing activity. "One of my most exciting days was coming to the UN headquarters to watch my programme manager present a demo to an assembly of island nation representatives," she enthuses. "It was so inspiring to see them get on board with the idea that this tool could really empower their local leaders and environmental activists." Our project team is small but mighty, which I find really exhilarating Inman also led the team that redesigned the public-facing site introducing Google Earth Engine. Earth Engine is a resource exploring changes in the Earth's surface; users can sign up to gain access to a wealth of geophysical, climate, weather and demographic datasets. A key aspect of the redesign was to make the site responsive, enabling users to learn about this tool anywhere. One challenge was to establish what users from different academic disciplines needed to see in order to use the platform in their projects. "Finding out what users wanted wasn't hard; it was narrowing that down to the essentials that was tough, " Inman explains. "Our project team is small but mighty, which I find really exhilarating." Working at Google has also enabled Inman to learn a different side of UX. Prior to joining the company, she spent three years as a senior experience designer at R/GA, which she describes as "a wonderful training ground" for her design career. However, predominantly working on commercial sites aimed at helping people buy things meant she soon found herself questioning her path again. "My desire to feel useful took over and I gravitated towards Google because the products they create provide such great utility to people around the world. They don't rely on flashy interactions – they aim to be intuitive, simple, and occasionally smile-provoking." Personal goals Recently, there's been discussion within the industry that some basic aspects of design have become lost under the weight of 'unnecessary' embellishments. Whilst some could argue that designers are failing to focus on their user, Inman says that the basic aspects of design are relative to the individual designer. However, she does concede that at one point or another, all designers will lose their focus on the user. "We have the best intentions, but other constraints push us in a different direction," she offers. "It's unfortunate, but it happens. Though, if you notice it happening a lot in your workplace, you might want to speak up or head for the door." Usefulness is a key requisite of Rachel's work She also emphasises that each designer's priorities depend on their personal goals. "Maybe you want to design a game for users to play that will likely distract them from what they really need to do, but does bring them temporary joy. That's valid." Inman, however, is not interested in creating games. "My definition of necessary is very rooted in a desire to create useful things that help people do good in the world." The key questions she asks are: Does this solution help people accomplish a core goal? Does it engage the user as little as possible, while still giving them maximum value? And finally, can this solution spark exponential good? How, why and who Taking all this into account when tackling a new project – at such a large company – is undoubtedly a daunting prospect. Inman begins by investigating the project's background, stakeholders, and the user problems they're trying to address. This usually means digging through a load of documents about previous projects, reviewing research findings, and sometimes learning about a new subject altogether. "Being transparent about research, insights from users, and my own intentions is an incredibly important part of starting a project," she urges. "Everyone should try to come to a shared understanding around why we're doing this project and who we're doing it for, before we can move on to the 'how'. You can always go back to the 'why' and the 'who' you defined in the beginning, to remind your team of the original mission course." Everyone should try to come to a shared understanding around 'why' and 'who', before we can move on to the 'how' Inman also makes diagrams for herself, in order to better understand the problems she's solving. While it's not something she was formally taught, she thinks a lot of designers find this approach helpful, purely because they're visual thinkers. "I used to do this sort of thing as a kid in science class so I could remember how to complete experiments," she laughs. "The teacher would demonstrate and I'd quickly sketch what she was doing so I could replicate it later." Despite busying herself with an array of projects at Google, Inman makes time to work as an expert in residence for the General Assembly's New York campus, teaching 'Introduction to UX Design'. She covers a wide range of topics during the 12-week course, but it's a taste for experimentation that she wants her students to gain from the programme. "In many cases, they come in with no design experience, and leave with a foundation they can build on," she begins. "If my students walk away with any message, I hope it's that they don't need permission to create and experiment. Aside from understanding their users, I really want them to feel free to keep making, testing, failing and continuing. That's the only way they'll get better!" A vision of the future While she's busy inspiring others, Inman finds her own inspiration in artists, designers and other thought leaders. Current influences include illustrator and writer Maira Kalman, sculptor Henry Moore and World History of Design author Victor Margolin. One quote from Margolin has had a particular impact: "Designers occupy a dialectical space between the world that is and the world that could be ... To plan effectively in the present requires a vision of what the future could and should be like." "This quote resonated with me during a slump," says Inman. "I had been working very hard on several projects and they were all technically going well, but I'd lost the fire inside me." Rachel hopes her work will make the world a slightly better place Around that time, a white paper from CMU arrived in the post. In the margins, the author had included quotes from designers and design thinkers like Margolin. Inman took photos of the quotes, and kept looking at them throughout the week. "This quote reminded me of the reason I got into this crazy world of design – to try and make the world just a tiny bit better than how I found it," she recalls. "That might seem like a naively optimistic goal, but I still believe it to a certain extent." This article was originally published in net magazine. Subscribe now. Related articles: Why design is key to Airbnb's incredible success Designing for the web's most vocal users What are the main barriers to good UX today? View the full article

Welcome to our list of the best cheap 4K monitor deals in 2018. Happily, these days upgrading to a 4K monitor doesn't have to mean spending obscene amounts of money. Here you'll find a carefully curated selection of brilliant ultra HD monitors that won't break the bank. Many of the screens below are aimed at gamers, which means they're also perfect for video editors, photo editors, designers and digital artists – in fact, anyone who wants to see accurate colours on their screens. That's because using a monitor with 4K resolution (also known as UHD, as it's a bit less than 4K, with a resolution of 3,840 x 2,160) enables you to view your work in all its glory. And if you choose a 4K monitor with HDR (High Dynamic Range), your colours will look even more vibrant and realistic – however bear in mind that 4K screens with HDR support can be more expensive. Before investing in a cheap 4K monitor deal, there are a few things you should keep in mind. You'll need decent hardware to power the monitor, so you'll need a relatively recent discrete graphics card. Try the Nvidia GeForce GTX 1080 Ti or 1070 Ti, the AMD Radeon RX Vega 64 or AMD’s Radeon Pro SSG Graphics card. Also, watch out for refresh rates. Some budget 4K monitors cut corners and may only offer 30Hz refresh rates. While that's okay for working, it might cause your monitor to feel a little sluggish when displaying animations. You'll want to get a 60Hz panel if possible. Some budget 4K monitors also have narrower colour gamuts, which will lead to colours not looking their best. The best monitor calibrators for designers You won't find these issues in the brilliant budget 4K monitors we've got here, though. Read on for our pick of the best cheap 4K monitors – and 4K monitor deals – and find the perfect UHD screen for your needs and budget. The best cheap 4K monitors and deals Balancing budget and performance, the Iiyama ProLite B2888UHSU is our pick of the best cheap 4K monitor overall. While many 4K monitors are expensive, the Iiyama ProLite B2888UHSU does an excellent job of providing brilliant 4K performance for video and photo editors at a competitive price point. It comes with a TN panel, which isn't too hot at viewing angles – but you'll be fine when sitting directly in front of it. And it has a large number of video inputs as well. This is a fantastic cheap 4K monitor, and you'll find the best deals available above. If you've got a little more money to play with, Acer’s S277HK is our top choice for the best mid-range 4K monitor out there. It isn't as cheap as our best budget pick, above, but it's still affordable compared to many 4K monitors, and it offers heaps of value. With a 1,000,000,000:1 contrast ratio, a colour gamut of 1.07 billion and a resolution of 3,840 x 2,160, the Acer S277HK excels at image quality. And while the minimalist design might not have a lot to shout about, some will appreciate its pared-down looks. The best cheap 4K monitors for photo editing The LG 27UD88-W represents an excellent cheap 4K monitor deal, thanks to its (relatively) low price. It's a winner for photo editors in particular, as it comes with a wide selection of display modes, including sRGB, although there's no dedicated RGB preset. However, colour accuracy is excellent, and it comes with plenty of ports and a stylish silver design. This is a fantastic 4K monitor for creatives on a budget. Sure, the NEC MultiSync EA275UHD's design is a little boring. But it's what's on the screen that matters, and this is an excellent 4K monitor for photo editing. Colour reproduction is very good, and it has its own photo-viewing mode. The screen does need a bit of calibration out of the box to fully realise its potential, but if you don't mind fiddling with the settings, you'll get an excellent 4K monitor for your money. The best cheap 4K monitors for video editing Okay, so the BenQ PD3200U isn't exactly cheap, but its screen size and resolution make it a savvy choice for video editors, 3D designers and creators generally. It boasts a generous 32 inches of screen real estate, so you can fully appreciate the 4K resolution of your video footage. Meanwhile, 3D designers will be grateful for the inclusion of a CAD/CAM mode, and everyone else will appreciate the factory-calibrated colour accuracy and Rec. 709 adherence. If you have a little more money to spend, the ViewSonic VP3268-4K is a top-class mid-range 4K monitor that makes for another ideal choice for video editors, thanks to its large screen size and impressive contrast ratio. It also includes a HDR mode, which many video editors will feel is an essential feature for a monitor, allowing you to edit your HDR footage. It's not the best when it comes to Adobe RGB coverage, but for the price you're getting an excellent 4K monitor, and there are some great deals out there to get the screen even cheaper. The best cheap 4K monitors for graphic design The Asus ROG Swift PG27AQ is a cheap 4K monitor that's mainly aimed at gamers, but here's the thing: it's also an excellent screen for graphic design. As well as giving you accurate colours and a good contrast ratio, it's got some great pre-set modes to help make your work look as good as can be. And while it's expensive for a gaming monitor, it's a very reasonable price if you're a professional graphic designer looking for a 4K screen. (And if you fancy playing a few games on it as well, then even better.) As the name suggests, the ProArt PA329Q is Asus' cheap 4K monitor aimed at digital creatives. This means it comes with high colour accuracy, with almost 100% Adobe RGB and DCI-P3 colour spectrum support as well – making it an excellent choice for creatives. It also comes with plenty of input ports, the screen size is nice and large, and with a 60Hz refresh rate, it feels fast and responsive as well. This is an excellent mid-range 4K monitor. The best cheap 4K monitors for digital artists The Dell UltraSharp UP3216Q wasn't a cheap 4K monitor when it was first released, but now that it's been out for a few years, there are some excellent deals to be had with this screen – making it our pick of the best affordable 4K monitor for digital artists. You want the colours displayed on your monitor to be as accurate as possible, and, for the price, the Dell UltraSharp UP3216Q's colour accuracy is excellent. Dell is well known for making very good monitors, and its reputation is ensured with this brilliant cheap(ish) 4K screen. It doesn't have some of the features that some newer monitors have, such as HDR, but it's still a top choice if you're looking for a bargain. Related articles: Empty list View the full article

Every web designer needs the right collection of tools in their creative arsenal to help create the site they want. Everyone has their favourites, but there are always new tools appearing that have something to offer. Here you can find a selection of tools to help you create the perfect colour palette, add drag and drop functionality, quickly create a static site, create a logo in double-quick time and check for broken links and duplicate titles. 01. Duotone Create duotones quickly Need to create complementary duotones in double-quick time? Then this tool is the ideal option for the job. All you need to do is upload an image, choose two colours (or pick from the preset options) and download the finished result. Simple. 02. CSS Gradient Find the code for the perfect CSS gradient Need the code for the perfect CSS gradient? Check out this tool for the answer. There is the option to specify the size, colour, type and angle. Once you've picked the gradient you want, all you need to do is copy the generated code into your stylesheet. 03. GatsbyJS Gatsby lets you build static sites fast Gatsby is a super-fast static site generator for React. So what does it have to offer? A static PWA (Progressive Web App) generator, it builds sites fast using the power of the latest web technologies – React, webpack, modern JavaScript and CSS, and more. And it enables you to pull in data from a host of sources using GraphQL. 04. Pigment Create complementary colour palettes This tool allows you to explore colour combinations via the use of pigment and lighting. By default, a grid of colour combos are displayed with the option to tweak and view side-by-side fullscreen. Once the colour options are complete, copy the HEX codes into your stylesheets. 05. Logomaster Create a logo quickly Need a logo fast? Then this neat tool is a quick option for getting a business card built in minutes. Of course, ideally you'd get a professional to do the job – but if you're in a major hurry, this might just do the trick. Kick off by adding your company name and hitting the Try Me button. Then it’s a quick step process of selecting a category, logo style, colour, slogan and fine-tuning to get the final result. When finished save for further editing or buy to keep. 06. Dragon Drop Create accessible drag-and-drop lists Dragon Drop (there is a clue in the name) is a drag-and-drop list reorder plugin. It offers straightforward reordering of list items plus a few more complex options. Reorder your schedules and quickly reorder nested lists. 07. Checkbot This extension checks your site's functionality Checkbot is a browser extension that checks for broken links, duplicate titles, redirect chains, invalid HTML/JS/CSS and more. Plus, it can boost your SEO. Sign up for Generate to discover the best tools Tools, best practices and accessibility are just a few of the essential elements needed to create the perfect web site or experience. Sara Soueidan, an award-winning freelance frontend UI developer and author from Lebanon, knows how to put them all to good use. At Generate London 2018 she will talking about how to use CSS (and SVG) for the good of UX. Plus, she will be running a workshop entitled 'Front-End Meets UX: Designing & Creating Universal UI Components'. Get more details on both and get your ticket today. Related articles: 10 top prototyping tools 7 tools to create a site that works for everyone The best graphic design tools for April 2018 View the full article

Two Canadian banks reported that they may be targets of a hack after fraudsters claimed that they electronically accessed personal and account information. View the full article

Attack uses ultrasonic sound waves to disrupt HHD read/write operations, which could lead to a system crash. View the full article

An exploit for the bypass vulnerability required an HTTP parameter pollution in a web application. View the full article

Researchers have discovered a banking trojan making waves in Brazil with an array of tricks up its sleeve, including using an unusual command and control (C&C) server. View the full article

Building a brand that really connects with your customers can seem like an uphill struggle, with more than a little guesswork thrown in for good measure. Even if you have one of the best logos ever, it can still feel like branding is a process of trial and error. However there's one technique that you can use to create brands that really connect with their audiences, and all it needs is a little psychology. 9 embarrassing branding blunders What you need to start thinking about is brand archetypes. Swiss psychologist Carl Jung came up with the term 'archetype' to describe fundamental personality types that we all respond to, one way or another. According to Jung there are 12 archetypes, each of them characterising universal patterns of behaviour that we all understand instinctively because they appeal to basic human desires that are hardwired into us. Because we're all individuals with our own tastes, quirks and desires, we're all attracted to different archetypes. The 12 archetypes and the basic desires they appeal to Brand archetypes reflect the same behaviour patterns; the trick here is to align your brand with an archetype that your customers will react positively. If you can do this, you can create a much deeper connection with your audience and reap the benefits in the long term. So how do you find your brand archetype? It's all down to knowing your customer's personality, and then selecting an archetype that will appeal to them. So for example, if you discover that your customers just really want to belong and fit in, the Everyman archetype is the one that should speak to them. If your brand promises to take customers on a transformational journey, it's probably a magician The challenge, of course, is giving your brand a personality and tone of voice that reflects your chosen archetype; you need to really go for it. If you try to hedge your bets and appeal across a wider board, your brand will just sound confused and you won't make the deep connection that you'll get with a keenly focused brand archetype. You just need to bite the bullet and accept that your brand archetype will definitely alienate some potential customers, but the ones you attract will stick with you through thick and thin. Want to know more? Branding agency Iconic Fox has come up with a helpful guide to harnessing the power of brand archetypes, complete with useful infographics that'll help you define your brand strategy. If you want to create brands that really seize your customers' attention, take a look today. Related articles: 5 big branding mistakes to avoid The good, the bad and the WTF of brand apologies How to interpret and follow brand guidelines View the full article

There's some brilliantly designed 404 error pages out there but often the 'About' page can lack a little love. As one of the most important pages of an agency's website or online design portfolio, it has to look the business. Here, we pick some of the best. 01. Anton & Irene Anton & Irene is a design agency based in Manhattan. Its whole portfolio site is led by quirky photography of the agency's founders Irene Pereyra and Anton Repponen, and the About page is brought to life with some impressive snowy parallax effects. The duo have also included personal details – their favourite pieces of design work and their dream projects – to add an insight into their personalities. 02. ToyFight Some assembly required Manchester agency ToyFight has an amazing-looking site packed with parallax scrolling and animation, on which its two founders, Leigh Whipday and Jonny Lander, are recreated as anatomically-correct action figures. And for their about page you get to see them in their disassembled state, along with their bios and some cool accessories; it's the perfect mix of fun and informative. 03. Couro Azul Couro Azul's about page is a great-looking guide to its history You're unlikely to ever need the services of Couro Azul – it specialises in the production of leather furnishing for cars and trains, so while you may have encountered its products you probably won't be buying them. However you should definitely take a look at its about page, which mixes cutting edge techniques with vintage documents, varied layouts and subtle animation to give a stunning overview of the company's history. 04. Pierre Caron Pierre Caron has a very personal About page French artist and wood sculptor Pierre Caron shares his story, along with beautiful quotes and photos of his labours of love. 05. Blake Saurez Blake Saurez's About page is whimsical but informative Charleston-based designer Blake Saurez gives readers a glimpse of his goofy personality through his photo, along with long and shortform versions of his bio. 06. Cornett What would you showcase as the most important 'things' in your life? Kentucky based agency Cornett decided to add a little more personality where it matters. Here, their employees showcase what matters to them most. "We set aside a day to take some photographs and asked all of our employees to bring in their 10 essentials – 10 (or so) items they can't live without," they explain. It was like an agency-wide 'show and tell' day. Related articles: 6 inspiring redesigns of design agency portfolios How to write engaging case studies for your portfolio The best colour tools for web designers View the full article

Taken a look at your resume and realised the skills section could use a little padding? Check out the Virtual Training Company. With a lifetime subscription, you'll have access to more than 1,000 courses in a variety of different fields, including animation, programming, game design, and more. With so many to choose from, you'll definitely find something that piques your interest, whether you want to improve your employability in your current industry or even go in a new career direction. You'll learn valuable knowledge and important skills under the tutelage of industry experts, and best of all, you can work from anywhere. Easily access the courses from your computer when you're studying at home, or from your tablet when you're on the go. A lifetime subscription to Virtual Training Company is only $89. View the full article

When I first discovered Procreate I was stunned by the idea of having a portable device that enabled me to paint digitally. Over the years Procreate has transformed from a great drawing app to a professional tool. Nowadays, I do most of my work in Procreate, using an iPad Pro and Apple Pencil. Yet there are a few things I still do in Photoshop, such as cropping, resizing and preparing the image for publishing. Discover the best Procreate brushes In this Procreate tutorial, I’ll be drawing a Roman-inspired woman in her garden accompanied by three ravens. I’ll show you the full process of how I produce paintings using an iPad and Procreate in this tutorial. We’ll also try some of the interesting new features introduced in Procreate 4, such as Wet Mix. I believe this Procreate tutorial will be of interest for people who have moved from traditional to digital art, but also for those artists who are keen to see what can you achieve using modern tablets. 01. Sketch an idea Sketch out some ideas I create a few rough sketches, trying out different ideas, compositions and poses of the character. Once I produce a sketch I’m happy with, I set up a new canvas filled with medium-dark grey and copy the sketch on to it. Then I resize it slightly to ensure that the proportions work better on the canvas. 02. Put in the solid lines Start painting I start the painting by drawing solid lines on top of the chosen sketch. Then I create a new layer and draw the outlines using a standard Procreate 6B pencil brush. I don’t think about any details – I’m only drawing on the character and main objects in the painting. 03. Introduce local colour Get some colours on the canvas I want to apply local colour – the real colour of objects not affected by lighting or shadows. Having a local colour will help me to correctly apply light and shadows later on, while retaining my intended colour of all objects. I create a new layer for each group of objects (main character, ravens, tree and the background) and add colour in each layer. 04. Set up a Wet Mix in Procreate 4 Enable Wet Mix Most of the time, I only use two or three brushes. Procreate 4 has introduced a new feature called Wet Mix that makes any brush look like it was used on a real wet painting. I think that using it will make the painting look soft and more realistic, especially in the background,. To enable Wet Mix I tap on the brush and in the Settings menu select Dynamics and Wet Mix. 05. Add light and shadows Draw in the light and shadows I want to have two light sources: a cold blue as the main light and warm light as a secondary. This will help me to show off the shape and structure of all my objects. I enable alpha lock on each of layers that I’ve painted a local colour on, then start quickly drawing the light and shadows without too many details. Using alpha lock prevents me from drawing outside of the layer’s content. 06. Consider anatomy Tidy up the anatomy I move on to the main character and start drawing her face and clothes. I mirror the picture so that I can control the proportions of her face and correct any early anatomy mistakes. Always try to take advantage of your digital art tools. For example, instead of drawing the character’s second eye from scratch, I just copy the first one and use it as a base. 07. Add a pattern to the character’s clothes Draw in a pattern I create a new layer and start drawing the pattern without light and shadows. After I’m happy with the pattern’s look, I tap on the layer, choose Select and create a new layer with the selection preserved. Now I start to paint over the selection, bearing in mind light and shadow. When working with the patterns, you should always keep in mind that a pattern will follow all folds and creases on the fabric. 08. Move on to the ravens Create raven layers All three ravens are on the same layer, so I need to move each one on to separate layers. I select them using the Selection Tool, open the Transformation toolbar, and cut and paste the selection to a new layer. I move and resize them until I’m happy with the composition. 09. Make use of references Assemble reference photos I assemble some raven reference photos into a single image, open the reference board image in Photos and keep it open using the iPad’s Slide Over mode. Previously, you could only put a secondary app on the right-hand side, which was uncomfortable for right-handed users. iOS 11 enables you to rearrange the position of the secondary app. 10. Adjust curves Get to work on the curves I zoom out of the picture to check I’m happy with the progress I’ve made. I think that the main character is too bright for this type of lighting and her skin tone is too pink. I tap a Magic Wand icon on the top-left corner of the screen and choose Curves. I select Red channel and slide the curve down to reduce the red. 11. Develop background depth Draw in and refine the background The background is a forest in the golden light with no sharp edges but only a silhouettes of trees. I think it’s the perfect part of the painting to use the new wet brushes. First I draw the background. Then I add a few branches between the background and the main tree to create a mid-ground and give the image even more depth. I use lighter values for the mid-ground to show the distance. 12. Render the tree Render and tweak the tree The last part of the illustration is the tree that the main character leans on. After rendering the tree, I feel that it looks too cold compared to other objects in the scene, so I duplicate the layer with the tree and reduce the blue colour cast using Curves. The tree trunks in the mid-ground should be lighter than the main tree, so I remove all changes made to mid-ground trees from this layer. 13. Finish with the lighting Get the lighting just right Now I want to make the light more intense. I create two layers and switching them to use Hard Light mode by tapping the 'N' character near the right-hand side of the layer, then choose Contrast. Using a soft Airbrush I add a few rays of light. I then lower the opacity of these two layers to enhance the realism. 14. Add final details Go away… and come back to it After I’ve finished my painting, I leave it for a few hours before I add any final touches. This helps me to look at it with fresh eyes. It’s even better to come back to it the following day. I decide to add a few strokes to the main character’s tiara, bring in more details on the tree and make the background a little bit less saturated and bright. This article was originally published in ImagineFX magazine issue 155; subscribe here. Related articles: How to create original fan art How to use the rule of thirds in art Colourise greyscale work in Photoshop View the full article

When it comes to new blockchain ventures, you may think the look of your website is of secondary importance. If the project is sound, it shouldn’t matter how its site is designed, right? Wrong. A great looking website is essential if you want to encourage investment and inspire public confidence. Let’s say a hopeful investor is searching every corner of the internet for upcoming Initial Coin Offerings. They look at its whitepapers to discern its concepts, technology, token distributions, techniques and vision, and it all seem promising. But its website looks like it was patched together by amateurs. Instantly, they begin to wonder if it’s a shady venture, and are deterred from investing. The team behind an ICO can have the most brilliant engineers and visionaries, but unless they present themselves well, they do not give off the impression that they know what they are doing. A well-designed website is imperative for blockchain companies to inspire confidence in both investors and the public (not convinced? Take a look at this article on how to spot and ICO scam). The stakes are too high, for everyone involved, to put out a mediocre blockchain website. Well-composed sites offer a feeling of legitimacy and potential. Outright stunning websites are even more confidence-inspiring, communicating to audiences that not only does the team behind the project know what they’re doing, they care about the details and users’ experiences. Here are a few of the most beautiful blockchain websites to look to for inspiration and guidance. 01. Dispatch Labs Dispatch Labs provides a blockchain application other businesses can use, accounting for network speed and size unlike any venture before them with its Delegated Asynchronous Proof of Stake consensus algorithm. With a version of blockchain that takes the technology a step further (and may be confusing for some), it’s vital Dispatch’s website appears approachable. The front page of Dispatch’s website works as an introduction to the project. All information is organised horizontally, which immediately puts the viewer at ease. This is one of the chief principles of design: because English speakers read left-to-right, anything else is psychologically disruptive. The colours are vibrant and contrasting, but the white spaces between give readers’ eyes a break, enabling them to absorb information better. The text is bold, too, to establish the company’s confidence in its mission. 02. Muirfield Investment Partners Muirfield Investment Partners is a real estate investment firm that uses blockchain to solve prevalent structural issues with typical private equity funds. The company recently redesigned its website to prepare the public for its rumored TAO (Tokenized Asset Offering). Its website’s monochrome colour scheme (broken up with a few splashes of red), and hero image of a fictional city (the first thing site visitors see), work together to create a futuristic mood. The company aims to revolutionise private equity real estate investment investment, so the suggestion of heralding a new era is appropriate. 03. Cryptfunder Cryptfunder helps other ICOs acquire funding. Because blockchain is not exactly mainstream yet, many people still consider it to be a futuristic technology, despite the fact it is poised to disrupt multiple industries. Cryptfunder’s website, like Muirfield’s, opts for a futuristic feel, but this time through a different kind of imagery: microchips, planets, and stars, all washed with cool blues and purples. The sheer artistry of the website’s graphics lets visitors know that a significant amount of time went into the design. If a company puts that much effort and care into its aesthetics, its whitepaper is worth looking into. 04. GeekWrapped GeekWrapped is not hosting an ICO, but a cryptocurrency news aggregator. Though the website is not trying to convince investors and customers of its legitimacy, it’s helpful for blockchain websites of all kinds to look authentic and considered. GeekWrapped’s main page features various cartoony (but not too cartoony) landscape imagery. The aim here is to create something that feels familiar: while blockchain remains a field many do not fully understand, news resources should appear much more accessible. View the full article

As a designer, your portfolio is your calling card - a carefully curated selection of your work that should show you at your very best. When it comes to presenting projects, don't settle for flat artwork. Whether it's a range of branding collateral, a brochure, a website, or an app design, mocking it up in situ makes a huge difference. In an ideal world, you'd bring all your work into a studio and art direct your portfolio beautifully and consistently. But not everyone has the time or the budget to do so. Fortunately, you can achieve a professional effect using some premium stock images and a bit of mock-up time in Photoshop. So read on for our guide to the best images to use for five common portfolio tasks, complete with top recommendations from iStock by Getty Images. Branding collateral Click to view image on iStock You're working on a new brand identity for a client that incorporates everything from a business card to a website. How do you show it off in your portfolio? Individual images of the different components is one way, but a single hero image that pulls everything together is much more effective. There are many premium stock images available that could work as a hero image across common brand applications. Once you choose one, you just need to mock up your final designs onto blank templates. And, if you have an additional design that’s more unusual or bespoke, you might want to show it off separately. Responsive websites Click to view image on iStock All the best websites are fully responsive, but you can't expect potential clients browsing your portfolio to follow links and bother testing it out in all those different contexts. To show how your design works across devices instantly, a premium stock image featuring a laptop, a tablet, and a smartphone is a great starting point. Just mock up screengrabs onto the different screens, placing particular emphasis on pages of the website that scale most noticeably. Posters and billboards Click to view image on iStock Digital ads may just need an in-situ screengrab, but if you've designed something tangible—whether it's an A1 poster, or a 96-sheet billboard—make the effort to give it some context. There are many premium stock images available that show blank advertising hoardings, or posters in interesting looking studio settings. It's much more engaging than just showing the flat artwork, without the time, cost, and hassle of scouting an actual location. App designs Click to view image on iStock Screengrabs and icons are all very well on the App Store or Google Play, but if you're featuring an app design in your portfolio, make the extra effort to mock it up it on a phone. After all, if you've designed an app that works across iOS, Android, and other platforms, a high-quality promotional image that shows it in situ on different devices will tell that story immediately. Best of all, there are plenty of premium stock images available that show multiple devices in one shot - such as the one above. Brochures and annual reports Click to view image on iStock Although brochures, annual reports, and other printed materials are standard in the design industry, that doesn’t mean they have to look bland—think outside the box, and try to make them look as visually appealing as possible. Best of all, they are likely to conform to a standard size and aspect ratio, such as A4—meaning you're spoiled for choice when it comes to premium stock images on which to mock up your design. Click to view image on iStock You should include a stylish shot of your cover and place it in an environment where it can take centre stage. Also, take the time to create some particularly engaging internal spreads to show off your ability to mock up consistent, on-brand designs. If the images above could fit nicely into your own portfolio, you're in luck: iStock by Getty Images is offering new customers 12% off all credits by using code 12CBLOQNEW at checkout. Good luck revamping your portfolio! View the full article

You're reading Basic Design Concept of VR Design, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+! Over the last couple of years, companies such as Apple and Google have been investing heavily in virtual reality, or VR. We all know that VR is going to be the next big thing so why not learn something about … View the full article

A great brief is the first step in really nailing what your client needs, and creating work you'd be proud to put in your design portfolio. In this article we'll run through the things you need to include – handy if you're bringing in other creatives to work on certain parts of your project, or if your client is providing you with vague information. Before we get started with the ins and outs of crafting the perfect brief, the first thing to remember is that you shouldn’t make it too long. Don’t be obsessed with making it too short, either. Only include the information you need to include. Each client and project is unique and will likely require a different amount of information than the previous brief. Ignore the people who bang on about always wanting a one-page brief; it’s horses for courses. So now we’ve established the size, what should the brief include? There are 12 fundamental pieces of information that give us a fantastic basis to get started: 01. The task The main thing to outline is the task at hand. What problem needs to be solved – what’s the focus? Is your website the first point of contact? Your most valuable sales channel? Or does it just function as a glorified business card? 02. The deliverables What actually needs to be delivered? Flesh this part out in as much detail as possible, in as clear an order or format as possible. Bullet points are good here to keep the information ‘digestible’. 03. Background information This is a depository for relevant information. It can be communicating what you do in a bit more detail or explaining what has led you to write the brief, such as business decisions supporting the project, context for the project and reasons that have led to this project’s emergence. Get your agency up to speed with where you’re at. 04. The objectives What does this work need to achieve? What must the project do or communicate? This is also a good place to explain any key challenges/opportunities surrounding the project. 05. The target audience Who is this work for or talking to? And what do we know about them? Who are the specific audience profiles to be considered? How will they interact with this work and in what contexts? 06. Choice of channels What channel will this work live in? Is it known at this stage? This is increasingly part of our role at Salad, and we rarely approach projects channel-first. In fact, this usually comes last, once we have a deeper understanding of what needs to be said and to whom. 07. The key message What are we saying? This is perhaps the most important section. Answering it effectively can mean a large research programme, adhering to previous brand work/campaigns or simply making a call after some planning work. 08. The budget It’s easy to say “how long is a piece of string?” here, but ultimately no one wins. Any indication of the affordability from client side will help you to scope out the project in the most cost-effective way. Give a ballpark if an exact figure isn’t known – and give an indication if there may be a second phase of investment. 09. How success will be measured How will success be measured? The objective(s) should be so closely linked to the idea and the work. 10. Any mandatories There will always be some things that must be avoided or included in the work. This is such a crucial, directional section. Give direction; failing to mention some client preference here can be critical. It can be as crucial as you have to include X, Y, Z, or they don’t happen to like the use of capital letters. 11. Possible ideas Don’t be afraid to give some starters for ten in terms of what the solution could look like. A secure creative who is confident in their own ability should not be afraid of taking a good idea and running with it. It can also help to spark a different idea. Nothing is final until the work is produced, and nothing should be sacrosanct. Let your creative team challenge it if it needs challenging. The flip side is that creatives should trust their planners to be good at their job. We are huge believers in the value of a brief, and delivering against it is always our goal. Our proposition of Beautifully Effective overarches everything we do – and this helps us to achieve success. 12. Tone of voice This is critical if your agency’s role includes the written copy throughout a site. How should we talk to the audience? How do we communicate as this brand? If this hasn’t been defined, you can’t just leave it blank – it’s crucial, so take time to get this bit as right as possible. Without it, consistency is almost futile. This article was originally published in net, the world's best-selling magazine for web designers and developers. Buy issue 304 or subscribe. Read more: The secrets of fulfilling a creative design brief 6 ways to improve your business cards The essential guide to tools for designers View the full article

Telcom firm leaves port open on customer routers after maintenance update exposing hundreds of customers to possible attack. View the full article

Click image to view full infographic If you're looking for a completely original type design, there are hundreds of brilliant paid-for and free fonts around to choose from. But why not really add a personal touch to your work and go with your own handwriting? According to this insightful infographic by National Pen, your handwriting is completely unique to you, and can apparently indicate a staggering 5,000 different personality traits. The detailed graphic pulls together detailed information on different writing habits and patterns, providing insights on our personality, health and energy levels. 46 great free handwriting fonts The study of graphology is fascinating stuff and the team at National Pen have done a great job at visualising it in a clear, concise and engaging way. We found ourselves writing different sentences while reading the infographic, to see if the information provided matched our own opinions of our personalities. Great imagination, creative, artistic and open minded are just some of the results, which we totally agree with, obviously. So, what does your handwriting say about you? Click image to see full infographic Related articles: 50 top typography tutorials 23 amazing free Google web fonts The ultimate guide to design trends View the full article