background preloader

Visual Design

Facebook Twitter

The Art Of Timelines For Learning. Sharebar Click for large version on Wikipedia Now that infographics have entered our consciousness, we no longer need to think of timelines as events placed on a generic horizontal arrow. I recently wrote an article about the visual language of timelines, which got me thinking about how we can use them effectively in adult learning. Why use timelines? Timelines provide structure. Timelines have several things going for them. Timelines enable chunking. Timelines are a good source for interactions. What topics work with timelines? Here are a few possible categories of topics that can work in a timeline format. Evolution of a company productChanges in relevant regulationsProgression of industry eventsExplaining a linear process or procedureHistory of a company or organizationEvents in the life of an influential personSocial changes and trends over timeGrowth or history of technologies in an industryTelling any kind of story in sequenceHistory of a relevant city, town or region.

The Visual Language of Timelines. Time is often considered to be a subjective experience—it seems to pass quickly or it drags on and on. Structuring time with timelines, however, provides a sense of stability and objectivity. It’s a way to give temporal events a framework so we can show how occurrences relate to each other. Essentially, timelines provide a way to tell a story. Elements of Timeline Language To understand a graphical timeline, the viewer needs to understand both its conventional and novel visual language. A way to depict the trajectory or path of time (conventionally, these run left to right or top to bottom)Elements that define each point or segment of time (often a line or shape)Elements that define each event (text and/or graphic)Text labels and call-outs (used on the trajectory and elsewhere) Timeline Examples As visualizations grow in popularity, timelines use ever more creative visual language to communicate through shape, color, movement and imagery. 3D Spiral Timeline Highly Interactive Timeline.

A Periodic Table of Visualization Methods. The Data Visualisation Catalogue. Color Hex - eLearning - PowerPoint. Illusions in Data Visualization. Data visualizations are effective ways for inputting information into a human’s brain, and as Visual Analytics Researcher at Tableau Software and advisor Robert Kosara says, visualizations are what makes our world real. But even when the people who created the visualization are being honest, we can’t always trust what our eyes are showing us.

We’ve evolved our visual perceptual system over millions of years (some other animals see optical illusions too) and it is extremely effective at what it does, but it still has some quirks. Sometimes it takes shortcuts to make things efficient, and those shortcuts are exposed in optical illusions. In a data visualization context, illusions are dangerous because they can make us see things that aren’t really there in the data. Good practice helps us to avoid these optical illusions, but occasionally they can still sneak in through design choices, or just quirks in the way data lines up. Physiological Cognitive. 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. 1. Founded in 2008, Typekit offers a library of fonts, from old classics to new favorites, which can be used on the web. The browsing interface is well organized. 2. Recently acquired by Monotype, Typecast provides a platform to quickly style type in the browser and check for readability, rendering and beauty as you work. 3. 4. 5. 7. 8. 9. 10. 11. 12. 13.

About David Margolis - The Slide Guru. Hi, I’m David Margolis, the creator of Slide Guru. I’m glad you found your way to my website. As a Presentation Specialist, I’ve spent the last 10 years designing high-level presentations, delivering executive keynotes, developing corporate pitches, creating brand guidelines and innovating presentation systems across a wide variety of industries that include Advertising, Sport, Finance and Telecoms. Over my career I’ve designed over 50,000 slides. On this website you will find an extensive slide gallery, featuring over 1,000 professionally designed slides that I’ve extracted or adapted from my slide portfolio. I also provide practical guidance on how to apply the fundamental principles of successful slide design to your presentations. My new goal is to share the best of my portfolio with you. [/slider_custom] 21 Ways To Get Visual Ideas. Sharebar When you’re stuck, in a rut or brain drained, it’s hard to be creative on demand.

Here are some resources that may give you ideas and strategies for approaches to visual design. You may find inspiration for designing an entire course, a title screen, a job aid or a way to make an abstract concept concrete. Please share your favorite inspiration resources in the Comments section below. 1. Look through the portfolios of designers and artists at these sites, which serve as platforms to showcase creative work and collections. 2. Browse online and print magazines to observe the layout, typography and ideas used in advertisements. 3. 4. 5. Certain audiences and content lend themselves to a retro or vintage look. 6. Real infographics (not infoposters) could be used more frequently to facilitate learning. 7. Even if you don’t plan on creating motion graphics, animations can show effective ways to visualize concepts. 8. 9. 10. There’s so much to learn about type. 11. 12. 13. 14. 15. 16. 17.

