9 Essential Principles for Good Web Design
- Guide the eye around the page with your design and do so in some sort of sequence. Position, color, contrast, size and design elements help you move the viewers eye.
- White space is good, makes things clear. Line spacing in text determines how readable text is. Padding around elements keeps things from getting too cluttered.
- Navigation should be straightforward. Rollover effects can help make navigation easier.
- Make sure you are able to actually build it. Look to see if small changes can make it easier to build. Getting complex can be time consuming.
- When using typography think about the font(make sure font choice is appropriate for design), sizes(consistent, not too big/small), color(have contrast), paragraphing(make the paragraphs look pretty and have no gaps or a weird rag)and line length(keep them shorter).
- Make sure you can actually use the site. Think about why people will be using the site and how to make things easy.
- Consistent placing of elements keeps things looking orderly. Use a grid.
- Keep design clean and sharp. Adds contrast(helps guild the eye like mentioned in 1)
- Use consistent typefaces and sizes, place items consistently throughout. Keep color palette consistent. Can make site easier to use.
10 design concepts that every web developer needs to know
- Design isn’t just visual. How and why people will use a site are part of it. Interactions between the user and the site are also part of it(rollover effects).
- Focus on why the user is on the site and make it easy to navigate. Users will not look too far if its hard to do so.
- Pay attention to detail but not too much. Too much attention can slow down the process.
- Sketch! Could help spark new ideas, easily look at different layouts. Quick and simple.
- White space is good. Don’t give the user more information than they can process.
- Use grids to create relationships between elements, help you align things and creates balance.
- Use emphasis sparingly. Only use it when necessary because if you emphasize too much you won’t know what matters the most.
- Keep an inspiration folder. Can be anything that inspired you. Pinterest.
- Think about why the user is on the site (problem) and how you can help them find what the want (solution).
- Know how to talk about design. Call attention to problems rather than just saying somethings are too big or move this. Point out the problems things create not the issue itself. Give constructive feedback.