Entries by admin

Futuristic Digital Art by atelier olschinsky

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/HKkJcCF9lcE/futuristic-digital-art-atelier-olschinsky

Futuristic Digital Art by atelier olschinsky
Futuristic Digital Art by atelier olschinsky

abduzeedoSep 03, 2019

It’s time for some digital art inspiration, today brought to you by the amazing people over at atelier olschinsky. They create several concepts exploring a futuristic look really taking advantage of perspectives to create very stylish compositions. In addition to that we can see a masterful color selection, especially the second image from top to bottom. 

Atelier Olschinsky, founded in 2002 is a small creative studio based in Vienna, Austria. Peter Olschinsky and Verena Weiss are operating in various fields such as graphic design, illustration, photography and art direction. In addition to their jobs for clients they also run several independent projects, always trying to develop and refine their work. 

“It is just so important to work as much as you can, to learn and to be open to new things. The journey is the award.”

Futuristic Digital Art


Logo design: everything you need to know

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/eS4DFZgDR64/pro-guide-logo-design-21221

If your company needs a new logo design, you'll probably be exploring your options. Do you go for a completely different logo or tweak the logo design you already have? Either way, you might be questioning: what makes a great logo design? And how do you design a logo that captures the essence of a product, person or brand?

We're here to answer all of your burning questions about logo design, and we've even collated the best logo design tools around to help you even further. Use the links opposite to jump to the section you're interested in. 

And if you're looking to design amazing logos across a range of devices, you should also check out our countdown of the 5 best logo design apps.

Why is logo design important?

Your logo is you or your business' first point of contact with the outside world. If people connect with your branding, the likelihood is they'll be more open to whatever it is offering them. Great logo design requires a complex mixture of design skills, creative theory and skilful application. 

Any designer worth their salt can create a fit-for-purpose logo, but truly mastering all aspects of the craft takes time. Of course, logo design is just one small subset of branding, but the logo or brand mark remains the centrepiece of most branding schemes. And we all know that it's often the part of a new identity that is most picked apart by the public.

If you want to see how it's done, why not head over to our pick of the best logo designs ever?

The best logo makers

A logo design app is not going to create a branding masterpiece – but you know this. Some people are simply looking for a quick, cheap logo that reflects their start-up brand until it has expanded enough to merit a full brand identity created by a professional designer or agency. Here are five logo design makers that are fast, sophisticated and good value. 

Alternatively, if you've got Illustrator, here's how to design a logo in Illustrator. Or if you have Photoshop only, here's how to make a logo in Photoshop (note that Illustrator is usually preferred for logo creation).

01. Canva

Canva logo design tool

Canva is a multi-talented application

Canva is a full, browser-based graphic design suite that just so happens to contain a great logo design tool. Okay, it doesn't offer the design capabilities of Adobe Creative Cloud, but Canva's simplicity, variety of useful tools, and inspirational learning assets make it a great way to design your branding. If you use your own image and design elements in Canva, then creating a logo is free. If not, design elements cost from $1.

02. TailorBrands

TailorBrands logo design tool

TailorBrands costs a little more but that means more options

TailorBrands promises not only a logo design but a full branding package with its browser-based software. The tool is simple to use and has no pre-made logos – instead, the platform is powered by AI to design a unique logo for every user. There is a cost involved here, but it is paltry compared to hiring an agency, starting at $3.99/month for its Dynamic Logo package and rising to $15.99/month for the full Premium package.

03. Hatchful

Hatchful logo design tool

Hatchful is a logo design generator

Hatchful is a simple browser-based logo generator which allows you to customise your logo from hundreds of templates, icon, and colour combinations. You can test out logo variations and create a one-of-a-kind logo that’s perfect for whatever business you have, and the logo generator is so simple to use that you become an expert in minutes. The logo generated comes sized for all major social media platforms, you get a favicon design thrown in, and all it will cost you is your email address (although premium logos are available).

04. Logoshi

Logoshi logo design tool

Logoshi charges nothing unless you are happy with your logo

Logoshi is a super-simple tool that looks a bit Web 1.0 but provides neat, simple designs at a very reasonable price (prices start at $5). It provides square, transparent, and cropped versions of your logo once it has been signed off, and you get bitmap and vector version of your logos all bundled into one cost.

05. Ucraft

Ucraft is probably best known as a website builder, but amongst its browser-based web tools you'll find an excellent logo maker. It is also completely free. The designs are compatible with all major social accounts: Instagram, Facebook, Pinterest, LinkedIn or even Twitch, and you can download it as a PNG or an SVG file (although the latter will cost you $7).

Now discover everything you need to know about logo design, starting on the next page with brand identity expert David Airey's 10 golden rules of logo design.

Next page: 10 golden rules of logo design from David Airey

David Airey's 10 golden rules of logo design

When you think of a person who’s impacted your life, it’s almost certain that you can picture what he or she looks like. And so it is with the brands from which we often buy. We can easily picture the logo just by thinking about our experiences with the product, company or service.

Where there was once just a handful of companies operating within a particular market or niche, there might now be hundreds, maybe thousands, all competing for attention, all wanting us to look at them first. That creates increasing need for brands to visually differentiate themselves so they’re not confused with competitors. 

That differentiation is achieved through brand identity design – a range of elements that all work together to form a distinctive picture in our minds. Depending on the company, the identity can include uniforms, vehicle graphics, business cards, product packaging, photographic style, coffee mugs, billboard advertising, and a raft of other items, right down to the font choice on the website. 

When we look at something, we don’t read first. Before anything else we see shape, we see colour, and if that’s enough to hold our attention, then we’ll read

David Airey

It’s important to remember that when we look at something, we don’t read first. Before anything else we see shape, we see colour, and if that’s enough to hold our attention, then we’ll read. So in every instance, regardless of company, the small but essential element in the brand picture is the logo.

Our job as designers is to distill the essence of a brand into the shape and colour that’s most likely to endure, because visual appearance plays a critical part in forming a connection in our brains between what we experience and who we experience it with (the brand). In many respects, a company’s logo is akin to our loved ones’ faces.

When the right logo is aligned with an excellent product, and when it’s in place for a significant amount of time, it can eventually become a priceless asset for any company. The Nike swoosh, McDonald’s golden arches, the Michelin man, Mercedes’ three-pointed star, the Woolmark symbol – these are just a few of the more high-profile examples. But besides their ubiquitous nature, how do you give a logo the best possible chance of reaching a similar status? There are universal traits within every successful logo project, and I’ve outlined some here to help improve the quality of the marks you create.

01. Lay the groundwork

Logo design: lay the groundwork

Logos such as Mercedes and Woolmark have become priceless assets for their respective companies

One of the most interesting parts of being a designer is that you get to learn new things with each new project. Every client is different, and even in the same profession, people do their jobs in many different ways. 

To make it easier for consensus to be reached on your design idea, you need to ask your client the right questions from the outset: Why are you here? What do you do, and how do you do it? What makes you different? Who are you here for? What do you value the most? 

Those questions might seem quite straightforward, but they can be challenging to answer, and they’ll lead to further questions about your clients’ businesses. What you discover in this phase of a project will help to determine the strongest possible design direction.

02. Treasure your sketchpad

Logo design: Treasure your sketchpad

Sketches of Firefox mascots by Martijn Rijven, who was commissioned by Wolff Olins