Marketo-true-colors-918x3235.png (PNG Image, 918x3235 pixels) - Scaled (19%) Presentation design blog Idea Transplant. Dear NASA: No More Rainbow Color Scales, Please. Dear NASA, The visualization community has noticed your insistence on using rainbow color scales for representing continuous data. This is a plea to you (and anyone else doing the same thing) to stop. On the surface, the logic behind using a rainbow color scale makes sense: the more colors there are, the easier you would expect it to be to see detail in a huge range of data.

However, when perceptual issues are taken into account, rainbow color schemes are one of the worst ways to represent continuous data. There are five main reasons for that: Colorblind people cannot use them. (source) Now, to be fair to you, NASA, you have been releasing many more images with good color scales than images with rainbows. So, NASA (and everyone else): please keep moving in the right direction and use color scales responsibly. Sincerely, Drew Skau Drew Skau is a PhD Computer Science Visualization student at UNCC, with an undergraduate degree in Architecture. VRA Resources. Educational animation. Educational animations are animations produced for the specific purpose of fostering learning. The popularity of using animations to help learners understand and remember information has greatly increased since the advent of powerful graphics-oriented computers.

This technology allows animations to be produced much more easily and cheaply than in former years. Previously, traditional animation required specialised labour-intensive techniques that were both time-consuming and expensive. In contrast, software is now available that makes it possible for individual educators to author their own animations without the need for specialist expertise. Teachers are no longer limited to relying on static graphics but can readily convert them into educational animations. Animations for Education[edit] In contrast with static pictures, animations can show temporal change directly (rather than having to indicate it indirectly using auxiliary markings such as arrows and motion lines). References[edit] Creating Animations in PowerPoint to Support Student Learning and Engagement.

Key Takeaways Judicious use of animation can support teaching goals and further engage students in classroom presentations. PowerPoint, although one of the most frequently used presentation programs around, is rarely used to its full advantage by faculty. Creating custom animations in PowerPoint is easy with a few pointers and some practice. Multimedia software has become an essential part of today's teaching and learning process. While many interactive multimedia software programs certainly exist, PowerPoint is one the most widely available and used programs today. Figure 1. Science Timeline Animations Can Engage Student Interest The use of animations is becoming increasingly widespread in many educational presentations. Lowe5 proposed potential advantages of animated graphics over static graphics with regard to the cognitive aspects of learning. More informative Closer to the characteristics of the subject matter More explicit More explanatory Clearer However, PowerPoint is only a tool.

Framework for evaluating the Quality of Multimedia Learning Resources. Using Digital Media to Enhance Educational Transfer. Note: This is cross posted at Smart Blog on Education. Educational transfer is the point of education, right? If students can’t use what we’ve taught them in new, real-life situations, then we end up with students who are good at school and bad at life. Recent research from National Academies Press reminds us that one of the best ways to promote transfer is to balance students’ cognitive load while they consume or create multimedia.

Every time students are presented with a new idea or situation, the following three processes happen simultaneously: · Extraneous processing – This type of processing handles all of the “extra stuff” that occurs within a situation. Extraneous processing is not related to the task at hand, but it drains brainpower for kids. Consider what it would be like to write a drum beat in a bowling alley. . · Essential processing – This is the processing that is directly related to the task at hand. . · Generative processing – This is the most important type of processing. Blog.SpoonGraphics. The Artist's Toolkit: Explore | ArtsConnectEd. Powerpoint07Animation. Education Using Powerpoint - High quality PowerPoint slideshows and resources for the teaching and revision of GCSE and KS3 Science and A Level Physics. Leveraging Words and Visuals in Training.

Whether you are a facilitator or a designer-developer of training materials, your basic communication tools are: visuals (static or animated) and words (printed or narrated). Is learning better when you add graphics to your lessons? When you display an effective visual, is it better to explain it with audio narration or with text? When are animated visuals more effective than a series of still visuals? In my next few articles in this series, we’ll look at what research has to say on these issues. Guideline: Augment Words with Relevant Visuals In controlled experiments in which the same content was communicated with either relevant visuals and words or with words alone, the versions with visuals resulted in significantly better learning. For example a lesson on how lightning forms that included simple visuals illustrating the process resulted in better learning than the same lesson with text alone. No Silver Bullet Coming Soon For More Information Butcher, K.R. (2006).

