8 Cheat Sheet Wallpapers for Designers and Developers Web designers and developers have a lot to remember, from keyboard shortcuts to function names. That’s why it’s handy to have cheat sheets near by for a quick reference. Most people like to print out there cheat sheets on paper and have them sitting on their desk, but another convenient place for a cheat sheet is right on your computers desktop in the form of a wallpaper. Here we’ve rounded up a few very useful cheat sheets for web designers and developers that can be used as desktop wallpapers. Photoshop Keyboard Shortcuts Color Theory Quick Reference Poster Periodic Table of Typefaces The Anatomy of Type Web Accessibility Checklist TextMate Shortcuts jQuery 1.3 Cheat Sheet WordPress Help Sheet About the Author Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. Related Posts 1932 shares 8 Must-have Cheat Sheets for Web Designers and Developers Read More 2750 shares Photoshop CS6 Cheat Sheet
Life Hacker University Adobe Creative Suite Toolbar Shortcut Wallpapers [Exclusive] Designers can work hours into the night to produce their best work for clients, their portfolio or their pet projects. To make the process easier, most would use shortcut keys on their regular design and development tools particularly Adobe Photoshop, Illustrator, InDesign and Flash, to expediate the process. You can be sure that they are not going to go back to the traditional (and slower) click-and-search methods. That is why you can find tons of cheatsheets on the Web, designed to help designers and developers make better use of their time – in producing their masterpieces, not looking through the rows and rows of commands for the right action. In light of this, we thought that it would be nice to round up these shortcuts and release them as wallpapers for our designer readers. Adobe Photoshop, Adobe Illustrator, Adobe InDesign, and Adobe Flash. Photoshop Wallpaper available in: 1024×768, 1024×1024 (iPad), 1280×800, 1280×1024, 1440×900, 1680×1050, 1920×1200 and 2560×1440. Illustrator
Coursera UPDATE: we're doing a live, updated MOOC of this course at stanford-online July-2014 (not this Coursera version). See here: CS101 teaches the essential ideas of Computer Science for a zero-prior-experience audience. Computers can appear very complicated, but in reality, computers work within just a few, simple patterns. CS101 demystifies and brings those patterns to life, which is useful for anyone using computers today. In CS101, students play and experiment with short bits of "computer code" to bring to life to the power and limitations of computers. Here is another video Nick created for this class.
Beautiful Typography with InDesign | MAX 2013 – The Creativity Conference Community Translation Your transcript request has been submitted. Adobe TV does its best to accommodate transcript requests. It can take a few weeks for the transcript to become available in the Community Translation Project, so keep checking back. Join the Community Translation Project Thanks for your interest in translating this episode! Please Confirm Your Interest Thanks for your interest in adding translations to this episode! An error occurred while processing your request. Another translator has already started to translate this episode. Thanks for Participating! This episode has been assigned to you and you can expect an e-mail shortly containing all the information you need to get started. About This Episode Learn the top 10 practical tips for achieving consistently beautiful typography using the type feature set of Adobe InDesign.
Ten logo design tips from the field I’ve learned from quite a few mistakes during my time as a designer, and to save you from doing likewise, here are 10 logo tips I picked up. 1. A logo doesn’t need to say what a company does Restaurant logos don’t need to show food, dentist logos don’t need to show teeth, furniture store logos don’t need to show furniture. Just because it’s relevant, doesn’t mean you can’t do better. The Mercedes logo isn’t a car. The Virgin Atlantic logo isn’t an aeroplane. 2. 3. 4. 5. 6. Don’t follow the pack. Stand out. 7. 8. 9. 10. Not two, three, or four. One. This was a snippet of what’s in the Logo Design Love book. Do you have any other tips to share? I love New York image courtesy of Oded Ezer Sweet White Space « stoneboard.ca White space design used for communication materials is a good thing. A beautiful thing. Just so we are on the same page here, “white space” is the “blank space” that surrounds pictures and text. It is not just the literal white space in a design. It entails good composition of the design elements. Attention graphic designers: please, please, please, use alignment…use a rule line! White space design is everywhere. It allows the brain to digest messages. It generates a second glance – like a rest station on the side of the road. Many corporations, design firms, artists, and agencies are finally getting out of the messy convoluted design methodology and endorsing the less is more approach. Wow. About time. Use the example of Starbucks. The new logo strips down. It is said we are ‘in the age of the icons’. Print media also needs to take advantage of good planning of space. What information are you trying to provide? Package design. Make it look good. Less copy. Honeyrose Bakery.
The Science of White Space in Design White space, also referred to as “negative space”, is an important aesthetic tactic utilised in a majority of graphical/design illustrations/publications. In its most generalised definition, white spaces are the strategic visual sections of a page/illustration that are left unmarked and thus uncluttered by any specific aesthetic detail. Characteristically, these ‘blank spaces’ are strategically located, between margins, leading text and sub-sections of a page layout. The Game of Brand Identity In the traditional era of the broadsheet printing press, the real-estate of a page layout was defined by two main elements – Content and Advertising. The Game of Hierarchical Significance White spaces play an absolute role in determining the hierarchical significance of various sections of content on a particular page. It is apparent that the mock-up skews all the intend streams of communication between website and reader. The Game of Minimalism credits credits credits credits Author
White Space Example 1. Good use of white space: this advertisement show how their product cancels noise by using the lawnmower metaphor to cut the noise "grass", leaving behind only white space, a common metaphor for silence. 2. 3. 4. 5. 6. 7. 8. 9. Choosing a Computer Whether you work in the office or at home on a personal computer, you must provide your own protection. How Easy Is It to Use? 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. Whitespace My first design job was with a small print design agency in Manchester that produced work in varying media: packaging, publications, and marketing support materials, and…direct mail. Article Continues Below I soon discovered that the graphic design principles I’d learned in college were of little use when I designed for direct mail, where big, bold, and crowded is the order of the day. In the words of one client—words I will never forget—“whitespace is empty space.” Direct-mail clients need their packages to look down-market, because it works for them. Meet whitespace#section1 “Whitespace,” or “negative space” is the space between elements in a composition. So what does whitespace do? Micro whitespace and legibility#section2 A couple of months ago, I was lucky enough to see Erik Spiekermann give a lecture. In newspaper design, information is dense. Brand positioning#section3 Designers use whitespace to create a feeling of sophistication and elegance for upscale brands. Figure 3. Figure 4.