Using a sketchpad is a chance to rest our eyes from the glare of brightly lit pixels that tend to dominate our lives. But more importantly, recording different design ideas can be much quicker when there isn’t a digital device between our hands and our brains. So if you wake in the night with an idea you don’t want to lose, the pen and paper by your bed is the ideal way to remember. Sketching also makes it easier to put shapes exactly where you want them – there’ll always be time to digitise your marks later (see our sketching tips for further sketching advice).

When you’re describing design ideas to clients, prior to digitising a mark, it can be helpful to share a sketch or two, making it easier for them to visualise the outcome without distraction from typefaces and colours. Don’t share too much, though – only the best ideas.

03. Work in black and white

Logo design: Work in black and white

The inner detail of the Apple logo has changed over the years, but the silhouette remains

Leaving colour until near the end helps you focus your attention on the basics of the idea rather than something that’s much easier to change. A poor idea can’t be rescued by an interesting palette, whereas a good idea will still be good regardless of colour. Picture a well-known symbol. Think of it now. It’s the form we remember before the palette. It’s the lines, the shapes, the idea, whether that’s the bite from an apple, three parallel stripes, four linked circles in a horizontal line, or something else.

04. Keep it appropriate

logo design: V&A

Pentagram founder Alan Fletcher created the V&A logo in 1989

A mark must be relevant for the ideas and activities it represents. An elegant typeface will suit a high-end restaurant more than it will a children’s nursery. A palette of fluorescent pink and yellow isn’t going to help your message engage with male pensioners. 

Crafting a mark that bears some resemblance to a swastika, regardless of industry, isn’t going to work. You know these things. They’re obvious. But it goes a little deeper. The more appropriate your rationale behind a particular design, the easier it becomes to sell the idea to a client. And that can often be the most challenging part of a project. Designers don’t just design. They sell, too.

05. Aim for easy recall

logo design

The 1974 Deutsche bank logo by Anton Stankowski

Simplicity aids recognition, especially when so many brands are competing for our attention. You want to give onlookers the opportunity to recall a mark after just a quick glance, and that’s not possible with an overly detailed design. A trademark has to be focused in concept – have a single ‘story’ – and in most cases must be uncomplicated in form. This is because it needs to work at a variety of sizes and in a range of applications, from a website icon in a browser bar to signage on a building.

06. Strive for difference

Logo design: Strive for difference

The 1999 Tate logo by Wolff Olins united the Tate’s four galleries across the UK

When your clients’ competitors are all using a particular typographic style, or the same kind of palette, or a symbol placed on the left of the brand name, do something different. It gives you the perfect opportunity to set your clients apart rather than have them blend in. 

But so much similarity in the marketplace doesn’t necessarily mean your job has become easier, because it takes a brave client to buck the trend. By showing imagination in your portfolio, you’re on your way to attracting the kind of client you want.

07. Consider the broader identity

Logo design: Consider the broader identity

Wolff Olins created a new typeface for Macmillan cancer support in 2006; part of a wider repositioning

It’s rare when you see a logo in isolation, on its own without the context of a website or business card or drinks menu or app icon. That’s why a client presentation needs to encompass a variety of relevant touchpoints to show how a logo appears when seen by potential customers. It’s a little like when you’re stuck in a rut – it can help to step back, to look at the bigger picture, to see where you are, what you’re surrounded by. 

In design terms, the bigger picture is every potential item on which a client logo might appear. But always consider how the identity works when the logo isn’t shown, because while important, a symbol will only take an identity so far. One way to achieve cohesive visuals is to craft a bespoke typeface that’s not only used in the logo, but that’s also seen in marketing headlines.

08. Don’t be too literal 

Logo design: Don't be too literal

The logos for Penguin and Shell don’t give any clues as to the types of company they represent

A logo doesn’t have to show what the company does, in fact, it’s better if it doesn’t, because the more abstract the mark, the more enduring it can become. Historically you’d show your factory, or maybe a heraldic crest if it was a family-run business, but symbols don’t show what you do. Instead, they make it clear who you are. The meaning in the eyes of the public gets added afterwards, when associations can be formed between what the company does and the shape and colour of its mark.

09. Remember symbols aren’t essential

Logo design: Symbols are not essential

Johnson Banks’ 2004 wordmark for shelter – with its pitched roof ‘h’ – helped reposition the housing charity

Often a bespoke wordmark will do the job, especially when the company name is unique, such as Google, Mobil, or Pirelli. But a version of the logo that works in small confines will always help. That might be as simple as lifting a letter from the name and using the same colour, or it might incorporate a symbol that can be used as a secondary design element (wordmark first, symbol second) instead of as a logo lockup where both pieces are shown alongside one another.

Don’t be tempted to overdo the design flair just because the focus is on the letters. Legibility is key with any wordmark, and your presentations should demonstrate how your designs work at all sizes, large and small.

10. Make people smile

Logo design: Make people smile

Designed in 2000, turner Duckworth’s wordmark for Amazon adds wit with a hidden smile that goes from A-Z

Injecting some wit into the work will not only make your job more fun, but it can help your client to become more successful, too. It won’t be appropriate for every profession, such as weapons manufacturers and tobacco firms, but whether you choose to work with those companies is another thing. The somewhat less contentious law and financial sectors are filled with companies identified by stuffy and sterile branding, putting some humour into the identity for such clients is one way to set them apart. 

There’s a balance, though. Take it too far and you risk alienating potential customers. But regardless of the company, people do business with people, so a human, emotional side to your work will always have a level of relevance.  

Next page: Logo design research and strategy

Before pen hits paper on any new logo design project, thorough research is essential. Here are five logo design tips for nailing this crucial first stage of the process.

01. Understand your competition

Logo design: Apple

Apple cut through the traditional computing sector like a hot knife through butter in the ’80s, and has since evolved into one of the world’s most valuable brands

Before you even start working up a logo design concept, ensure you research your target market thoroughly. Your client should be able to provide some information about their competitors to get you started.

Compare all the logos in their competitive set. This research may well reveal some entrenched branding conventions in that market sector, and that can sometimes help your process by playing on familiar visual associations. 

But bear in mind that many of the world’s most recognisable logo designs stand out specifically because they eschew trends and think differently.

02. Ask the right questions

Logo design: Macmillan

Wolff Olins’ copywriting-led branding for Macmillan Cancer Support, referenced in Johnson’s book, is built around a series of ‘we…’ statements that help answer some of the key brand questions

Strategy is becoming an increasingly important part of the branding process. What this means in practice will often depend on the scale of the project, but it all starts with asking the right questions.

Michael Johnson’s book Branding: In Five and a Half Steps is dedicated to Johnson Banks’ creative process, and covers complex challenges such as formulating brand strategy in far more detail than we could ever hope to here.

In it, Johnson advocates asking the following six things of the brand you’re working on as a starting point:

Why are we here?What do we do, and how do we do it?What makes us different?Who are we here for?What do we value the most?What’s our personality?
03. Stay flexible during the process

Logo design: Branding

Branding: In Five and a Half Steps is highly recommended reading to help you get to grips with all the key stages of the branding process, and the grey areas between them

Once you’ve formulated a strategy, you don’t have to set it in stone. There’s a reason that Johnson Banks’ creative process has that extra half step: that 'and how do we do it' part of the question represents the grey area between strategy and design.

According to Johnson, it can be a two-way street. Some conceptual, strategic ideas that work in theory may fall apart in practice when visualised; conversely, a compelling visual solution that emerges from left-field during the design stage can feed back into stage two and help evolve the strategy retrospectively.