Multimodal-Learning-Through-Media.pdf. Tutorials. How to Make a State Grid Map in R Something of a cross between a reference table and a map, the state grid provides equal space to each state and a semblance of the country to quickly pick out individual states. How to Make Animated Line Charts in R Sometimes it's useful to animate the multiple lines instead of showing them all at once. How to Make a Multi-line Step Chart in R For the times your data represents immediate changes in value. Symbols-based Charts to Show Counts in R Add visual weight by using individual items to show counts. Introducing a Course for Mapping in R Mapping geographic data in R can be tricky, because there are so many ways to complete separate tasks. How to Edit R Charts in Adobe Illustrator A detailed guide for R users who want to polish their charts in the popular graphic design app for readability and aesthetics. How to Make an Animated Map in R, Part 4 In the the last part of the four-part series, you make a longer animation with more data and annotate.

Amazing Resource for Design Freebies. The Complete Social Media Icons Set [EPS, PSD, CSS] Is it time to mix up the social media icons on your website? Try Candy, a new social media icon set from designer Ahmed Kaludi. The set has everything you need to help users... UIcons – Free Line Icons (AI, EPS, SVG, PNG) There’s nothing bigger in design right now than the use of great icon sets throughout a project. Thankfully for you, there’s UIcons. This huge collection of crisp and diverse... Creaticons Free – Food & Beverages Vector Icons (AI, EPS, SVG, PNG) This icon pack is sure to make you hungry. Free Photo Realistic Apple Device Mockups Apple Device Mockups are an important part of every design presentation because all these devices look nice and can improve the appearance of every project.

Teach Yourself Graphic Design: A Self-Study Course Outline. Fortunately, it isn’t required to go to design school in order to be a graphic designer. A good foundation in graphic design history, theory, and practical application will help you hit the ground running. There are plenty of resources available in which you can learn graphic design on your own. Don’t set your expectations to high at first, as it will take enthusiastic study for years to become great. You can do it though! If you would like to learn graphic design from the ground up, through self directed study, then this article lists some great resources that will get you started with your design education. 1. There are a few graphic design principles that effect every project you’ll create.

Shape, Spacing, and Rhythm I remember first learning these basic design principles , and they seamed so foreign at first. The Principles of Design by Joshua David McClurg-Genevese What is Graphic Design? Color, Texture, and Imagery Principles of Color Design by Wucius Wong Texture in Graphic Design 2. One Hour PowerPoint: Ten Strategies for Improving Presentations. Six Principles of Effective e-Learning: What Works and Why by Ruth Clark. "For the past ten years, Richard Mayer and his colleagues at the University of California at Santa Barbara have conducted a series of controlled experiments on how to best use audio, text, and graphics to optimize learning in multimedia. Six media element principles can be defined based on Mayer’s work. What follows is a summary of these principles along with supporting examples, psychological rationale, and research. " Take any e-Lesson — show it to five people and ask them what they think.

My bet is you will get five different opinions about the quality of the courseware. Unlike classroom training, e-Learning is very visible. Decisions about e-Learning courseware must begin with an understanding of how the mind works during learning and of what research data tell us about what factors lead to learning. What is e-Learning? Since the term e-Learning is used inconsistently, let’s start with a basic definition. The what: training delivered in digital form, The research The psychology. Evaluating multimedia presentations. When Typography Speaks Louder Than Words. Presentation Skills for Teachers version 3.0. Ideas on how to create powerful presentations.

STEAL THIS PRESENTATION! Over 45 Free Speech Bubbles to Make Your E-Learning Courses Talk. Presentation Design 411. Visual Literacy: An E-Learning Tutorial on Visualization for Communication, Engineering and Business. Visual Design Basics. The Principles of Design. 50 Totally Free Lessons in Graphic Design Theory. How to Focus a Presentation. 12 Ways to Become a Better Designer in 2012 - Designer Blog Designer Blog.

10 Books Of Visual Ideas. A Non-Designer's Guide to Typefaces and Layout. You Need to Know These Seven Tips If You Build Graphics for E-Learning. A Beginner's Guide to Combining Multiple Fonts. 10 Visual Design Quick Tips. Method & Models for Students. The Social Business Video People Just Get. “Five Cardinal Sins” of presentations « Presentation Impact.


Fonts. 6 Steps To Creating A Knockout Online Portfolio. 30 Free Seamless Background Textures. Presentation Magazine - Free advice and 519 PowerPoint templates. 7 Secrets to Getting the Graphics You Need for Rapid E-Learning. Typographic Design Patterns and Best Practices - Smashing Magazine. Instructional Design And The Six Thinking Hats. Tweak Your Slides: Ten Design Principles for Educators (version 3.0)