Inspirational Websites Roundup #31

/0 Comments/in /by

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

Another month has passed and we’ve got a fresh websites roundup for you! There’s lots of amazing web designs with interesting layouts, typography and color schemes. Interesting, playful details and white space are big, and mellow light in images create the right ambient for web experiences that are a pleasure to browse.

Hope you enjoy this set and find it inspirational!

Caledonian

Palette

Cleo

MESA Hurstville

kirifuda

Creative Nights

Oatly

ETQ Amsterdam

Star Atlas

Canvas Agency

Atoll Digital

CROING

L+L®

Eun Jeong Yoo

Niftypays

IAD LAB 2021

Miranda

Hyper Tria

INO

Ferro 13

15 years of MELON FASHION

Liron Moran Interiors

The Sea We Breathe

hyogen

Feldman.Studio

Team Stefansky

Shapefarm

DFY

GSoft

Goodkids

Victoire Douy

part-time.studio

The Andrei Sakharov Museum

Lunchbox

The post Inspirational Websites Roundup #31 appeared first on Codrops.

How To Improve UX With Sketching

/0 Comments/in /by

Original Source: https://www.webdesignerdepot.com/2021/11/how-to-improve-ux-with-sketching/

Is sketching essential to UX and UI designers? Well, if you think of sketching as a way to explore problems and record potential solutions, then yes, it absolutely is.

One of the most challenging tasks of any design process is capturing the initial idea. We’ve all spent countless hours thinking through an innovative solution to a project, only to lose the idea again. It turns out that sketching is a brilliant solution to this problem.

In this guide, you’ll learn how to improve your UX designs using sketching as a tool. First, we’ll answer the question of how sketching benefits design, then we’ll look at the tools you need, and finally what an efficient sketching process looks like. By the end of this 3-minute read, you’ll have valuable new knowledge that will help you as a designer.

Why Sketching Is Important For Designers

When you start working on a project, it’s tempting to jump straight into high-resolution wireframes. But in doing so, you run the risk of spending hours on each little detail, only to discover that the overall concept doesn’t work.

Sketching — unlike drawing, which is about communicating an idea — is a free-flowing, process that allows you to get your ideas down on paper (yes, paper!) fast.

If there’s one thing you take away from this guide, let it be this: sketches aren’t for clients, or colleagues, or Dribbble, sketches are just for you. They’re a non-written way of rapidly making notes. Sketches will help you recall all the possible routes to consider.

Sketching is all about visualizing your ideas quickly and efficiently. When you’re sketching, you don’t have to worry about details, and you don’t have to worry about communicating with anyone else.

By sketching ideas without detail, you can quickly explore numerous solutions for a project. It’s fascinating how sketching can help you visualize an idea and revise it again and again along the way with minimal effort.

So, what revolutionary new tools do you need?

What Tools Do You Need For Sketching?

Designers love new tools, but when it comes to sketching there are relatively few, and you probably already have them to hand.

First, you’re going to need paper. A notebook is fine, it doesn’t have to be high-quality paper; in fact, you will probably feel freer and less restrained if you make sure that it is cheap.

You’ll need something to make a mark on the paper. A pencil is fine, as is a pen, a biro, and just about anything else. Don’t worry about an eraser, sketching isn’t about correcting mistakes, but you will need a sharpener if you’re using a pencil — never draw with a blunt pencil!

Whatever implement you choose, it’s a good idea to have a heavy marker, like a Sharpie, to pick out an important detail, and perhaps a fine pen to add small detail (if required).

Finally, make sure you have a timer to hand. A chess clock is perfect for an old-school aesthetic, but a timer on your phone is perfectly fine. The timer is to make sure you don’t spend too long on one sketch, so you don’t have time to get wrapped up in perfecting the details.

Sketching 101: A Step-by-Step Process

When you’ve been sketching for a while, you’ll discover your own process, and preferred methods. But for anyone new, here’s how to get started.

1. The Initial Idea

As with designing a wireframe, the most challenging step is getting started. Usually, at the beginning of a project, we are overwhelmed. This is because there are so many ideas, and we do not know where to start. For this reason, a detailed analysis of the project is essential.

You can start by thinking about the most important interactions you need to create. This way, you will find out the most important and exciting aspects of the project.

Since most of us get caught up in the fine details, it is beneficial to think of sketching as a brainstorming session. This session is simply about coming up with an innovative solution for a project and visualizing it.

It’s fine to have an idea that you’ll ultimately disregard. This is not the time to edit yourself.

2. Start Sketching

Take a piece of paper and use your sketching tool to divide it into six sections. Set your timer for 5 minutes and start drafting mockups for the first interaction.