04. Respect a brand’s heritage

Logo design: Coop

North’s Brand Impact Award-winning rebrand of Co-op reawakened the affection that many consumers felt for the organisation

The so-called ’retro branding’ movement was kicked off by North’s much-lauded rebrand of Co-op, which reinvigorated its original 1960s mark and won one of Computer Arts magazine’s coveted Brand Impact Awards in 2016 in the process.

NatWest and Kodak followed within a few months, and we've seen countless examples since. Brands need to be wary of jumping on the bandwagon for the sake of it, but where genuine heritage and untapped potential exists in a mark, avoid throwing the baby out with the bath water and consider bringing it to the fore – see our advice on how to reawaken a brand's heritage.

“It's vital to put your ego to one side and not dismiss designs created by others – and in doing so consider evolution as well as revolution,” argued North co-founder Stephen Gilmore in an essay in Computer Arts.

05. Remember: a logo is just one ingredient

As Brand Impact Awards judges Bruce Duckworth and Mark Bonner discuss in this video filmed during 2016’s judging day, logo design is just one small part of the modern branding process.

As Bonner puts it, the pyramid has inverted: people now engage with a brand through a huge variety of different touchpoints, and the logo is not always their first point of contact with a brand.

Keep this in mind as you develop your logo design: stay versatile and flexible, and consider how the logo interacts with the rest of the brand experience, from packaging to tone of voice.

Next page: Typography in logo design

Choosing the right typeface is a critical part of the logo design process – indeed, many of the world’s most recognisable brands are wordmarks, relying entirely on typography to convey their message.

Here are our logo design tips to get more from your typography.

01. Choose your typeface carefully

Logo design: Google

As part of a major identity overhaul, Google abandoned its distinctive serif logotype after 16 years in favour of a clean, modern sans serif

Sans serif fonts have dominated logo design in recent years, often going hand-in-hand with the minimalist movement – examples include Pentagram’s high-profile rebrands for Windows, MasterCard and the University of the Arts London.

In 2015, Google famously exchanged its longstanding serif logotype for a much friendlier, more contemporary sans serif. But don’t let trends cloud your own judgement: a serif font could still be the right choice for your latest project, particularly if you need a stylish and luxurious or traditional and professional feel, so take the time to research your options.

02. Tweak and refine to add personality

Logo design: Company Folders

Company Folders’ design uses a tweaked typeface to form a chopper chassis

If you use an existing typeface in a logotype, particularly a near-ubiquitous one such as Helvetica, there is often more pressure on other touchpoints, such as imagery, colour palette, tone of voice and so on, to develop and enhance the brand’s personality.

Skilful tracking and kerning is essential when setting a simple logotype in an existing typeface. Wide-tracked type can feel sophisticated and authoritative, while tight, meticulous kerning can help lock individual letterforms together as self-contained unit.

Logo design: V&A

Testament to how simplicity can lead to longevity, Alan Fletcher’s effortlessly stylish V&A logotype relies on the interplay between the ampersand and the A

Once in logotype form, tweaking and modifying the typeface can also smooth links between letterforms, or add a unique twist to fit the tone of the brand – one example would be shearing off letter terminals at matching angles to give a sharp, progressive feel.

03. Consider illustrated, fully-bespoke type

Logo design: Coca-Cola

With only relatively subtle tweaks over more than a century, Coca-Cola is proof that illustrated type can stand the test of time in logo design

Sometimes an existing typeface just won’t cut it, and a hand-drawn typographical treatment feels much much more appropriate for the brand. Perhaps the most iconic example, which has evolved gradually over more than a century, is Coca-Cola.

Compared with its fierce rival Pepsi, which has been through at least seven major iterations, the market leader sports much the same logo as it did in the late 1800s. If Coca-Cola had ditched that familiar scrawling script for a sans serif, like Pepsi did in the 1960s, there would have been uproar.

The point is simple: get a truly unique, custom bit of illustrated type spot-on and you’ve bought yourself some powerful brand recognition with genuine longevity. (Although if all else fails, these free handwriting fonts are pretty great options).

04. Explore serendipitous letter combinations

Logo design: YSL

Yves St Laurent’s dollar-sign-esque lockup is a simple but effective emblem

Monograms don’t have to be restricted to dressing gowns and wedding invitations, and when given the right treatment, company initials formed into a typographic lockup can make for a simple but effective emblem for a brand. 

This is notably true in the fashion sector – Coco Chanel’s interlocking Cs and Yves St Laurent’s dollar sign-esque lockup being standout examples. Also see our best 3-letter logos for other marks that combine characters in effective ways.

Logo design: FedEx

Landor’s simple but effective FedEx wordmark regularly tops lists of the best logos of all time, all thanks to its hidden arrow

Sometimes even the simplest typesetting can reveal serendipitous ‘accidents’ that, developed properly, can lead to twists of genius. One classic example is Landor’s FedEx mark, the hidden arrow between the ‘e’ and the ‘x’ making an otherwise plain sans-serif logotype the toast of logo design critics the world over. 

Try typing out the brand name in different typefaces and perhaps a similar happy accident could occur in your own work. See our post on logo Easter eggs you might have missed for more examples of hidden messages in logos. 

05. Take ownership of an entire typeface

Logo design: ITV

Fontsmith’s award-winning logotype for ITV was expanded into a brand-wide typeface, to ensure a consistent tone of voice across all channels and applications

If your client can afford it, working with a specialist bespoke type design agency such as Dalton Maag or Fontsmith to develop a fully branded typeface family can put typography front and centre of a brand’s personality, transcending the logotype and permeating all brand communications.

Between them, these two agencies have worked for an array of brands including Nokia, Lush, Rio 2016, Sainsbury’s, ITV and Lloyds. “Type defines the tone of voice of a brand by its emotional qualities,” Dalton Maag founder Bruno Maag told Computer Arts in the video interview below.

“A grotesque typeface such as Univers, Arial or Helvetica feels more masculine, mechanical and engineered – colder – than, say, a Frutiger, which is a humanist sans serif with more open, warm, friendly, approachable tones. Whereas a serif typeface may appear old-fashioned, or bookish.”

Next page: Shape and symbolism in logo design

Some of the world’s most iconic brands are recognisable when the company name is removed. An even more exclusive club has achieved ownership of a particular shape so that it doesn’t even need to be fully realised into a logo form to be associated subconsciously with its brand.

Here are five logo design tips to help you master shape and symbolism.

01. Strip it back to basics

Logo design: Nike

A student at the time, Carole Davidson was originally paid just $35 to design the Nike swoosh: a wonderfully simple shape that can be sketched with a couple of quick strokes of a pen

There are a few golden rules to which all the best examples of logo design adhere. Firstly, and perhaps most importantly: simplicity. 

Put thought into your concept, but don’t overwork the execution, or adorn a mark purely for the sake of it. You want ease of recognition, as well as versatility of scale and application. Think: will it work as well when used tiny in the footer of a website, as it will emblazoned on the front of a building? 

A great way to test the simplicity of your concept is to keep subtracting elements until you reach its most basic form. Be brutal here. Is it still recognisable if you sketch it quickly with a few rough strokes? What are its most unique, defining features? Generally speaking, the simpler a logo design, the more memorable it will be.

02. Understand shape psychology

Logo design: Bauhaus

