Wireframing is an indispensable step in the website design process. By planning with sitemaps and wireframes the designer can speak with clients and developers using a common, simple visual language. Once agreeing upon content and structure, presenting your designs becomes much easier as you've built upon agreed organizational methods. It aids in the design process by giving you a framework and scaffold on which to begin designing. I start with pencil sketches and then make Illustrator wireframes to present.
Read the concise Wikipedia entry on wireframes and create 6 in class to plan how you will layout your comparisons. Approach each wireframe from a different structural perspective. Sketch them out first, then create Adobe Illustrator versions. Create a simple understandable legend to codify areas, for example simple boxes to represent areas of content, color or gray scale coding of outlines or areas can help you differentiate content and define hierarchy.
Include the following:
- simple navigation (will serve to switch the view to your other 2 comparisons)
- authors
- titles
- text (do not put the actual text in, can be: white space/lines/bars/grey areas)
- supplemental content (can be broken down by type, i.e. /bio/commentary/critique/points for/points against/photo/video)
No comments:
Post a Comment