1 / 10

ARTISTIC WEB DESIGN

Dive into the world of web design using Adobe Dreamweaver and Photoshop in this comprehensive introduction. Explore designing effective navigational layouts, planning for different monitor resolutions, and mastering design principles for web layouts. Learn how to create a navigational flowchart, structure your web pages, and brainstorm design ideas through mock layouts. This guide will equip you with the skills needed to craft visually appealing and user-friendly websites.

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