The yellow triangle, red square and blue circle have become a visual symbol of the Bauhaus School of Design – and embody a principle that can be applied to logo design, as expressed by this print by Marco Ugolini, entitled Bauhaus Revisited

There are certain ‘clip art’ style visual cliches guaranteed to make any logo design expert gnash their teeth. Avoid common offenders such as lightbulbs to represent ’ideas’ or globes as shorthand for 'international’ at all costs.

But shape psychology goes far beyond the obvious. Often used as a symbol of the hugely influential Bauhaus School of Design are the yellow triangle, red square and blue circle – the product of research by Wassily Kandinsky, who argued that shape and colour can transcend cultural and language barriers.

Kandinsky argued that bright, zingy yellow complements the angular sharpness of a triangle; cool, spiritual blue is a perfect match for a circle; while an earthy, visceral red partners nicely with a square. We’ll explore colour theory in a bit more detail later on.

03. Master grids and structure

Logo design: Deliveroo

Revealing specific details of the geometric construction of a logo mark to the public is increasingly common, and DesignStudio’s rebrand of Deliveroo is no exception

It’s becoming increasingly common for design agencies to air their sketchbooks in public, whether on online platforms such as Behance or Dribble, or as part of project case studies on their own websites, or released to the design press.

Logo design: Twitter

Twitter’s most recent icon is built around a series of interlocking circles that, according to this diagram, conform to the ‘golden ratio’ of 1:1.618

Often these workings include the technical side of a design’s composition, revealing and discussing the grid that underlies its construction and the specific curves and angles that define the shape. 

Such projects can be invaluable reference points to inform your own work, and can help make abstract design principles such as the golden ratio come alive in application.

04. Employ negative space

Logo design: NBC

Even the most subtle use of negative space can be incredibly effective. For NBC, it only takes a little notch to transform six rainbow-coloured droplets into a peacock

Smart use of negative space in a mark can raise a smile, using wit to aid brand recognition. As discussed, FedEx is an oft-cited example of smart negative space used in a purely typographic mark, but there are plenty of stand-out examples of symbols employing it too.

Used cleverly and appropriately, negative space can also pack extra meaning into a logo design, reinforcing the theory that simplification through subtraction can lead to a more memorable brand mark.

05. Make use of wit and humour

Logo design: Amazon

Turner Duckworth’s Amazon logo is an oft-cited example of cheeky wit in branding

Negative space is just one way to raise a knowing smile. The late, great Alan Fletcher, founding partner of Pentagram, was one of the leading pioneers in employing simple wit in graphic design, a practice that lends itself beautifully to logo design in particular.

Originally written by Beryl McAlhone and David Stuart and revised and updated by Nick Asbury and Greg Quinton at The Partners (now Superunion), seminal design book A Smile In The Mind: Witty Thinking in Graphic Design is an ideal reference if you’re keen to introduce wit and charm in your work, packed with inspirational examples from the world’s leading exponents, including Fletcher.

As Quinton and Asbury say in their introduction to the 2016 version: “Wit is big business, integral to the success of giants such as Google, Apple and Coca-Cola… wit is the alchemy that turns suitcases into adventure vehicles, vacuum cleaners into household friends.”

Next page: Colour theory in logo design

The psychology of colour is fascinating, and plays a pivotal role in building a brand association, whether you’re crafting a symbol-based logo or a wordmark. 

Here are five logo design tips to help you employ colour theory in your work.

01. Understand the colour wheel

At the core of colour theory is the colour wheel, an essential tool for combining colours in different ways that was originally sketched by Sir Isaac Newton in 1666. The most common version features 12 colours, based on the ‘RYB’ colour model.

Here, the primary colours are red, yellow and blue, with the three secondary colours (green, orange and purple) created by mixing two primary colours. Finally, six tertiary colours are created by mixing primary and secondary colours.

Logo design: Colour wheel

The colour wheel basics explained

There are six main techniques for creating pleasing colour harmonies using a colour wheel. Complementary colours are opposite each other on the wheel (such as red and green, eg. Heineken, or blue and yellow, eg. IKEA, which tweaked its logo design very slightly in 2019); analogous colours sit next to each other on the wheel; and triadic colours involve three evenly spaced colours around the wheel.

Ikea logo

IKEA’s complementary colour scheme is instantly recognisable, and makes for a punchy, high-contrast logo design

Other schemes include split-complementary (which uses two colours adjacent to the main base colour’s complement); rectangular, a four-colour scheme based around two complementary pairs; and finally square, another four-colour scheme where, unlike rectangular, the colours are evenly spaced.

02. Manage colour schemes carefully

Many of the colour harmonies above require careful management in order to be successful in a logo design, and colours often shouldn’t be used in equal quantities.

Complementary colours can be too intense if used excessively, for instance, while analogous schemes have the opposite problem: they are gentle and pleasing to the eye, but lacking in contrast – and you should select a dominant colour, using the others as support and accent colours only.

Logo design: BP

Landor’s rebrand of BP attracted its fair share of controversy for ‘greenwashing’ the oil giant, but one thing’s for sure: it’s a great example of an analogous colour scheme

Triadic schemes are much more vibrant, but again pick one dominant colour of the three. For beginners, it’s often safest to opt for a split-complementary scheme as there’s a good natural balance of contrast and harmony.

Rectangular and square schemes are both relatively versatile given the extra colour to play with, but again one should always be dominant – and you should pay particular attention to the balance between warm and cool colours.

03. Use colour to control mood

Logo design: McDonalds

Like BP, McDonald’s is an example of an analogous colour scheme – but on the warm side of the spectrum, to invoke feelings of happiness and fun

Your choice of colour palette can make or break a logo design, partly for simple aesthetic reasons, but also because of the psychological associations of colours – which we touched on briefly as part of the Bauhaus theory on the previous page.

On a simple level, colours on the warm side of the spectrum – such as red and yellow – are bold, uplifting and energetic, while their cooler counterparts, blue and green, exude calmness and feel more reserved. 

This is particularly relevant when it comes to branding: on an emotional level, in terms of how consumers feel when they look at it; but also on a practical level, in terms of market standout.

Read our designer’s guide to using colour in branding for more on this.

04. Research sector-specific colour trends

Logo design: Cadbury

Sometimes ownership of a colour becomes a legal matter, as in Cadbury’s battles with Nestle to protect the use of its distinctive shade of purple

A brand 'owning' a colour in its sector can provide an enormous competitive advantage, achieving instant recognition – in some cases even without a logo, or even a mention of its name.

Of course, owning an entire colour isn't easy, and it goes way beyond the logo design: skilful planning and execution is needed across all elements of the brand and its advertising. 

Depending on the popularity and market saturation of a particular colour, we could be talking as specific as an officially registered Pantone shade (such as Cadbury 2685C), or as general as being the only brand in competitive set to use that colour.

In order to achieve colour-based standout in any given market sector, the first step is to understand what the prevailing trends are – blue, for instance, is commonly used in the financial sector, while green is frequently found in branding for environmental organisations. Sometimes it pays to avoid the obvious.

05. Don’t forget black and white

Logo design: Woolmark

Designed by Italian graphic artist Francesco Saroglia, the Woolmark logo is a triumph of monochromatic design, and is lauded as one of the greatest logos of all time

After all this talk of colour, it’s easy to forget that some of the world’s most iconic logo designs are purely monochrome, and make powerful use of the stark contrast that this palette affords.

Of course, even if your primary logo design is in glorious technicolour, it still needs to work effectively in black-and-white for different applications. 

