background preloader

Release Material Design Icons · google/material-design-icons

Release Material Design Icons · google/material-design-icons

https://github.com/google/material-design-icons/releases/tag/1.0.0

Related:  Visual Designe-learningWeb Development

How to Build a Brand Bible & Visual Style Guide Every brand, from the smallest website or startup, to corporate giants such as Nike or McDonald’s, need a set of branding guidelines and rules to maintain their identity. This document, which can range from a couple of pages, to several hundred, is the thread that holds together what the public sees from a company. A brand bible establishes the voice and personality of a company, as well as who the public will see, and it governs every aspect of communication from the company. The brand bible is the basis for all interactions on behalf of a company – personal communications, social media, advertising and design. While a brand bible focuses on many things, we are really going to look at how it affects design.

Over 45 Free Speech Bubbles to Make Your E-Learning Courses Talk If you add characters to your elearning courses, odds are that you’re also adding some speech bubbles. PowerPoint comes with the ability to create your own text callouts, but I find that I like to use ones that look more organic than the PowerPoint shapes. I try to create my own. The Anti-hero of CSS Layout - "display:table" Anti-hero - a central character in a story, movie, or drama who lacks conventional heroic attributes. The topic of table usage in layouts is a sensitive one. In general, web developers consider table-based layout a taboo. Although the reasons against it are well-documented, most developers are unable to provide a sound background for decrying table-base layout except for, "tables are bad".

Mockups Take a second. Let it sink in. The first impression might be disorienting. Tango icons Cancel Edit Delete Preview revert Text of the note (may include Wiki markup) Could not save your note (edit conflict or other problem). Please copy the text in the edit box below and insert it manually by editing this page.

Photoshop CS4: A Picture Worth a Thousand Words « Layers Magazine I love Photoshop techniques that offer all kinds of possibilities for experimentation—and the following tutorial is a perfect example of one of those techniques. In this issue, we’re going to take a portrait and replace the person’s image with text (think 2009 Grammy posters). Pick a portrait that offers good contrast—a photo that’s very dramatic and dark probably won’t work as well. I’ve had the best success with straight-on head and shoulder shots, but again, feel free to experiment with all types of photos. For the best results, choose a photo that has a light background (or select the background around the person and make it lighter). Create a new document (File>New) in a size that’s smaller than your photo: the specifics don’t really matter.

Designing Education: Educating Design User Experience Magazine The concept of design in not new to education. However, the act of designing as we understand it in user experience—or design thinking—is not yet mainstream in the design for teaching and learning. The pervasiveness of technology and the maturity of both user-centered design and e-learning are intertwining design and education in deeper ways. Until not long ago, all classroom settings were static and very much the same: a desk and a blackboard for the educator, books, papers, tables, and chairs for the students. Educators worked in a closed environment where it was enough for them to know their subject matter and how to teach it. Now, the ongoing introduction of technology in the classroom (audiovisual, computers, Internet access, tablets, and more) has led to many new elements and, therefore, the need to orchestrate them.

Make the Most of Your Design with a Hero Header One of the biggest trends in web design right now is the use of big images. And not just large, but completely oversized images that seem to come to life on screen. When used at the top of a page, this is often referred to as a hero header. How can you take advantage of the trend? Crystal Clear Crystal Clear From Wikimedia Commons, the free media repository Jump to: navigation, search Icons from the Crystal Clear icon set (archived page as of 10 October 2012 at Internet Archive) by Everaldo Coelho. – The icons are licensed under the GNU Lesser General Public License (LGPL).

Camp Firebelly With an inbox that was consistently full with requests for internships, yet still wanting to remain a small studio meant we didn't have a ton of room to accommodate more than 1-2 interns a year. Mix this need with our ongoing pursuit to help the underserved nonprofits in our city and there you have Camp Firebelly, an endeavor of Firebelly Design. Camp Firebelly challenges young designers who are looking to do-good with their skills through a collaborative project working directly with a nonprofit organization. Campers work together to research, concept, design + produce amazing pieces that will not only impact the organization, but the lives of the people they serve.

Learning Experience Design - The Most Valuable Lessons This article, the one that you are reading, is part of a learning experience. Learning experiences aren’t a matter of classroom delivery – they are any interaction with a user/customer/individual in which the person is going to learn something (which we hope you will in this article). Products contain a vast array of potential learning experiences from learning the interface, how best to interact with the product, to information provided and through help and support and onboarding too.

Related: