Wilbur Chen

168 Flips | 1 Magazine | 3 Likes | @wilburchen2015 | Yes, I read sometimes.

This 1939 Chart Explains How Color Affects Legibility

<i>Graphic Presentation</i> by Willard Cope Brinton is an early visual bible that explains everything from graphs and charts to choosing paper and proofreaders’ marks. One of the best infographics in the 526-page tome succinctly explains color visibility and, in effect, why some signs and logos work …

Infographics

3 Steps to Better UI Wireframes

Creating sketches of a user interface, called wireframes, is often the first step in the design phase of a software or web project. Wireframing your …

8 Great Examples of Complex Data Visualized

As we’ve noted before on this blog, visuals are a powerful way to convey messages, present information, and persuade audiences. In a previous post we …

Data Visualization

Pedro Domingos’ Master Algorithm: How machine learning is reshaping how we live.

Computers and the algorithms they run are precise, perfect, meticulously programmed, and austere. That’s the idea, anyway. But there’s a burgeoning, …

Machine Learning

25 After Effects Tutorials for Animated UI and UX Design

A popular trend in modern UX design is creating animated GIF images to demonstrate how an interface will behave with user interaction. The interface …

Tips and Tricks for Responsive Web Typography

Responsive web typography is perhaps one of the <b>most important features of web design</b>. There’s a lot more to this aspect than simply just resizing the …

17 Totally Underrated Places To Shop For Men's Clothes Online

There's more out there than Target.<p><i>Note: Submissions have been edited for length and/or clarity.</i>

How to design websites developers won’t hate

The process of designing a website interface feels similar to designing a mobile app interface. But development is vastly different between these two mediums. When designing a mockup, you’ll want to consider the potential pitfalls and drawbacks of each feature.<p>This is especially true of newer CSS3 …

Web Development

HTML5 - Responsive Web Design

By Katrien De Graeve | November 2011<p>It all started with Responsive Web Design, an article by Ethan Marcotte on A List Apart. Essentially, the article …

Apple's plan to kill the hamburger menu

During Apple’s September event it announced a new technology called 3D Touch as part of the iPhone 6s. Apple calls it the “next generation of multitouch” and it isn’t mincing words when it comes to how important it is to the future.<p>Aside from the confusing naming, 3D Touch is similar to Force Touch …

Apple Watch

Design Tools: What Are You Using?

Back in June, our friend Khoi Vinh launched a survey of tools used by designers over on Subtraction.com. Today, he shares the results from 4,000 …

The best web browsers

Picking a web browser isn’t like picking an operating system or smartphone ecosystem. Unlike choosing MacOS, Windows, or Chrome OS, where your …

The future of layout with CSS: Grid Layouts

In this article we’ll take a look at the wonderful world of the CSS Grid Layout, a relatively new W3C specification that has partially started to see …

For Designers: 10 Fonts To Transform Your Creative Project From Good To Great

<b>Are you in need</b> of new fonts for your next creative venture? Have no fear, because we’ve compiled a brand new collection of awesome fonts just for …

Typography

How to design effective UX mockups in a hurry

You're on deadline. We hear you. But saving time now might cost you later if your work includes workflow gotchas or assumptions on the …

10 Recent UI Design Concepts For Mobile Screens You MUST See

1WD is passionate about helping the community by sharing information and resources that will make you become a better web design professional. This …

6 storytelling techniques for great interaction design

5. Hide secondary elements for an “easter egg” effect<p>This is one of the trickiest interaction design strategies to pull off, and is only suitable for certain sites. But if your project is well-suited, the joy of discoverability can be one of the most memorable experiences for users. Some types of …

UI Design

Creating Perfect User Flows for Smooth UX

If someone asked you to define the word “flow” or describe an example of one, what would you say? Would you immediately think about flow as it …

How to design a foolproof storytelling website

When thinking about the story, consider some elements that all stories have – characters, plot, action, emotion. Your story should contain these elements as well. The other thing that many stories have in common is a voice or narration. While at first you might think this means you need someone to …

Amazon’s A-to-Z of E-commerce UI/UX Design

Nowadays to sell goods and services, you don’t need a traditional brick-and-mortar storefront. All you need to set up shop is a good internet …

eCommerce

Where the magic happens: children's illustrators open up their studios - in pictures

Photographer Jake Green has spent the last year travelling around the world delving into the magical world behind the scenes in illustrators’ studios. Here he shares some the beautiful photographs he made of bookmakers in action including Oliver Jeffers, Laura Carlin, Beatrice Alemagna and Hervé …

Illustration

Restaurant ‘tells diner to f**k off’ after she posts bad review on Facebook

<b>A diner was left shocked after receiving a message from a restaurant’s facebook account telling her to ‘f**k off’ after she complained to …

Font Flame aims to be the Tinder for typefaces

This week, the Web’s been falling in love with Font Flame. Billed as the ‘Tinder’ for typefaces, it’s an addictive little site that asks you to judge …

Stop Complaining About the New Google Logo. (It Has a Story)

I'm pretty tired of hearing people complain about Google's new logo. Whether it's a cultural correspondent on The New Yorker, an aging Emmy-winning art director, a self-dubbed "opiniated typographer", or a crudely snarky BuzzFeed article, every attention-seeking nobody is ready to jump on the …

What you need to know about logo redesigns

Digital Marketing

15 essential jQuery job interview questions

1) Explain the code<p>Explain what the following code will do:<p><b>Answer:</b> This code performs a query to retrieve any <div> element with the id first, <i>plus</i> …

The role of copywriting in UX and onboarding

Wherever you look online, there’s a lot of talk around UI/UX design. UX copywriting? Not so much.A quick search on a leading job site spat out almost …