Often, designers struggle with this step, and fall back on what they’re used to, i.e. wireframing and high-res mockups. If you find that you’re struggling to start sketching, start by making a mark on the paper; any mark at all. Then, make a second mark. With the third mark, try to position it in a way that says something to you about the project, by its size, weight, position — anything at all. Keep going, and before you know it you’ll have a complete sketch.

It’s vital that you do not exceed the time you give to yourself because sketching is not about fine details. The time is better spent exploring multiple ideas, even if those ideas only serve to confirm that the first idea was the most promising.

Repeating this step can be very valuable. Once you are happy with the results, you can move on to the next and final step.

3. Self-Editing

Unfortunately, you can not take away every concept you have outlined. This step is about choosing your most effective ideas and expanding on them.

Most designers want to create top-notch, detailed designs, and that’s fine. However, sketches are only really helpful for the early stages of a project, and creating perfect sketches in the first stages of a project may not be productive — in fact, it can be restrictive.

It’s often a good idea to combine some of your designs. Redraw them together, and once you’ve done that expand and refine them.

Improve Your Design With Sketching

It doesn’t matter if you think you’re bad at sketching — no one is going to see your sketches except you. Many of us would struggle to sing in public, but are absolutely fine singing in the shower.

Remember that sketching is not about your artistic skills; it’s about capturing an idea and expanding on it. After all, once you have your final design, you will recreate it digitally.

You don’t have to be an artist to be a designer. And since sketching can improve your UX designs, there are many reasons you should give it a try.

Once you’re comfortable with sketching, you’ll find it an invaluable tool for identifying sticking points in a project, and solving them before you reach the wireframe stage.

 

Featured image via Pexels.

Source

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

The post How To Improve UX With Sketching first appeared on Webdesigner Depot.

How to Draw a Mushroom

/0 Comments/in /by

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/WgpudOZcmVs/how-to-draw-a-mushroom

The mushroom is neither a plant nor an animal, yet it is fascinating. Mycelium, or roots, are found on the surface of the mushroom, creating the appearance of a plant. The plant matter is consumed by the mycelium, but an animal can move freely around the world. The rest of the world’s fungi, however, are…

The post How to Draw a Mushroom appeared first on .

How to Access Blocked Websites (9 Ways)

/0 Comments/in /by

Original Source: https://www.hongkiat.com/blog/alternative-ways-to-access-blocked-websites/

There may be times when you come across a website or service that’s been blocked by your employer, Internet service provider, or the government. If you find yourself in such a situation and…

Visit hongkiat.com for full content.

18 great places to download free fonts

/0 Comments/in /by

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/aKz7PvF8pqs/download-free-fonts-resources-912696

These sites offer a huge range of fonts to download for free.

Brutalist Branding for Synticate©

/0 Comments/in /by

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/ryOWNdLblJE/brutalist-branding-synticatec

Brutalist Branding for Synticate©
Brutalist Branding for Synticate©

abduzeedo1103—21

Stepan Solodkov shared a branding and graphic design project created for a Moscow based CGI studio that has a portfolio of very large clients. The target audience of the studio are creative and art directors of large advertising agencies, therefore, the identity wanted to invoke a bright, modern and memorable look. The name of the Synticate is a symbiosis of the two names Synthesis and Syndicate. The identity was inspired by vivid images of futuristic Asian megacities in the spirit of Blade Runner, with typography of neon signs, and eclecticism of big cities – mentions Stepan. The result is a quite brutalist design with clear references from the 90s graphic design scene.

The uniqueness of the studio lies in the fact that they select a new unique team for each project, therefore the logo is dynamic and each time each team can quickly have its own unique logo that remains in the general concept. As a result, 16 unique typographic logos were drawn and animated. All characters reflect or are inspired by various areas related to computer graphics, cinema and pop culture. Unique animated typographic compositions have been developed that also metaphorically complement the idea of ​​integration, flirting with the idea of ​​the Syndicate.

Branding and graphic design


50 Resources And Tools To Turbocharge Your Copywriting Skills

/0 Comments/in /by

Original Source: https://smashingmagazine.com/2021/10/resources-tools-turbocharge-copywriting-skills/

I believe that copywriting is the most valuable skill you’ll ever learn. Great copy engages your readers, builds connections, turns readers into consumers and consumers into brand evangelists. Of course, this all means a fatter bottom line, which makes you the most popular person in the room!

If you’re ready to acquire near-mystical powers of persuasion, check out these useful resources and tools that are bound to help strengthen your copywriting skills.

Brush Up On Your Language Skills

I’d like to introduce this section with a small proviso. Great grammar does not equal great copywriting. Copywriting is a unique animal, different from academic, journalistic or literary writing. Copywriting is about human psychology, consumer behaviour and applying tried and tested methodologies. It’s not about beautiful words, and I know many great writers who make poor copywriters and vice versa.

That said, language mistakes matter if they get in the way of comprehension. So it’s worth brushing up on those language skills to avoid errors that will derail your message.

