Web Design

TwitterFacebook
Get flash to fully experience Pearltrees
If you’re serious about creating a typeface design, then you’ll need some solid resources to get started. Learn effective typeface design workflows, how to take an initial spark of an idea from sketch, through Illustrator, into Fontlab, and then work your creation into a complete and custom font design. Here are multiple tutorials that show you how to create fonts in Illustrator and Fontlab, and you can also dive into articles that describe the foundation of quality type design with ample inspirational examples. http://vector.tutsplus.com/articles/web-roundups/how-to-design-typefaces-fonts/

13 Important Resources for Learning How to Design Typefaces and Full Fonts

Having some fresh and maybe even unexpected effects on a website, can juice up the experience for the user. Be it a whole new and experimental way of navigating through the website or just a tiny surprising hover effect - fresh effects can spice up your design and bring some life to it.

Examples of Fresh Effects in Web Design

http://tympanus.net/codrops/2012/01/05/examples-of-fresh-effects-in-web-design/

Responsive Design with CSS3 Media Queries

Screen resolution nowsaday ranges from 320px (iPhone) to 2560px (large monitor) or even higher. Users no longer just browse the web with desktop computers. Users now use mobile phones, small notebooks, tablet devices such as iPad or Playbook to access the web. http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries
http://www.elated.com/articles/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.

Responsive Web Design Demystified

http://www.noupe.com/design/45-free-lessons-in-graphic-design-theory.html

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.
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.

The most popular fonts used by designers

http://www.webdesignerdepot.com/2011/08/the-most-popular-fonts-used-by-designers/
http://webdesignledger.com/inspiration/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

25 Examples of Big Typography in Web Design

Designing Effective Websites - 80 Articles Summer 2011 - PSD to HTML Blog

http://www.htmlcut.com/blog/designing-effective-websites-80-articles.html#seo 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.
http://webdesignledger.com/inspiration/20-excellent-examples-of-icon-usage-in-web-design

20 Excellent Examples of Icon Usage in Web Design

Here on WDL we love icons! From Icon Tutorials to a list with the Best Free Icon Sets of 2010 and a 15 Must-Have Minimalist Icon Sets , we already showcased a lot of great icons around here to boost your inspiration. Today we decided to gather some examples of icon usage in web design to show you how icons can make a difference in a layout, giving a page a nice touch, in both interface and experience.

Web Design Templates: Get Inspired to Create Your Own Design

http://www.bestdesigntuts.com/showcase-of-beautiful-web-design-templates-for-inspiration/ Posted by Andrew Smith on July 21st, 2011 A web design template is an arrangement of files which altogether produce a manageable website design. A design template makes you aware about the website design you are going to have in future. Well, you are able to make required changes in the template as per your plan regarding the website design. The best thing about web design templates is the flexibility in its usage, i.e. you can create websites as well blogs by using these website templates.
Every web designer aspires to create websites that attract millions of users and provides them the right information, products and services that will keep them coming back for more. In order to make this aspiration into a reality, the designers should use the available technology that will help to bring out their creativity and talent in a big way. One aspect of technology that can have a profound impact on the outcome of web design is web tools. There are hundreds of free and paid tools available online that can do a whole lot of things like analyzing traffic patterns on the website, evaluating the performance and speed of the website, act as a bridge between the website’s technology and any other legacy system that is in use, and to even interact with users.

Tools for Web Design and Evaluation

Web design inspiration from the history of art

When it comes to the creative arts, a fundamental way to better understand the trade is to look to the past. People in every trade do this, including those in photography, painting, sculpture and architecture. Why should web designers be any different? Of course, we look to the very recent past through our countless web design showcases. But we can go much further back for inspiration, to the masters of old. Let’s review some key art movements and the fundamental design principles they embraced.
Sessions are blocks of articles, interviews, tutorials and content on a particular creative subject. Sessions are hosted around the Tuts+ network depending on where each article fits best. So for example web design posts might appear on Psdtuts+ or Nettuts+. This site is like a table of contents for each session.

Web Design Theory

This entry is part 6 of 15 in the Web Design Theory Session - Show All « Previous Next » The way that people see our designs strongly effects the meaning that they take away from them. The Gestalt Principle examines this phenomena; As such, it’s one of the fundamental principles that each and every web designer should consider when moving through the design process. We’ll also examine how understanding gestalt will improve your own workflow! Design Theory and Web Design

The Gestalt Principle: Design Theory for Web Designers