Color Theory Quick Reference Poster It’s always good to be able to articulate design choices to your clients; why you put something where, why you chose the color scheme you did, etc. This knowledge is one of the biggest differences between a designer and a non-designer. But there is a lot to remember when it comes to the realm of graphic design – so much so that it’s pretty much impossible to remember everything from all the theories of graphic design, to web design best practices to Photoshop keyboard shortcuts. With that in mind, I decided it would be useful to have all of the basics of color theory contained in one place – specifically, a cool infographic-esque poster. *Edit: we now have an Elements of Design Quick Reference Poster as well as a Principles of Design Quick Reference poster too! The idea is that this graphic can be either printed out or used as a desktop wallpaper. The graphic contains info on: Hopefully this will be as useful to you as I’m hoping it will be to us here at Paper Leaf.
You’d Be Surprised By What Really Motivates Users Editor’s note: This article is adapted from Hooked: A Guide to Building Habit-Forming Products, a new book by Nir Eyal and Ryan Hoover. Earlier this month, Twitter co-founder Biz Stone unveiled his mysterious startup Jelly. The question-and-answer app was met with a mix of criticism and head scratching. Tech-watchers asked if the world really needed another Q&A service. Skeptics questioned how it would compete with existing solutions and pointed to the rocky history of previous products like Mahalo Answers, Formspring, and Aardvark. In an interview, Biz articulated his goal to, “make the world a more empathetic place.” We hope a few insights gleaned from user psychology may help the Jelly makers improve their jam and provide some tips for anyone building an online community. Lesson 1 – The Right Reward In May 2007, entrepreneur and Internet celebrity Jason Calacanis launched a site called Mahalo. At first, Mahalo garnered significant attention and traffic. Lesson 2 – Frequency Matters
Periodic Table of Typefaces Large original English version HERESpanish version HEREPortuguese version HERE PRINTS, SOURCE FILES, and other Periodic Table of Typeface related goodies are available HERE The Periodic Table of Typefaces is obviously in the style of all the thousands of over-sized Periodic Table of Elements posters hanging in schools and homes around the world. This particular table lists 100 of the most popular, influential and notorious typefaces today. As with traditional periodic tables, this table presents the subject matter grouped categorically. Each cell of the table lists the typeface and a one or two character "symbol" (made up by me simply based on logic), the designer, year designed and a ranking of 1 through 100. Ranking was determined by statistically sorting and combining lists and opinions from the the sites listed below. Unfortunately, the typefaces could not be sorted exactly numerically on the table while at the same time keeping them in groups of families and classes.
The Aesthetics of Game Art and Game Design The Aesthetics of Game Art and Game Design By Chris Solarski What can we learn from the techniques of the Old Masters to help us create more varied and emotionally meaningful gaming experiences? And how must we go about adapting these classical art techniques when we add video gaming's unique element of interactivity? To explore these questions, this article examines the psychology of shapes and dynamic composition, which are the focus of a series of talks I recently completed around North America (kindly supported by Gbanga, Swissnex, and the Swiss Arts Council, Pro Helvetia). I firmly believe that dynamic composition should be the topmost consideration for developers wishing to shape the emotional experience of their video games. Character shape Character animations Environment shapes Pathways We'll explore how these elements work together aesthetically, and finish by applying the techniques learned to game design. Click for larger version. Black and Violet (1923), Wassily Kandinsky
22 Useful Online Chart & Graph Generators Have you ever encounter situations where you need to create a simple yet good-looking chart, graphs or diagrams and all you have is your browser? Charts are good and effective way to show relationship between entities but sometimes creating one can be pretty challenging especially when your favorite word processing software is not around. In today’s post, we want to highlight some of the best web services that allow you to create various charts and graphs online on-the-fly. Most of them are easy to use and don’t you even worry about the design. Your output will be as good as what you see in the screen shots below. Full list after jump. Rich Chart LiveCreate enjoyable and captivating Flash Charts from your web browser. DIY ChartDIY (Do it yourself) Chart is a Web-based, simple and powerful online tool to create interactive charts and graphs from static or dynamic data which may be generated using any scripting language. Hohli ChartsHohli Charts lets you dynamically generate charts.
Neuroesthetics Neuroesthetics (or neuroaesthetics) is a relatively recent sub-discipline of empirical aesthetics. Empirical aesthetics takes a scientific approach to the study of aesthetic perceptions of art and music. Neuroesthetics received its formal definition in 2002 as the scientific study of the neural bases for the contemplation and creation of a work of art. Neuroesthetics uses neuroscience to explain and understand the aesthetic experiences at the neurological level. Researchers are looking to neuroscience for answers behind why the human brain finds artistic works like DaVinci's Mona Lisa so alluring. Overview Neuroesthetics is an attempt to combine neurological research with aesthetics by investigating the experience of beauty and appreciation of art on the level of brain functions and mental states. Approaches of study The aesthetic enjoyment of individuals can be investigated using brain imaging experiments. Theories of Pioneers Constancy Abstraction 
Fell in Love with Data — Data Visualization Evangelism Bubble Chart The difficulty with bubble graphs is in their interpretation. While they can give a quick comparison of values of your data, they are not as well suited for accurate or precise determination. Some software graphs bubbles by volume, not diameter, further complicating comparisons. Other variables become difficult to graph by bubbles if the range is too large and some too small. In such cases, bubble charts can become a challenge to interpret. Example There are many more examples of poor usage of the bubble chart so be careful in looking at examples. This bubble chart from the NY Times shows the frequency of words used at the National Conventions. Gapminder, (2012) The Gapminder World Map291 shows the relationship between health (represented by expected years of life at birth) and wealth (represented by GDP per person) in each country in the world. This option requires some understanding of statistics to draw manually. Advice Advice for CHOOSING this option (tips and traps) Resources Guides
Data Stories I have a goal in life: To rid the world of bad PowerPoint slides. We’ve all sat through meetings, struggling to stay awake during presentations filled with cheesy stock images, confusing bar graphs, and pie chart after pie chart. This needn’t be so. Even the driest content can come to life – if it’s presented creatively. At Google, I teach everyone from marketers to engineers some basic principles of data visualization that help them turn numbers into compelling visual stories. Presenting data creatively can make numbers seem more human and turn statistics into stories. Here are a few of the most resonant lessons that I teach in ‘Data Visualization 101’ at Google. Don’t be Misleading Context will have an impact on how people interpret the information you’re providing. Don’t be a Data Fashion Victim Just because your software has plenty of bells and whistles doesn’t mean they all have to be used. Highlight what’s Important Simple Beats Sexy Use Color Strategically
Cognitive Seduction and the "peekaboo" law « Our book made it to Amazon's "Best of 2006" list | Main | How to Build a User Community, Part 1 » Cognitive Seduction and the "peekaboo" law Brains are turned on by puzzles. Brains are turned on by figuring things out. At least, that's what the neuroscientists say in the latest issue of Scientific American Mind. From the article: "An unclothed person who has only arms or part of a shoulder jutting out from behind a shower curtain or who is behind a diaphanous veil is much more alluring than a completely uncovered nude. Evolution has seen to it that the very act of searching for the hidden object is enjoyable, not just the final "aha" of recognition--lest you give up the chase. Otherwise, we would not pursue a potential prey or mate glimpsed partially behind bushes or dense fog." If something dangerous is hiding in the bushes, it's damn useful for the brain to reconstruct a complete tiger from just a few bits of orange and black peeking out between the leaves. It goes on: TrackBack Comments
Fantastic Information Architecture and Data Visualization Resources Jan 15 2010 Information architecture can be a daunting subject for designers who’ve never tried it before. Also, creating successful infographics and visualizations takes skill and practice, along with some advance planning. But anyone with graphic design skills can learn to create infographics that are effective and get data across in a user-friendly manner. Below are a collection of resources to get you going down the information architecture and data visualization path. 1. Information architecture can be so complex, it’s no wonder there are entire sites dedicated to it. Info Design Patterns Info Design Patterns offers up information architecture news (a fairly new section without a lot of content) and a searchable database of info design patterns. InfoDesign InfoDesign is an excellent resource for anyone interested in information architecture. Information Design Watch UXBooth – Information Architecture Design Crux – Information Design Cool Infographics JJG.net Boxes and Arrows Good Magazine
Photographer Angela Kelly captures intricate patterns of ice in bubbles in their first moments after they start freezing Stunning images capture beauty of liquid droplets after starting to freezeCreated by photographer Angela Kelly using homemade bubble solutionSpectacles can be seen resting atop ground, flowers and blades of grass By Sophie Jane Evans Published: 12:19 GMT, 23 December 2013 | Updated: 14:48 GMT, 23 December 2013 With their intricate patterns and perfectly circular shape, it is hard to believe these magical creations are actually made of ice. These stunning images capture the beauty of liquid droplets in their first moments after they start freezing. The spectacles - caught on camera by photographer Angela Kelly - were created using homemade bubble solution. Beautiful: These amazing photos capture the beauty of liquid droplets in their first moments after freezing Stunning: This ice sculpture features intricate detail, a frosted surface and is a perfectly circular shape Homemade: The spectacles - captured by photographer Angela Kelly - were created using bubble solution
Visual Info references (In my last post I introduced the idea of regularly posting research material in this blog as a way to bridge the gap between researchers and practitioners. Some people kindly replied to my call for feedback and the general feeling seems to be like: “cool go on! rock it! we need it!”. Ok, thanks guys your encouragement is very much needed. I love you all. Even if I am definitely not a veteran of infovis research (far from it) I started reading my first papers around the year 2000 and since then I’ve never stopped. come from the very early days of infovisare foundationalare cited over and overI like a lot Of course this doesn’t mean these are the only ones you should read if you want to dig into this matter. Advice: in order to really appreciate them you have to think they have all been written during the ’90s (some even in the ’80s!). Graphical Perception: Theory, Experimentation, and Application to the Development of Graphical Methods. Please don’t tell me you don’t know this one!