background preloader

45+ Free Lessons In Graphic Design Theory

45+ Free Lessons In Graphic Design Theory
Sep 15 2011 Considering how many designers are self-taught, either in whole or in part, the importance of a solid foundation in graphic design theory is often overlooked. New designers often want to jump right into creating websites, rather than learning the basics of why some designs work and some don’t. But they’re putting themselves at a disadvantage to designers who do have formal training or have taken the time to learn the principles behind good design. Below are more than 45 recent lessons in graphic design theory. General Design Theory The Lost Principles of Design Covers a number of basic graphic design principles, including balance, contrast, emphasis and subordination, directional forces, proportion, scale, repetition and rhythm, and unity, all with illustrations. Principles of Good Design: Balance Discusses how important balance is to creating an effective design. Web Design Tips: The Use of Balance This covers how to create balance in your website designs. Typography (al)(rb)

15 Top Resources For Learning Photoshop Online Adobe Photoshop is one of the most powerful and impactful photo editing program that can turn your imagination into reality without any hitch. There are so many resources and tutorials available online that you can master the skills of Photoshop without attending any class/es. Today we are listing 15 Very useful sites to Learn Photoshop online that takes off the load of huge monetary expenditure on learning Photoshop. If you like this article, you might be interested in some of our other articles on Photoshop Shortcuts, Top Photoshop Tips, Photoshop Tricks, and Photoshop Manipulation Tutorials. Advertisement Good Tutorials Here you will get tutorials ranging from Animation, Photo Effects, Basics, Photo Retouch, Buttons, Scripting, Color, Text Effects, Designing, Textures, Drawing, Web Graphics, Effects and Web Layouts submitted by users. More Information on Good Tutorials Tutorialized Learn tips and tricks, cool effects, and how to use the Photoshop tools more effectively. TutorialKit Tutorvid

The most popular fonts used by designers There are usually two camps among designers when it comes to typeface choices. One group has a handful of favorite typefaces they adapt to every design they create, believing that these handful of typefaces can be suitable for every situation. The other camp believes in using a huge variety of typefaces, picking and choosing each one based specifically on the project at hand. Regardless of which camp you fit into, the typefaces below should interest you. They have proven popular among designers the world over, and are used in designs for everything from multi-national corporations to individual books or journals. Have we missed one of your old time favorites? Akzidenz Grotesk Akzidenz Grotesk was the first widely-adopted sans serif typeface, and an influencer of many later neo-grotesque typefaces, including Helvetica and Univers. Akzidenz Grotesk was created in 1898 by H. Strengths Akzidenz-Grotesk is a versatile typeface, suitable for both headlines and body copy. Avenir Baskerville Bembo

Photoshop vs Fireworks in Web Design - The Last Battle Most people try to compare Fireworks and Photoshop in the field of web design. Everybody knows that a lot of things you can do in Fireworks, can also be made in Photoshop. This is a fact but is not demonstrating that Photoshop was built for making screen layouts. Photoshop can’t create pixel-precise layouts for web design and can’t make quick changes to screen layouts. Fireworks is at the core of the design process and the following video will demonstrate some of the most important features . This tutorial was made by Andre Reinegger on Vimeo. It will be very interesting to discuss about what people tend to use and why. So What Graphic Program Do You Use for Web Design? 1. 2. 3. 4. 5. Don’t forget that we talk about the use of these programs in the field of web design ! Let “The Fight” Begin !