Use English Punctuation Correctly
An easy-to-follow crash course in English punctuation, starting with the basics.
Grammar Girl
A welcome break from dull and dry grammar guides. Mignon Fogarty, AKA Grammar Girl, provides short, friendly tips for better writing. Grammar rules, word choices, and tricks to remember them all. Who knew grammar could be so bright and breezy?
Common Errors In English
A comprehensive alphabetical list of common English errors, from misspellings to confounded compound nouns and common expressions gone rogue. Click for detailed explanations of each one.
10 Flagrant Grammar Mistakes That Make You Look Stupid
More common errors to sidestep.
Grammarly: Free Online Writing Assistant
This AI-powered writing assistant grows ever more sophisticated. Adept at spotting errors, it can also identify tone, point out erroneous words or suggest better ones. Well worth downloading.
Eats, Shoots And Leaves
Download the Kindle edition of this witty exploration of the perils of improper punctuation. A joy for anyone who cringes at the sight of an errant apostrophe.
Six Common Punctuation Errors That Bedevil Bloggers
So true. This contains a couple of my pet peeves.

Master Plain English

In a hectic world, getting straight to the point and communicating your message quickly and clearly is a non-negotiable. But the most common challenge budding copywriters tell me about is writing concisely. This is partly because of some very unhelpful lessons we learnt at school.

So I’m going to ask you to forget all those long words and stop writing winding sentences. It may be big, but it’s not clever. Find out why below…

The Complete Plain Words | Plain Words
Sir Ernest Gowers was an eminent civil servant who railed against the convoluted language so often used in the service. Sixty years after he wrote Plain Words, it’s still a superb and charmingly written guide to clear communication.
The Elements of Style
A freely available online version of the classic reference book, The Elements of Style by William Strunk, Jr.
Plain English Campaign
Home to an award-winning group of anti-gobblydegook activists. Browse the site, particularly the free tools section to find out why plain English is so important and how to achieve it.
Plain English Writing | SkillsYouNeed
A nice visual guide to how and why to craft short, clear, easily digestible sentences.

Understand Style Guides And Brand Voice

When your brand talks, what does it sound like? Your brand voice is a vital part of your overall brand identity, building connections, trust and recognition with your readers. Brand voice covers tone, language and style points (whether to capitalise, how to format dates, Oxford comma or no Oxford comma, and so on).

How To Create A Brand Tone Of Voice Guide
Don’t have a brand guide yet? Check out this site for helpful hints on putting one together.
10 Best Examples of Brand Guidelines
For inspiration, look to the brands that are doing it well. Many brands publish their guidelines online and this site will point you to ten of the greats. Skip to the section on voice in each.
Associated Press Stylebook
Use this guide if American English is more your cup of tea.
English Style Guide — Economist
This surprisingly readable usage guide is based on the style book given to all journalists at The Economist. The online version offers up hints on how to use metaphors, punctuation, figures, hyphens, and so on.

Craft The Perfect Heading

Guess what? Most people are only going to read your heading before deciding whether to read on or click away. Dramatically boost your results by getting it right.

50 Trigger Words and Phrases for Powerful Multimedia Content
A super handy list of words that grab attention and push buttons. Perfect for hard-hitting headings.
How To Write Magnetic Headlines
Another free ebook from the Copyblogger team, this time on writing ‘magnetic’ headings.
2001 Greatest Headlines Ever Written
Think of this great book as a giant swipe file of hit headlines from across the industries.
5 Simple Ways to Open Your Blog Post With a Bang
So you have an awesome heading. Then what? Next in order and rank comes the opening paragraph. Check out this piece to make sure the energy doesn’t fizzle out.

Cram With Easy Online Copywriting Guides

Copywriting 101: An Introduction to Copywriting
This free e-book from the Copyblogger team is designed to get you up and running with the copywriting basics in ten easy lessons. Afterwards, you’ll get recommendations for professional copywriting training, plus links to tutorials on SEO copywriting and writing killer headlines.
Copywriting 101: The Beginner’s Guide to Copy
A quick and easy beginner’s guide.

Get Guidance From The Literary Greats

Now, I’ve already mentioned that copywriting is a completely different animal from literary writing. But we can still learn a trick or two from great fiction. The writers below in particular have had a marked influence on modern writing and their lessons hold true for writing effective copy.

George Orwell’s tips on better writing
Stephen King’s Top 7 Tips for Becoming a Better Writer
10 Writing Tips from the Masters
Ernest Hemingway’s Top 5 Tips for Writing Well

Dip In With Bite-Sized Tips

10 Writing Tips for Web Designers
Nice, succinct summary of the differences between writing for print and online.
How to Write Faster, Better, and Easier
Not strictly aimed at copywriters but still a good overview of the steps in the writing process. Highlights the importance of every stage, from planning to final proofread.
Writing Tips for Non-Writers Who Don’t Want to Work at Writing
An amusingly opinionated list of ways to improve your writing.
A Guide to Becoming a Better Writer: 15 Practical Tips
More of the above, without the expletives…

Browse The Best Copywriting Blogs

CopyBlogger
Often recognized as the Bible of content creation, founder Brian Clark’s site features hundreds of insightful and easy-to-read articles on all things content related. If you only read one blog, this should be it.
Problogger
Lots of useful stuff from Darren Rowse for anyone with a blog to write, including how to add income streams.
CopyWriting
This easy-to-navigate site offers up the Trinity — a copywriting blog, copywriting services and training. Browse the blog for articles that communicate valuable tips clearly and quickly. This team practises what they preach.
SEO Copywriting — Moz
Pop over to the MOZ blog for a deep dive into SEO copywriting and check out their free tutorials.
Honey Copy
How could we not include HoneyCopy and their words that ‘read like poetry and sell like Ogilvy’? Inspirational pieces on advertising, writing, creativity and life.
Men with Pens
A regularly updated blog with an almost overwhelming amount of useful information for writers, freelancers and entrepreneurs.

Enjoy the Jack Sparrow quote on the homepage:

“I think we’ve all arrived at a very special place. Spiritually, ecumenically, grammatically.”

— Captain Jack Sparrow

Read Books (Sort Of)

Shortform — The World’s Best Book Summaries
So many books, so little time. The team at Shortform has done a great job of summarising popular works of non-fiction so you can download the key messages fast. Sign up for the free trial and check out Ogilvy on Advertising, Influence: The Psychology of Persuasion and Made to Stick.
How to Make Your Advertising Make Money eBook
A classic from copywriter John Caples, the man behind spilt testing. Kindle edition.
All Of Gary Halbert’s Boron Letters From Prison
If you’d like your copywriting tips wrapped up with life advice and personal anecdotes, you might enjoy the Boron letters. Copywriter Gary Halbert wrote them to his son while in prison.
The Copywriter’s Handbook: A Step-By-Step Guide To Writing Copy That Sells
Considered by many to be the copywriting guide, this book is exactly what it claims to be — a clear and comprehensive step-by-step guide to writing great copy.

Hack With Handy Tools

OneLook Dictionary Search
More than 13.5 million words in more than 1024 online dictionaries are indexed by the OneLook search engine. You can find, define, and translate words all at one site.
Verbix
This English conjugator will help you to determine how to use verbs in the proper tense.
Synonyms and Antonyms of Words
Can’t think of quite the right word? Search synonyms to avoid repetition and capture the right tone. Hazard warning: do not be tempted by the big words you may find here!
Top 10 SEO Copywriting Tips
This piece from Semrush combines tips and a list of tools for SEO copywriting.
WordCounter
This tool helps you find out the reading time so you can share it with your reader and get a ranking of the most frequently used words. Use it to make sure you’re using enough keywords to boost your SEO or simply to spot words you overuse and correct unnecessary repetition.

Keep Learning

Udemy
If your budget is restrictive but you want to dip your toes into the world of copywriting courses, check out Udemy. They have a wide range of low-cost and even free tutorials available on demand. Do check the reviews to make sure it’s what you’re looking for.
The Giles Academy
If you’re serious about copywriting, we recommend working closely with a professional team. The courses at The Giles Academy offer different levels for different needs. Opt for Pro level to get individual feedback from a professional copywriter plus certification.

There’s a special offer for Smashing Magazine readers. Use the code 40OFF at checkout to get 40% off!

Power Up Your Productivity

It’s easy for the cold tendrils of inaction to creep in when faced with a blank page. But copywriters work to deadlines and don’t have the luxury of waiting for the muse to appear.

“My favourite part of the writing process is cleaning the apartment.”

Here are a few tips and tricks to kick writer’s block to the curb:

21 Productivity Hacks from 21 Prolific Writers
More from the Copyblogger team. Can you tell we’re fans?
Productivity For Writers: 5 Ways To Become More Productive
Practical tips, from scheduling to accountability
Eugene Schwartz’ 33.33 Minute Rule — How To Get Shit Done
My favourite way to beat procrastination. I’m pretty sure my mother actually came up with this one, but here’s a refined version from Eugene Shwartz (one of the highest paid copywriters ever).

Get It Done For You

If you’re still working on your copywriting skills, but need some copy urgently, there’s plenty of support out there. For freelance writers to suit a range of budgets, make sure to visit Upwork™ and Fivver.com, and if you’d like the professional support of an experienced team, you’re always welcome to reach out to us at the Giles Agency.

That’s it for now. Do you have any resource or tool to add to the list? We’d love to know! Be sure to pop your favourite resources in the comments below.