Type Connection is a game that helps you learn how to pair typefaces.
Start by choosing a typeface to pair. Like a conventional dating website, Type Connection presents you with potential “dates” for each main character—without the misleading profile photos and commitment-phobes. The game features well-known, workhorse typefaces and portrays each as a character searching for love. You are the matchmaker. You decide what kind of match to look for by choosing among several strategies for combining typefaces. Along the way, you explore typographic terminology, type history, and more. By playing Type Connection, you deepen your own connection with type.
Tag Archives: design
If it’s walking like a duck, it should quack
Skeuomorphism is often rejected on the grounds of taste (“it looks tacky”) or generates despondence from its shackling of digital interfaces to old metaphors. The latter offends for two reasons: the resulting interfaces are limited by their chains, and the approach is inherently backwards-looking. I can imagine similar views being expressed in architecture and art quite easily.
10 web development concepts designers should know
A designer who freelances or runs their own agency, may find that they need to confidently explain technical concepts to clients. The end client is often unaware of the various specialisms behind launching a new site and relies on their web designer to guide them through the process. Therefore even if you tend to outsource development work, having an understanding of development can pay dividends in allowing you to discuss the technical parts of the job with your clients. In addition, when working with developers your knowledge will help to speed up communication and prevent misunderstandings.
A great article from Rachel Andrew.
.net magazine: 10 web development concepts designers should know
Responsive Layouts, Responsively Wireframed
Made with HTML/CSS (no images, no JS) this is a simple interactive experiment with responsive design techniques. Using simple layout wireframes, this illustrates how a series of pages could work across these different devices, by simulating how the layout of each page would change responsively, to suit the context.
This Man’s Life: Responsive Layouts, Responsively Wireframed
How To Deliver Exceptional Client Service
When the client hired you, they expected that you would design and develop a great website. They also expected it would be done according to the timeline and budget set during the planning stages of the project. As successful as this project may have been for both you and the client, in the end, you did exactly what you were hired to do. You did your job.
Smashing Magazine: How To Deliver Exceptional Client Service
American Specimen Book of Type Styles
The Internet Archive is hosting a copy of the American Specimen Book of Type Styles put out by the American Type Founders Company in 1912. It’s a 1300-page book listing hundreds of typefaces and their possible use cases.
Iconic Icon Set
Iconic is a minimal set of icons consisting of 177 marks in raster, vector and font formats free for public use.
A Guide To Heuristic Website Reviews
In this article, we’ll explore a scoring system for rating and comparing websites, we’ll visualize those ratings using infographics, and we’ll see what data and structure this method provides for reviewing websites.