The simple rule here is that you should always have space there. Padding is the space between elements and text. Images, for example, should not be touching text, neither should borders or tables. Generally speaking text should never touch other elements. Line Spacing is technically called leading (pronounced ledding), which derives from the process that printers used to use to separate lines of text in ye olde days - by placing bars of lead between the lines. Generally I find the default value is usually too little spacing. You can control line spacing in CSS with the 'line-height' selector. Too little space makes it easy for your eye to spill over from one line to the next, too much space means that when you finish one line of text and go to the next your eye can get lost. When you lay text out, the space between the lines directly affects how readable it appears. In Web design there are three aspects of space that you should be considering: When I first started designing I wanted to fill every available space up with stuff. Marius has a very clean, very simple site with plenty of space 2. Joshua also has the longest name ever :-) Joshua David McClurg-Genevese discusses principles of good web design and design at Digital-Web. You can read more of my thoughts on Precedence in an old Psdtuts+ post called Elements of Great Web Design - the polish. Design Elements - if there is a gigantic arrow pointing at something, guess where the user will look?.Size - Big takes precedence over little (unless everything is big, in which case little might stand out thanks to Contrast).Contrast - Being different makes things stand out, while being the same makes them secondary.Color - Using bold and subtle colors is a simple way to tell your user where to look.Position - Where something is on a page clearly influences in what order the user sees it.To achieve precedence you have many tools at your disposal: What your user should be looking at is up to you, the Web designer, to figure out. For example, you might want your user to go from logo/brand to a primary positioning statement, next to a punchy image (to give the site personality), then to the main body text, with navigation and a sidebar taking a secondary position in the sequence. You should direct the user’s eyes through a sequence of steps. his is a good thing since you probably want a user to immediately know what site they are viewing.īut precedence should go much further. This is often because it’s large and set at what has been shown in studies to be the first place people look (the top left). I call this precedence, and it's about how much visual weight different parts of your design have.Ī simple example of precedence is that in most sites, the first thing you see is the logo. When navigating a good design, the user should be led around the screen by the designer. One of the biggest tools in your arsenal to do this is precedence. Good Web design, perhaps even more than other type of design, is about information. Capture the Valley uses bars of color to guide your eye through sections from top to bottom.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |