1 / 15

Introduction to Layouts

Discover the significance of website layouts in attracting and retaining visitors. Explore the impact of various layout styles on user experience, content presentation, and overall site success. Learn how to choose the right layout based on content, audience, and device considerations.

lflorence
Download Presentation

Introduction to Layouts

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. Introduction to Layouts

  2. What’s the point? • The layout for a website is as important as the content. • The sole purpose of creating a website is to attract and keep visitors. • People are more likely to visit and return to websites that are easy to use.

  3. Just as important as the Content • Make or Break • People like easy • What do you prefer?

  4. Keep them coming back • If they don’t come back the site has failed. • Keep it clean and uncluttered • Keep it easy to use and navigate • They don’t all have to be exactly the same layout. • Presentation • Placement • Impact

  5. Which layout is right? • That depends • What is the content? • Who is the audience? • What type of browser or device will access the site? • There are considerations • Fixed • Fluid • Columns • How will the layout display the content? • Pictures • Text • Multimedia

  6. some main considerations • A fixed-width layout or a liquid layout. • A traditional 'brochure' style layout. • The width can be any fixed to any specific length (usually about 750 pixels). • A vertical menu or a horizontal menu. • In a liquid layout the content is allowed to flow to the edges of the browser rather than being set to a fixed-width - stretch your browser and the content moves with it. • The amount of columns required.

  7. Fixed-width layout

  8. Liquid layout

  9. Vertical menu

  10. Horizontal menu

  11. Two-column layout

  12. Three-column layout

  13. A Difference of opinion • Many designers often choose one layout over another. • A fluid layout allows the user to adjust the browser to display a resolution they desire • White space is economically distributed when the resolution of the screen is changed. • A fixed layout allows the designer more control over the site design. • The end user does not have to re-adjust a browser to fix a resolution issue.

  14. Its about the content • Present text differently than pictures or video • The content is KING. Make it shine with the proper placement. • Keep it simple • Keep the links visible • Keep it easy

  15. So…What layout to use? • The right choice depends on what you hope to achieve as a designer. • It should be about the needs of your intended viewers. • Experiment with different layout styles and see which one you are most comfortable with. • It’s your design and your point of view that matters!

More Related