25 Examples of Big Typography in Web Design Here at WDL we love typography and we are constantly showing our readers good typo usage, from print to logos, from web to random typographic works, we really feel the need to keep the juices flowing in that area, and we could not forget to mention all the free fonts we like to show you! So today we decided to show our love for typography gathering some examples of big typography in web design. From bold and colorful letters to delicate handwriting ones, you will find a lot of inspiring examples of how to get attention using typography, enjoy. Riser Karb Bellstrike The Lost Thing Joel Andrew Glovier Soulwire cookiesound McFarlane Change Management Skewed Icons Rice Bowls Appmiral Barcamp Omaha Leaderbe Consulting Andy Hillier Ana Majik River & Robots Moreno Contrive Digital Francesca Nini Daniel Martin Ruth Buses at the Brewery Corkcicle Smokey Bones Mr Henry Source: The Best DesignsunmatchedstyleAwwwards About the Author Related Posts 244 shares 11 Inspiring Examples of Textures and Patterns in Web Design Read More

Don’t Do TOO Good Of A Job! Maybe this is happened to you. You’ve really nailed a project. You skip out of the client’s with a big smile because you’ve done the best work you have ever done. Months down the line, you haven’t heard a thing from the client and your emails are either not returned or they have cool salutations and don’t answer your question of when there might be another project. One of my clearest examples was a freelance project for a firm that made postcards for the medical profession. NOTE: This article, the sixth in a series of eight articles on Professional Practices which they don’t teach you in art school. I was called by the new creative director; a man with forward thinking and cutting-edge vision. That doesn’t happen much these days. I attended a meeting with him, the art director/art manager/frightened personality and the staff of designers. After designing 30 cards, I was informed I would be limited to 15, and choosing those fell to the creative director. “What do you mean?” 1. 2. 3. 1.

Designing Effective Websites - 80 Articles Summer 2011 This post presents a collection of articles on how to develop an effective website which were retweeted at @htmlcut this summer. The roundup can be especially useful if you are planning to start a new web development project and need to refresh your knowledge, “shake up” creativity or find new ideas. In fact, there are a lot of resources about different aspects of effective web design on the Internet. However, the web industry is changing very fast, and new trends appear here almost every day. Some of the articles listed below describe exactly such new tendencies. Please note: Most of the articles include a list of additional resources – don’t forget to check them out too. Hope you’ll find this compilation interesting for you. Web Design Principles and Basics 2). 3). 4). 5). 6). 7). Website Structure 1). 2). 3). Website Layout 1). 2). Psychology and Web Design 2). Colors in Web Design 1). 2). 3). Usability and User Experience 1). 3). Content and Copywriting 1). 2). 3). 4). Typography 1). 3). 4).

Adobe's Muse Lets Designers Make Websites Without Knowing Code | Co. Design Adobe makes programs like InDesign, Illustrator, and Photoshop, which enable nearly every graphic designer on the planet to create nearly every piece of visual content you've ever laid your eyes on. Naturally, their bread and butter is making graphic designers happy. So their newest product, Muse, hopes to make life even easier for designers--specifically ones working in more traditional mediums who are being tapped to take on more web-based projects--as an ultra-simplified, graphically focused tool for making websites. Muse's biggest selling point is that designers don't have to learn code (or "markup languages") like HTML, CSS, or Javascript to break through the barrier of designing for the Internet. As Muse's engineering director, Joe Shankar, says in the introductory video, "We're going to change the way websites are built for graphic designers." For some design firms, learning code isn't a bonus, it's a requirement. [Top image: A still from the video for Radiohead's House of Cards]

Responsive Web Design Demystified Tutorial by Matt Doyle | Level: Intermediate | Published on 30 September 2011 Categories: What exactly is responsive design, and how do you create a responsive website? This tutorial explains the concepts, and walks you through the basic steps for creating a responsive website layout. Responsive web design is a hot topic these days, especially as websites need to adapt to the growing number of mobile devices with their relatively small screens. Many designers and developers want to create new websites with responsive layouts, or modify their existing sites to incorporate responsive elements. However, the whole topic can be somewhat bewildering at first glance. In this article, you get a gentle introduction to the world of responsive web design. Ready to explore the world of responsive design? Responsive design in a nutshell The basic idea of responsive web design is that a website should "respond" to the device it's being viewed on. The www.elated.com layout is fixed-width. min-width:

Related: