Webdev

Facebook Twitter

Django

Working with Visual Weight in Your Designs. In design, visual weight is the notion that design elements have varied weights; that is, some objects, even on a two-dimensional medium, can appear to be heavier than others.

Working with Visual Weight in Your Designs

Visual weight is a powerful concept that allows us to create visual hierarchy, symmetry, balance, and harmony in designs. When applied strategically, the concept of visual weight can help us guide the viewer’s attention to the places we want in a design. 9 Information Design Tips to Make You a Better Web Designer. It's probably the least glamourous part of web design, but information design is by no means the least important.

9 Information Design Tips to Make You a Better Web Designer

Locating and consuming information is the quintessential web task, far surpassing buying, playing and communicating, all of which include a good portion of information design themselves. How users find and then avail themselves of all that information is affected by how it is structured and presented. Thus every web designer should be equipped to make qualified and informed decisions on just how to do this. 1 - Be methodical. The 3 Components of Good Web Design. Good design isn't just about good looks, and nowhere is this truer than in web design.

The 3 Components of Good Web Design

In fact it makes sense to think of web design as being made up of three major non-technical components: aesthetic design, information design and interface design. If you want to be a great web designer it's essential that you have a firm grasp of all three. Aesthetic Design Aesthetic design is all about getting the look right. 8 Ideas, Techniques & Tricks for your Web Design Toolkit. As important as information and interface design are, it's the satisfied feeling of designing something that just plain looks awesome that keeps us going during those times when the creative well is dry, when you've stared at a blank canvas for hours, when you've saved a hundred attempt.psd's, and when you're fed up of design.

8 Ideas, Techniques & Tricks for your Web Design Toolkit

It's because you know that when you have that finished, polished, veritable work of art up on your screen, and you've switched Photoshop into full screen mode and you're looking at it from different angles around the room, and you're basking in the glory of your perfectly positioned pixels, you just know that this is the greatest profession in the world! 1 - Don't be Satisfied with 1 Iteration When designing a website for a client you often have to provide a couple of different design concepts. 6 Interface Design Principles and Tips Every Web Designer Should Know. Good interface design is like the air we breathe - it's there when you need it and you use it without thinking.

6 Interface Design Principles and Tips Every Web Designer Should Know

If you've ever used a bad interface design, struggled to get around a site, clicked away because you couldn't figure out what was going on, not been able to complete a task you had in mind, or just been plain confused, you'll know the perils of going wrong in this area. Websites are not pretty pictures, they are there to be used and consumed, so it's pretty important that as web designers we spend a good portion of time thinking about usability. In this article we'll consider some of the big usability issues and my tips for being a better interface designer.

Photoshop

Opacity, RGBA and compromise. The header of my own blog (still in development; please don’t judge me!)

Opacity, RGBA and compromise

Features a single image which spans two columns, with a semi-opaque panel featuring text over the top of it. I wanted the image to be clearly visible in the left column, and faintly visible in the central column. I could have done this by designing it that way in a graphics package, but as I intend to swap the image around in future, I wanted to come up with a client-side solution.

Equal Height Columns using CSS - Ed Eliot. Creating equal height columns with tables is easy.

Equal Height Columns using CSS - Ed Eliot

Of course we shouldn't use tables for layout. With CSS it's a little harder. Facebook no longer providing status update feeds?