Top 10 Modern Web Design Techniques and Methods
Small Design Tips |
July 8th, 2006 |
- Design for the user experience not for technologies and tools
- Design with semantic mark-up in mind
- Design for accessibility, you’ll get more than just accessibility benefits
- Make menus from lists
- Use CSS and image sprites for hover effects or when you need a related set of graphics to be available on the client at the same time
- Use the yellow fade technique to give feedback to users
- Create wire frames as full size storyboards that “play” in time like animation storyboards (flow charts and static Visio line drawings don’t communicate the real life experience of the UI and will ultimately hurt the end product)
- For complex web apps start with wire frame storyboards instead of full color Photoshop comps
- Know your target browser “folds” (horizontal and vertical)
- Hand off XHTML & CSS to developers not PSDs
I am just an amateur in design, but I like your design tips. They seem me very useful!
Comment by Jess — November 27, 2007 @ 5:24 am