1 / 10

ARTISTIC WEB DESIGN

ARTISTIC WEB DESIGN. Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction. PART ONE The design phase before launching Dreamweaver. CHAPTER 3. Designing the layout of your web site. Keeping visitors in your site: designing an effective scheme . Examining navigational layouts

luella
Download Presentation

ARTISTIC WEB DESIGN

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. ARTISTIC WEB DESIGN Using Adobe® Dreamweaver® and Photoshop®An Introduction PART ONEThe design phase before launching Dreamweaver

  2. CHAPTER 3 Designing the layout of your web site Chapter 3-1

  3. Keeping visitors in your site: designing an effective scheme • Examining navigational layouts • Studying the navigation of existing sites • Navigational guidelines • Home page information • Link pages • Navigational schemes • Site maps • Consistent hassle free navigation Chapter 3-2

  4. Creating a navigational flowchart • Planning and organizing site content • Creating flowcharts for strategic site planning • Checking for omissions: reviewing your designs with others Chapter 3-3

  5. Designing for monitor resolutions • Avoiding horizontal scrolling • Designing for 800 x 600 • Designing for 1024 x 768+ • The safe solution: centered layouts • The design benefits of backgrounds • Liquid layouts • Elastic layouts Chapter 3-4

  6. Design principles of web layout • Tailoring the principles of design to the challenges of the web • Symmetry & Balance • Repose • Congruity:Content & Visual • Contrast • Repetition • Unity Chapter 3-5

  7. Design principles of web layout • Examining VisualCongruity • Text and imagealignment Chapter 3-6

  8. Design principles of web layout • Unity: the final checklist • Design balanced? • Breathing space? • Consistent content? • Text and graphics aligned? • Contrast evident when applicable? • Repetitive design elements to ensure continuity? Chapter 3-7

  9. Formulating the structure of your pages • The major components of a page • Heading • Navigational system(s) • Body content • Breathing space • Footer navigation Chapter 3-8

  10. Brainstorming your design ideas through mock layouts • Creating layouts using Photoshop • Measurement set to pixels • Heights • Consider the fold andthe page’s future content • Brainstorming • How many? • How much detail? Chapter 3-9

More Related