1 / 14

Layout Design Essentials: Projects, Techniques, and Styles for Effective Communication

Explore layout design principles and styles for print and digital media. Learn to create engaging reports, articles, and web pages. Discover the art of space utilization and typography. Dive into group exercises and industry examples.

asis
Download Presentation

Layout Design Essentials: Projects, Techniques, and Styles for Effective Communication

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. Image and Text: session twoAgenda • Admin and Assessment • Project One: designed report • Project Two: feature article • Recap. last week • Layout and Space • Simple layout exercise • Groupwork • What next?

  2. Useful websites • www.mundidesign/presentation/index2.htnl • www.studiomotive/counterspace/ • www.foothill.fhda.edu/newmedia/layout/lesson01/index.html • http://www.inf.brad.ac.uk/~ptallen/home/teach.htm

  3. Layout and the Use of Space • What is layout? • What can be achieved through layout? • Establish some basic distinctions – both paper and electronic. • Revisit type – layout and type are interdependent. • Introduce text and image correspondence.

  4. Markets and Style • Format, size and orientation • Tabloid • Broadsheet • Magazine • News and features • Different relationship to space • Features are a place to rest, meditate, consider and spend time over

  5. Some distinctions • Portrait and landscape • Horizontal and vertical bias • Balance and Contrast

  6. ‘Classic’ Layout Styles • Static Layout styles (modular) • Guardian, Times, Independent • Dynamic Layout Styles (freestyle) • Mirror, Mail, Sun

  7. Layout Grids 4 column layout 6 column layout

  8. Simple conventions in planning story picture

  9. Layout on the web • Fewer conventions • Need to plan for size and orientation of screen and browser window • Layout can become complicated in HTML • Designers frequently use tables <TC></TC> to aid layout – Dreamweaver does!

  10. Task • Design a layout for a feature page that includes a headline, body copy and a prominently placed photograph. • Experiment with different ways of organising the page. • Do this for a newspaper, a magazine, a website. • Discuss with your colleagues what the differences are.

More Related