If your logo design uses colour to convey meaning, think about how you can reflect that meaning when the colour is removed. Sometimes this may mean changing the contrast between different elements of your design so that they still convey meaning when reproduced in monotone.

Next page: Putting your logo design into practice

Logos don’t exist in isolation: they need to be applied. Once you’ve perfected your logo design, the final stage is to bring it to life as part of a wider branding scheme. 

Here are five logo design tips to get this important final stage spot-on.

01. Always get a second opinion

Logo design: Brazilian Institute of Oriental Studies

Logo for the Brazilian Institute of Oriental Studies. Presented without comment

Don’t underestimate the value of a second (or third) pair of eyes to identify things that you might have missed during the design stage. Once you’ve worked up your logo design concept, always make the time to sense-check it for unforeseen cultural misunderstandings, innuendos, unfortunate shapes and hidden words and meanings (see our logo design fails for more examples).

Many design studios advocate pinning work-in-progress up on the walls to enable constant peer review, but if you’re a lone freelancer then try to find some trusted peers to cast an eye over your work – and return the favour, of course.

02. Develop the rest of the brand world 

A logo design is just one small component of a branding scheme – and should be developed in tandem with other activation points as part of a wider ‘brand world’.

This term is integral to the branding process at London agency SomeOne. And as co-founder Simon Manchipp sets out in the video interview with Computer Arts above, it’s much better to achieve coherence between different elements than simply consistency.

“Consistency is solitary confinement – the same thing every day,” he laments. “Cohesive is different: a more flexible, smarter way of doing things.”

03. Consider how to bring it alive

In the modern branding marketplace, a static logo that sits quietly in the corner of a finished piece of design work is often not enough. Consider how your logo design could come alive in motion for digital applications, and collaborate with animation or motion graphics specialists if necessary to explore its potential.

Here are a couple of examples of logos brought to life through animation: firstly, Function Engineering by Sagmeister & Walsh, which adds a playful, Meccano-like twist to the mark. Note that Sagmeister & Walsh is no more, see our story on new studio &Walsh.

And secondly, the University of the Arts Helsinki by Bond, which bends, twists and distorts to enhance the dynamic, modern feel of the type-led logo.

Logo design: UAH

University of the Arts Helsinki’s animated logo twists and jumps

As VR trends continue to evolve, more advanced immersive brand experiences are becoming increasingly accessible, and in recent years branding agencies have also explored the potential in generative design and user participation to introduce a much more dynamic, unpredictable component to logo design.

This is not always possible, of course, but keep an open mind and experiment with new techniques when you can. 

04. Help your client roll it out

Thorough brand usage guides should cover everything from colour options, to minimum and maximum sizes at which logo designs should be used, positioning rules, spacing – including exclusion zones from other design elements – and any definite no-nos, such as stretching or distorting. See our favourite style guides to see how it's done. 

Some agencies swear by them to ensure a smooth, consistent handover to a client’s in-house team; others feel they can be overly restrictive and prescriptive. 

05. Deal with public criticism

Logo design: Premier League

Like Airbnb the previous year, DesignStudio’s high-profile rebrand of Premier League attracted more than its fair share of criticism from traditionalist football fans

Over the last few years, social media has become more prevalent, and every man and his dog has developed an opinion about design. Accordingly, this final point has developed from an occasional annoyance into something that anyone working on a relatively high-profile rebranding exercise should bear in mind.

As we’ve set out above, a great branding scheme is about much more than just a logo design, but on platforms such as Twitter, when a newly released project is often encapsulated by a single image, this is often the first and only thing the public jumps upon. 

London-based DesignStudio has experienced this backlash several times in the last couple of years, first with Airbnb and more recently Premier League – it explains how it deals with social media criticism in the video clip above.

Logo design: Mozilla

Johnson Banks’ open-source Mozilla rebrand whittled down various creative routes in the public eye, taking feedback on board

Johnson Banks embraced the growing interest in design, and harnessed it during the design process itself in a hugely ambitious, fully open-source rebrand of Mozilla – involving the public at key stages of the process and enabling them to steer the creative routes chosen. Firefox also took a similar route in 2018, and asked the public to help pick its new logo. 

Be thick-skinned: take valuable feedback on board, and let the rest wash over you.

Related articles:

The best audio logos and why they workWhere to find logo design inspiration5 logo redesigns that got it right

5 Resources to Help Identify a Font

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

Every designer has had this problem: You visit a website or see a graphic with an awesome font you’d love to save for use in your next project. But unless the font is credited somewhere, which it often isn’t, there’s no way to easily tell what its name is.

Luckily, you no longer need to spend hours combing through font sites trying to find similar typefaces. Several resources exist online that can help you quickly identify any font – or at the very least, find a similar one.

Let’s go over a few of the best font identifiers now.

UNLIMITED DOWNLOADS: 400,000+ Fonts & Design Assets

DOWNLOAD NOW

WhatFont

Example of WhatFont

Want to hover some text and instantly see what font it is? WhatFont does just that, naming almost any font on a website at the click of a button. It can also identify fonts that are served from Typekit or Google Fonts. Get it for Chrome, Firefox, or even as a bookmarklet.

The one problem with this is that it only works on webpages; if you need to identify fonts in an image or photograph, you’ll need to use one of the services below.

WhatTheFont!

Example of WhatTheFont!

With one of the largest collections of fonts at 130k, WhatTheFont allows you to compare the typeface in any image against the huge selection at MyFonts. Just drop in an image and adjust the crop box to the text you want to identify. You can even use images with multiple fonts and lines of text.

The search results show the text within the crop box so you can compare it directly, and just keep clicking “See more” to get more results.

You’ll only find commercial fonts however, so if you know that a font you’re looking for is free or want to find free similar fonts, this might not be the best tool.

Font Finder

Example of Font Finder

Font Finder is an advanced tool that compares fonts against a library of 550k. It takes a bit more work to set up and has some limitations, as more than one line of text or more than one font in the same image can confuse it.

To make up for this, it comes with an image editor that allows you to increase contrast for dark images, crop out irrelevant portions, and reduce noise, among other tools. These allow you to get more accurate results than other font finders. You can also sort results by free or commercial.

Fontspring Matcherator

Example of Fontspring Matcherator

Upload or link to any image, crop the text you want to identify or rotate flipped images, and you’re on your way with this identifier. It automatically matches shapes and glyphs, but you can manually input glyphs as well. You’ll find free and premium fonts in the results, and just click to see the download page.

Identifont

Identifont

If all else fails, or if you’re trying to identify a popular font, try Identifont. It asks you a series of questions about the typeface’s style, then gives you a few results and several similar fonts. It also lists info like the designer and where to buy it.

Find Any Font

Before these font identifiers were popularized, it was a time-consuming process to locate a font you were looking for.

Your best bet was asking the person who made the graphic or website. And if you found it in the real world, all you could do was search through font repositories or even books of fonts. And there was no guarantee that you would ever find it.

Thanks to these programs, that’s a thing of the past. Now, just take a screenshot or scan a font and get results in seconds. Even if you can’t locate the exact typeface, you can still try the similar fonts in the search results instead.

Try them out next time you stumble on a font you want to try. You’ll be surprised at how accurate these tools are.


New Converses get giant Coca-Cola-style script

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/vJTWzEchA4k/converse-script-logo

Everyone loves a good pair of Chucks, right? Nobody wants to be seen in a pair of generic basketball shoes. And the latest All Star designs will leave no-one in any doubt that you're adorning your feet in a pair of genuine Converses, because they're decorated with an absolutely massive brand name.

As reported by Sneaker News, the latest addition to the massive Converse range is a set of stunning hi-tops that don't just feature the iconic Converse logo design, but also have the Converse name embroidered across both boots in an enormous script font, reminiscent of the Coca-Cola logo. The left boot has 'Conv' written along the side, while the right boot has 'verse' on it.

28 great free script fonts

Converse Chuck Taylor branding

A big brand name is a hot look right now

So if you stand with your heels together and feet spread out, people standing behind you will be able to read 'Converse' across your new Chucks. Or actually, now we look a the designs more closely, it'll be more likely something like 'Conwerse'; the cut-off on the 'v' seems a little too generous for its own good.

Despite that little typographic niggle, this is a strong look for Converse. Supersized brand names seem to be a hot trend at the moment – see the recent Boots and Grolsch redesigns for great examples of going over-large with the brand name – and this is right on the money. 

And there's more to these distinctive daps than their immense branding. They come in a choice of fantastic-looking single-colour designs: white, red or black (with contrasting text colour), and are made from a more durable canvas blend than your standard Chuck. 

Converse Chuck Taylor branding

See? Told you. ‘Conwerse’

Sneaker News also reports that the insole is equipped with Nike's React cushioning, which you won't find in standard All Stars, only in Converse's new All Star Pro BB range.

These glorious new Converses are expected to go on sale at the end of the month; the only downside is that so far they seem to be destined for the Japanese market only. Of course, it could be that Converse simply hasn't got around to announcing them for the rest of the world yet. We'll be watching for further updates from Converse with suitably bated breath.

Related articles:

Nike brings back old Swoosh logosDesign a killer logo in Illustrator5 brands that hit nostalgia hard

Collective #543

Original Source: http://feedproxy.google.com/~r/tympanus/~3/kIVN0fNKxNY/

C543_images

Faster Image Loading With Embedded Image Previews

Christoph Erdmann writes about the Embedded Image Preview (EIP) technique that allows us to load preview images during lazy loading.

Read it

C543_rollbar

This content is sponsored via Thought Leaders
Analyze, diagnose & fix errors in record time

Never wonder how to repro a bug again. Dedupe bug reports easily. Gain visibility into errors that help your team prioritize errors.

Try it for free

C543_apirequest

Postwoman

Postwoman is a minimal API request builder made by Liyas Thomas.

Check it out

C543_chart

Chart.xkcd

Chart.xkcd is a chart library for plotting hand-drawn styled charts.

Check it out

C543_reactjs

JavaScript to Know for React

An article on what JavaScript features you should be familiar with when learning and using React. By Kent C. Dodds.

Read it

C543_minimap

Pagemap

A really nice tool to create a mini map for your web page.

Check it out

C543_reactlayout

React Layouts

Grab-and-go layouts for React including code examples for Rebass, Theme UI, or Emotion. By Brent Jackson.

Check it out

C543_ruffle

Ruffle

Ruffle is an Adobe Flash Player emulator written in the Rust programming language. Ruffle targets both the desktop and the web using WebAssembly.

Check it out

C543_wideawake

WIDE AWAKE

A fantastic psychadelic scroll journey made with Cables.

Check it out

C543_radial

Radial Menu

A highly customizable radial menu that’s very easy to setup.

Check it out

C543_jsmodern

JavaScript: The Modern Parts

An article by Andrew Montalenti on the exciting evolution of JavaScript.

Read it

C543_nda

Friend NDA Generator

FrieNDA is a NDA generator for you and your friend’s secret (for fun).

Check it out

C543_consume

Consume less, create more

A great read on how modern technology makes us consumers instead of creators.

Read it

C543_portrait

Animated Portrait w/ GSAP 2.0

A lovely portrait demo with a switch animation made by Darin Senneff.

Check it out

C543_plugin

How to build a plugin system on the web and also sleep well at night

Rudi Chen on a big challenge for Figma: designing a robust plugin system.

Read it

C543_mario

Mario HTML

A TypeScript version of the iconic game. Made by Neil Barkhina.

Check it out

C543_video

Jeremy Keith – Building The Web – View Source 2019

An interview with Jeremy Keith on the state of the web, how we evolved over all these years, the tooling and the skills necessary to know for front-end engineers today.

Watch it

C543_dns

How DNS works

A fun and colorful explanation of how DNS works.

Check it out

C543_jogging

Animated Verbs

Ryan Mulligan created some fun letter animations.

Check it out

C543_tornado

100 Dots #2 : Tornado

Adam Kuhn created this fun demo of a tornado.

Check it out

C543_svelte

Svelte tutorial

A tutorial that will teach you everything you need to know to build fast, small web applications easily with Svelte.

Check it out

C543_null

Introducing nushell

The introduction of a new shell, written in Rust that draws inspiration from the classic Unix philosophy of pipelines and the structured data approach of PowerShell.

Read it

C543_reactslider

From Our Blog
React Slider with Parallax Hover Effects

Walk through the build of a React slider and learn how to implement a parallax hover effect.

Read it

Collective #543 was written by Pedro Botelho and published on Codrops.

Collective #544

Original Source: http://feedproxy.google.com/~r/tympanus/~3/6QfQA6j1XOQ/

C544_WOTW

Inspirational Website of the Week: Save whales

A beautiful website dedicated to a wonderful creature. Lovely transitions and 3D models. Our pick this week.

Get inspired

C544_svgartista

SVG Artista

SVG Artista is a useful tool that helps you animate strokes and fills in your SVG image with CSS transitions.

Check it out

C537_divi

Our Sponsor
The Ultimate WordPress Page Builder

You’ve never built a WordPress website like this before. Divi is more than just a WordPress theme, it’s a completely new website building platform that replaces the standard WordPress post editor with a vastly superior visual editor.

Try it

C544_darkmode

Designing Dark Mode

Jon Friedman shares how Dark Mode experiences are being crafted across Microsoft 365.

Read it

C544_bottomnav

Bottom Navigation Pattern On Mobile Web Pages: A Better Alternative?

Arthur Leonov explores a better alternative to the mobile top navigation pattern with a hamburger menu.

Read it

C544_color

Color Palette Generator

A superb color palette generator that will create truly working color themes.

Check it out

C544_sorry

Sorry Not Sorry

A fantastic experiment that shows the magical power of variable fonts.

Check it out

C544_switch

3D Switch animation

A truly amazing little switch component with a 3D twist. By Aaron Iker.

Check it out

C544_icons

Creating a Maintainable Icon System with Sass

Tracy Rotton explains how to tackle the drawbacks of the data URL background image technique for including icons.

Read it

C544_api

Get started with GPU Compute on the Web

François Beaufort plays with the experimental WebGPU API and shares his journey with web developers interested in performing data-parallel computations using the GPU.

Read it

C544_dots

Color Collision

A really cool game made by Sikriti Dakua.

Check it out

C544_chaining

Optional chaining

Learn all about the optional chaining operator and what you can do with it.

Read it

C544_typescript

Announcing TypeScript 3.6

Learn about all the exciting new features of Typescript 3.6 in this article by Daniel Rosenwasser.

Read it

C544_splitting

How to Accessibly Split Text

Michelle Barker takes a look at why splitting a string of text can be problematic from an accessibility point of view, and what we can do to make sure that split text is accessible to everyone.

Read it

