background preloader

The science behind fonts (and how they make you feel)

The science behind fonts (and how they make you feel)
I’ve noticed how seemingly small things like font and the spacing between letters can impact how I feel when reading online. The right font choice along with the absence of sidebars and popups makes everything feel easier and better to read. Websites like Medium, Signal vs. Noise, and Zen Habits are like yoga studios for content. Their presentation of content puts me at peace while reading, allowing me to fully focus on the stories without distraction. Just look at the difference between Medium and Cracked: Exhibit A) Medium.com Exhibit B) Cracked.com When you compare the two, it’s obvious which one makes you feel like crud. The Cracked layout is painful to look at. After experimenting with how we display content on the ooomf blog, I discovered there’s an element of science behind why we feel this way toward certain typefaces and layouts. How we read When we read, our eyes follow a natural pattern called a Scan Path. We break sentences up into scans (saccades) and pauses (fixations). 1. 2. 3.

http://blog.pickcrew.com/the-science-behind-fonts-and-how-they-make-you-feel/

Related:  Emotions in storytellingcuration tools

26 Free (or Free-to-Try) Content Curation Tools Content is still king, but it isn't always practical or cost effective for marketers to produce brand-new, meaty, thought-leadership level content pieces on a regular basis. That's where curating content can come in handy. Content curation offers a nearly limitless method of fueling your inbound marketing efforts. Unearthing and sharing the quality content of others allows you provide your audience fresh content on a regular basis to serve any interest, industry, or market.

The Basics of Emotional Design Have you ever thought what makes things ‘good’ or ‘bad’? Why do people like one thing and hate others? Aarron Walter has found the answer to this question and you can find it in his book “Designing for Emotions“. I have read this book and would like to share a few secrets with you on how to use knowledge about emotions in website creation and in the promotion of your products and services. 47 Top Typography Tools and Resources Typography is the foundation of design on the web. Back in 2006, designer and founder of iA Oliver Reichenstein even went so far as to proclaim "web design is 95% typography." It's imperative, then, to have a thorough, grounded education in optimizing and utilizing typography to create a balanced, harmonious, accessible hierarchy of content, when working on the web. To help you improve and learn more about typography, we have compiled 25 useful tools and resources, from fundamentals to modular scales. Have we left out your favorite typography tool or resource? If so, please share your recommendations with other readers in the comments.

The storytelling imperative: Make them care! Pixar Studios filmmaker Andrew Stanton gave a good TED talk about a year ago where he states that one of the key aims of any good story is that it must make the audience care. "Make me care," he says. If you research the advice of famous directors and screenwriters of today and of years gone by you will find this is a common refrain: You have go to make the audience care. Presentations in all their many forms are never just about transferring information alone. We are emotional beings, like it or not, and to connect and engage people to the degree that they will care enough to listen to you, you have to evoke in them some kind of emotion.

Top 10 Free Camtasia Studio Alternatives Camtasia Studio is one of my favorite tools. It gives you the ability to create screen recordings, to customize and edit your content, and to integrate it into your eLearning courses. On the other hand, even though it does offer a variety of functions and features, eLearning professionals with tight budgets might find the price tag a bit too steep. The good news is that there are a number of free Camtasia Studio alternatives that can provide any eLearning professional with the opportunity to capture screen images and produce high quality screen recordings.

Infographic: Flat design vs. skeuomorphism It’s easy to get wrapped up in a trend and choose the option you think is most popular. But do you really know the drawbacks as well as the benefits of flat design? How about skeuomorphism? We’ve put together this fun infographic to help you work out the best option for your project. Embed: <p><strong>Please include attribution to webdesignerdepot.com with this graphic.

The Science of Emotion in Marketing: How We Decide What to Share and Whom to Trust 13.2K Flares Filament.io 13.2K Flares × Every day it seems like we feel hundreds of different emotions – each nuanced and specific to the physical and social situations we find ourselves in. According to science, it’s not that complicated by a long shot.

The Rapid Storyboard Development Process Inserting visuals into a storyboard, normally a boring manual task, can be streamlined with this process. You will learn how to move screen captures and pictures quickly and reliably into the storyboard document, eliminating the manual repetition of copy, paste, resize, and repeat. And if you need to link your visuals instead of embedding them, there's an easy way to do that, too. Every time I do a storyboard for an e-learning project, I spend a lot of time in the “Visuals” column, defining what the finished project will look like. Since I started in the Instructional Design field as a writer, it has always been easy for me to get the outline and words right.

In defence of skeuomorphism Just a few short years ago the majority of web designers wouldn’t have been able to spell skeuomorphism, much less provide an accurate definition. Now, skeuomorphism is set up as the pantomime villain; the Wicked Witch of the East to flat design’s Dorothy. Flat design has come to define itself as ‘not skeuomorphic’, but this is misleading; skeuomorphism isn’t the polar opposite of flat design, in fact flat design is frequently skeuomorphic. Computer Maps 21 Distinct Emotional Expressions—Even “Happily Disgusted” Embargoed until 3:00 p.m. ET on March 31, 2014. Computer Maps 21 Distinct Emotional Expressions—Even “Happily Disgusted” This Is How to Create Videos in Google Drive July 29, 2014 This week's tip for teachers is about creating videos in Google Drive. As you know, since the time Google made it possible to integrate third party apps into Google Drive, there appeared a wide variety of excellent applications that are deemed to enhance the overall performance of your Drive . One of the essential apps that I think every teacher should connect with Google Drive is called WeVideo. WeVideo allows you to easily create and share videos and short animations. Using WeVideo app with Google Drive will enable you to create videos right from your Drive. The video below will walk you through the entire process of how to do it.

Related: