Duotone in Web Design
A look at the colour trend taking the world by storm
The modern web is full of colour-from subtle to bright ‘in your face’ tones. I’ll be taking a look at the latter. Meet duotone-the hottest colour style of 2016.
Pure duotone & other tonal groupings
Love it or loathe it-duotone is everywhere right now. As the name suggests, duotone is an image made up of two colours, usually vibrant shades are used but you can select more subdued ones if you wish.
Your Body Text Is Too Small Why website body text should be bigger, and ways to optimize it.
Why would we limit the effectiveness of body text by minimizing its size to a browser-default that’s now over 20 years old, even on large displays?
Jpeg.io | Convert any major image format into a highly optimized JPEG
Convert any major image format into a highly optimized JPEG
Drag your image into the dropspace below, and we'll convert it into a progressive JPEG
and then optimize it using an advanced JPEG optimization technology.
Best Advice: What I Learned From Jack Welch Hanging Up on Me
Imagine my surprise when he called me into his office that day and admonished me for being too efficient. My zeal to do everything on my to-do list—along with my reserved, even shy nature—made me come across as abrupt and cold. I started every meeting by jumping right in and left with every action under control.
"You have to wallow in it," he said. "Take time to get to know people. Understand where they are coming from, what is important to them. Make sure they are with you."
A little collection of cool unix terminal/console/curses tools
Just a list of 20 (now 28) tools for the command line. Some are little-known, some are just too useful to miss, some are pure obscure -- I hope you find something useful that you weren't aware of yet! Use your operating system's package manager to install most of them. (Thanks for the tips, everybody!)
Is Web Typography Completely Broken? | Zell Liew
I recently came across an article titled “Web typography is broken. Here’s how we can fix it”. A mix of emotions rushed through me while I read through it. I realized that the biggest argument Tom was making in the article was that web typography is broken because type doesn’t sit perfectly on a baseline grid.
UX Reality Check: 14 Hard Truths About Users
- They’re Smarter Than You Think
- They Have Other Things To Do
- They Have a “Doing Mode”
- They “Satisfice”
- They Don’t Use Your Software The Way You Intended
- They Rely On Patterns
- They See What’s There
- They Lie
- They Don’t Know What’s Possible
- If You Improve Their Lives, They’ll Love You
- They Blame Themselves for Mistakes When It’s Your Fault
- Their User “Experience” Is Based On Far More Than Your Website
The Value of Multi-Typeface Design – About face – Medium
It has come to my attention that one of the more noticeable traits in my design work is my willingness to use what is perceived to be an excessive number of typefaces. I’ve seen countless articles written on typeface pairing and systems, and nearly all of them push towards using fewer families in any given design. I’ve seen similar comments made towards my own work, implying that they are pleasing despite the number of typefaces they use.
HOW TO RETOUCH VIDEO IN PHOTOSHOP
You’ve probably used the Clone Stamp tool in Adobe Photoshop CC to remove small distractions from photos. Did you know that the same tool also works on video frames? In this tutorial, I’ll show you how I removed a pesky seagull from a Golden Gate Bridge time-lapse by cloning from a good frame and painting over the bird.
70ish Life and Business Lessons for Designers – Noteworthy — The Journal Blog
Stop using this, it, that in your writing — next time you write, try to remove the words “this”, “it” and “that” your writing will be easier to understand and read.
Punch above your weight class
Say People not Users
Save time, use patterns
You are not Aaron Draplin. find your own Futura Bold
Always talk to the person next to you
Design one for the stakeholder and one for you
Sidework leads to your next job
Be impeccable with your word
Success = 80% Sell, 20% Design
15 Minute Meetings
Follow Up
Everyone’s job is hard
One big thing each day
Drink water — you will feel more alert, kind and patient.
Great Artists Write
“Writing is thinking. To write well is to think clearly."
Writing intrinsically champions and improves creativity, critical thinking, and clarity.
Anatomy of a Design System
I’ve tried to show the relationships between all of these resources in the diagram below. As you can see, a Style Guide is it’s own entity, which overlaps the CSS framework, design principles, design assets, and documentation.
Illustrating Animals With 13 Circles: A Drawing Challenge And Tutorial — Smashing Magazine
Today, we’re happy to introduce Dorota, an artist who created a fun little project last year that was inspired by Twitter’s new logo based on 13 circles. Below you’ll find the lessons Dorota has learned along the process, so maybe you’d like to embark on a similar journey as well?
10 typography tricks every designer should know
- Kern upside down
- Blur it
- Kern with balloons
- Use 'o' to space words
- Rough out headlines
- Forget about small caps
D3 gallery
Welcome to the D3 gallery! More examples are available on bl.ocks.org/mbostock. If you want to share an example and don't have your own hosting, consider using Gist and bl.ocks.org. If you want to share or view live examples try vida.io.
Design Lessons From The Amazing 1980s Books That Taught Kids To Code
The book, and its successors like Machine Code for Beginners and Practical Things to Do With a Microcomputer were major hits–but they were largely forgotten until recently when Usborne published them online as free PDFs, as Cory Doctorow first pointed out this week.
WHY USE A PAINTBRUSH WHEN YOU CAN MAKE MIND-BENDING ART WITH CODE?
To help further this exploration, Reas and his colleague Ben Fry (a principal of Fathom, a design and software consultancy in Boston) in 2001 developed their own software, called Processing, that bridges the divide between programming and art, making both processes more intuitive.
50+ fresh resources for designers, March 2016 | Webdesigner Depot
How’s it going, compadres? This month’s roundup hand-picked from all across the web includes icons, design assets, illustrations, vector artwork, UI kits, some really cool code snippets, fonts, templates, some awesome tools, and much much more.