C544_labelstudio

Label Studio

Label Studio is a multi-type data labeling and annotation tool with standardized output format.

Check it out

C544_draggable

Drag & Drop Elements with Vanilla JavaScript and HTML

Jess Mitchell shows how to create a drag and drop feature using the HTML Drag and Drop API with a little vanilla JavaScript to set up the event handlers.

Read it

C544_alexa

Voice User Interface Design by Cheryl Platz

Jeremy Keith’s liveblog of Cheryl Platz’s An Event Apart presentation on voice interfaces.

Read it

C544_optional

Optional HTML: Everything You Need to Know

Jens Oliver Meiert gives an overview of what HTML code is optional.

Read it

C544__loops

Perfect loops in Processing

Some valuable tips on creating slick looping animations in Processing.

Read it

C544_sofa

Color this sofa! – SVG + Blend Mode trick

Kyle Wetton created this amazing demo where you can color a sofa using some smart SVG and blend mode trickery.

Check it out

C544_pi

Calculating PI Using Raindrops

A great demo by Mustafa Enes which is based on a real-life experiment that gives an approximation to PI.

Check it out

C544_css

CSS Can Do This… And It’s Terrifying!

Aaron Powell lists some interesting ways to “exploit” CSS.

Read it

Bear Illustration Process

Illustrator Pierre Kleinhouse shares some insight on his process and answers some interesting questions.

Watch it

C544_pattern

Delaunay

Johan Karlsson implemented the Bowyer-Watson algorithm to perform the Delaynay triangulation. Click to generate a new pattern.

Check it out

C544_tooltips

The problem with tooltips and what to do instead

Adam Silver lists the numerous problems that come with using tooltips to reveal more content.

Read it

C544_js13k

Js13kGames

A friendly reminder that the epic JavaScript coding competition for HTML5 Game Developers is still running for 2 weeks.

Check it out

Collective #544 was written by Pedro Botelho and published on Codrops.

Creative Essentials: Professional Tools That Make My Work Better

Original Source: https://www.webdesignerdepot.com/2019/08/creative-essentials-professional-tools-that-make-my-work-better/

My name is Suzanne Scacca and I am a tool snob. 

Before I became a writer, and before I entered the world of marketing and web design, I was a long-time project manager. And although I could’ve stepped into any of my project management jobs and simply executed the tasks employers asked of me, I was never happy with the status quo. 

We’re living in an amazing time for technology and I knew there would always be a better way to work, if only we could find the right tool for it. And that’s the key, isn’t it? Finding tools that are right for the job and that are right for you. 

Adopting the wrong-fit tools can do a lot of harm to one’s productivity and success, which is why we should all be picky about what we use. It’s also why we should be loyal to tools once we’ve found ones we know we can trust. 

There are 13 tools I’m 110% dedicated to and use on a daily basis. These tools help me write, optimize websites, and even create fake web pages in order to demonstrate points I’m trying to make or to show how tools work in my articles. I also rely on a number of communication and productivity apps to keep me on top of things without being overwhelmed or distracted by them. 

Curious to see how a tool junkie runs her day? Check these out:

1. Google Apps

Google is pretty much the central hub of my business. I do all my major communicating through it with Gmail. 

I do all my note-taking, brainstorming, writing, editing, and content collaboration in Google Drive. 

I’ve also integrated a number of my applications with Google (like Zoom, Asana, and Zoho), so I have fewer steps to take as I move things from one platform to another. 

2. Boomerang for Gmail

Because I worked as a project manager for so long, it’s my natural instinct to reply to messages and tackle new tasks the second they hit my inbox. This is a major problem for me as a writer because once I lose track of what I’m working on, it takes a couple minutes to get back into the swing of things.

That said, I can’t focus if my Gmail isn’t at Inbox Zero. It’s just how I operate. 

So, I fake it with Boomerang for Gmail. 

What it does is it prevents new messages from entering Gmail and holds them in a hidden queue for me. While it took some getting used to, it’s actually helped me become less dependent on email during the workday. I also use it at night and on the weekends when I really shouldn’t be working anyway. 

Another cool feature is that I can schedule my emails. That way, if I want to wait on sending something to a client or prospect, but don’t want to forget about it, I can schedule it to go out when I want it to.

3. Asana

I’ve used enough project management systems to know what works for me and what doesn’t. And Asana has nearly everything I need.

With color-coded “Teams” for each of my clients and an easy-to-use system of creating and completing tasks, Asana gives me great relief that I’ll never miss an assignment or deadline.

I also create templates for different parts of my workflow here, too.

I don’t know what I’d do without Asana. As I’ve scaled my business, I’ve worried that something will inevitably fall through the cracks, but this tool always helps me keep my head on straight.

4. WordPress

I’ve been a WordPress user for almost 10 years. First, it was to create websites for myself. Then, I worked for an agency where I created, documented, and refined our processes inside and outside of WordPress. Now, I write guides on how to build websites, use plugins, and customize themes. 

I occasionally help small business owners build WordPress websites, in addition to running my own. I also upload and optimize blog content I write for clients that have WordPress websites. 

5. Google Analytics & 6. Google Search Console

I use Google Analytics weekly to measure my website’s stability and overall reception with visitors. 

I also use Google Analytics to determine what kind of topics to write for my clients.

I use Google Search Console in conjunction with Google Analytics. (It’s very rare I’ll go into one without accessing the other.)

While Google Analytics tells me most of what I need to know about my website traffic and how they’re responding to my content, I need Google Search Console to help me fill in the searchability and ranking piece.

7. My iPhone

It’s very difficult for me to work without my iPhone since I’m constantly having to take screenshots of mobile websites or apps for articles. Because of this, I’m very easily tempted by distractions. 

But then I discovered the iPhone’s distraction free mode that makes my phone look like this: 

I’ve set limits on how long I’m allowed to access certain apps for and turn off all notifications on them until the workday is over. It’s been great for helping me focus on what I need to do in the browser and then encouraging me to put the phone away when I’m done.

8. Local by Flywheel

On occasion, I write articles or film videos that teach others how to use WordPress. Since I don’t want to use my own website to demonstrate these lessons, I use Local by Flywheel to create my simulations.

Essentially, it allows me to set up a local installation of WordPress so I can safely build anything I want. If I were still working on websites for clients, I’d be using this to safely handle updates and edits for their sites, too. For now, though, it’s just my playground.

9. KWFinder

As part of my writing services, I optimize the content I write for search. Now, there’s a lot more to SEO than just keywording. However, I do always use KWFinder to ensure that the keywords I’ve chosen will help my clients’ content rank well in search. 

What’s more, because I write for a number of clients in Australia, I can filter my keyword lists for that specific audience. That way, my optimizations aren’t skewed to the wrong people, at least geographically speaking. 

10. CoSchedule Headline Analyzer

I like to think of blog titles as gatekeepers. They appear in search results on behalf of our pages and posts. They appear in social media, attached to said pages. And they appear in RSS feeds, easy to miss if they don’t stand out from the content all around them. 

So, whenever I write something new, I break out the CoSchedule Headline Analyzer and run a test.

Every time I enter a new title, it saves and scores it for me. Red is bad, yellow is okay, and green is good.

While it can take some time finding the perfect combination of power words and title structure to get it right, it’s worth it. Without a strong headline, I can’t help my clients get clicks or reads.

11. Zoho Vault

I’m not going to name names, but there was a different password manager I used for years before Zoho Vault. 

However, after they experienced a server outage last year, it corrupted all of the login and password records I had stored there (along with countless others). Because their customer support disappeared during and after the outage, and because I had to spend hours recreating passwords for all of my tools as a result, I decided to switch to a provider I knew and trusted: Zoho.

Since I log in and out of over a dozen tools every day, it’s absolutely critical that I have a way to quickly generate super-strong passwords and store them somewhere safe. Zoho Vault is the one that takes care of that for me now.

12. Nimbus Capture

Sometimes I feel like my job is “professional screenshot-taker”. As such, I need a tool that will take all kinds of screenshots for me: 

Selected areas of a screen
A full screen
An entire browser window
And video

What I like even more about Nimbus Capture is that it allows me to edit and annotate my screenshots before I ever save them to the file type of my choice. 

13. MockUPhone 

When I do screenshoting from my mobile phone, I don’t really like to share the raw portrait files from it. It’s not that there’s anything wrong with them. It’s just that they’re usually too tall and force readers to scroll in order to view the entire image. 

That’s why I use MockUPhone. It automatically places my screenshots into an iPhone UI. It also adds a horizontal buffer so it sits more comfortably within my content on a page. (You can see an example of this under “My iPhone” above.)

Wrap-Up

I remember a time when Excel spreadsheets and sticky notes were the best way to stay organized, productive, and sane. Needless to say, I’m really grateful for all of the tools that power my business and improve the work I do for clients on a daily basis. I can’t imagine being a freelancer and making any sort of profit without them.

 

Featured image via Unsplash.

Source

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

How Prevalent is Dark UX?

Original Source: https://www.webdesignerdepot.com/2019/08/how-prevalent-is-dark-ux/

Iconic comedy duo Mitchell and Webb once asked a very important question: “Are we the baddies?” Given that, at the time, they were dressed in Nazi uniforms with skulls on their hats, and looked like rejected villains from a Wolfenstein game, the answer was something of a foregone conclusion.

But what about us? No, no web or UX designers that I know of have ever invaded Poland, or done any of the more horrifying things that Nazis are known for, thankfully. But then, we’ve got a whole field of design called “Dark UX”, and that’s… concerning.

It sure feels like dark UX is everywhere…

In other words: “Are we the baddies?” How bad is it these days? It sure feels like dark UX is everywhere, with companies trying to get their hands on your cash no matter the cost.

The generally accepted definition of dark UX is something along the lines of: Intentionally malicious, deceitful, or even just highly manipulative design patterns that try to trick you into doing something you otherwise wouldn’t. I think, to answer that question, we need to establish that the first bit—the intentional malice, deceit, or manipulation—is the defining characteristic of dark UX.

Just getting people to do something they might otherwise not… it’s not always a bad thing — doctors and especially dentists, try to do that all the time, to varying degrees of success. Marketing, even, introduces you to ideas and products you may not otherwise know about, and so would not otherwise buy. While marketing can very often feel scummy, I am forced to admit that there is technically nothing wrong with putting your brand out there.

But when designers (and the companies that hire them) flat-out disregard the will, and/or well-being of the users, that’s when we have a problem. Let’s look at some classic examples, several of which come courtesy of the Dark Patterns twitter feed, because websites never behave badly when you want to take screenshots:

Opt-Out Newletters (or Even Purchases!)

Sign-up forms often come with the option to get their newsletter pre-selected. I’ve also run into airlines that have some of their add-on services pre-selected during the ticket purchase process. Forgetting to unselect those is an expensive mistake to make. But then there’s this process for unsubscribing from an email newsletter, which is pretty flagrant:

Scummy “No” Buttons

You know, the ones that say things like: “No, I don’t want to better my life immeasurably by receiving these product offers. By clicking this button, I acknowledge that my life is worthless, my children will be left homeless, and I am a terrible person.” Even Amazon is doing it:

The Complete Lack of “No” Buttons

Then there are the people that don’t even include a “no” button, or an “exit” button. I’ve had it happen with Google Play Music sometimes giving me no way to listen to my music unless I either sign up for their family plan, or refresh the page. I couldn’t get a screenshot of that, so here’s one of CrazyEgg doing something similar:

Also, Twitter won’t even let you turn off their more annoying features. There’s only a button to “see less” of them, and no one’s sure if it actually works.

Intentionally Frustrating Products

Recently, I reviewed a service named Smashinglogo (no relation) for another website. See how I’m not linking it? That’s for a reason.

It’s supposed to be an AI-based logo generator and… well it does that. But you have to depend almost entirely on the AI to randomly give you the logo you want. The customization features are minimal, and partially random too. But the site makes very sure to tell you that you can hire one of their professional designers to finish up your logo at any time. It just costs a bit more.

This sort of design is actually a notorious problem in the world of video games, and not just the mobile titles. Middle Earth: Shadow of War launched as a very grindy sort of game that took a long time to complete, but you could make it easier on yourself by purchasing “just a few, simple time savers” on top of buying the full-priced game. Assassin’s Creed: Odyssey took flak for pretty much the same reason. It wasn’t too bad if you like playing all the side quests in a game, but it was still a problem.

Predatory Features/Mechanics

We can look to video games for even more examples. Mobile games introduced the idea of the “loot box”, a purchase which will always grant you some sort of digital reward within the game. But what you get is randomized, so you can never be sure of getting what you want.

It used to be just an industry controversy, but now governments the world over are looking into this situation

They’ve made their way into 60 USD desktop titles as well, and they’re specifically designed to tap into the gambler’s instinct. It used to be just an industry controversy, but now governments the world over are looking into this situation, with UK Mainstream outlets like the BBC documenting what happens when someone who has compulsive gambling tendencies gets suckered in by video games, which are supposed to be comparatively “safe”.

Dark UX is Everywhere…Oops

I wish I had better news.

Look, it’s not that the majority of websites are necessarily using dark UX patterns. I frankly couldn’t find any hard data on that, but I doubt it. Is all their marketing honest? I don’t know about that, but I don’t think that most websites are trying to trick users into clicking stuff.

But not every website is Amazon, Twitter, or Google. While most sites may not have dark UX, a lot of the biggest sites and products do, affecting a number of people that is potentially in the billions.

I’d like to think designers are mostly good people, but the ones employed by bad companies have done a lot of damage. What can we do to correct this? Either we can burn it all down and try to develop a post-money society, or we can try to convince our corporate overlords that treating people right will net them more money in the long run.

I’ve always believed that true (brand) love is better than Stockholm Syndrome. Now we just need to convince everyone else.  

 

Featured image via DepositPhotos.

 

Source

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

Top 4 DevOps Tools in 2019

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/75zxQiJ6P3I/top-4-devops-tools-in-2019

The best DevOps tools this year can support your workflow and augment your organization’s ability to bring software products to market. In this post, we’ll talk about four practical DevOps platforms and tools your team can put to work now for a more streamlined project.  But first, let’s briefly talk about the value DevOps can […]

The post Top 4 DevOps Tools in 2019 appeared first on designrfix.com.

What Is Graphic Design: Our Complete Guide

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/D6AUSMs5NvM/what-is-graphic-design

?Graphics are a visual way of communicating with someone. Billboard along highways try to sell us things or get us to stop at some location while images online work in much the same way. Somewhere at some point in time, a person designed everything we see that’s not part of nature. Quick Navigation A Deeper […]

The post What Is Graphic Design: Our Complete Guide appeared first on designrfix.com.