These Design Principles help you create a quality page that passes the final checks. use them to check, modify, and finalise your webpage.
Your modifications must ensure the finished page meets the requirements of your original Conceptual Design.
Click the Preview button to complete these checks
Contrast: Use high contrast colours. For example, dark text on a light background (or vice-versa). Never use low-contrast combinations like light gray text on a white background.
Typography/Size: Choose simple, clean fonts and ensure the main body text is not too small (aim for at least 11pt size for comfortable reading).
White Space: Make sure there is plenty of empty space (padding/margins) around your text, images, and buttons. Don't crowd your content!
Alignment: Use Left Alignment for all main body paragraphs, as it's the easiest way for the eye to scan long blocks of text. Only use Center Alignment for titles and short headlines.
Typography: Stick to one or two font families and limit font sizes (Title, Heading, Body text) to keep the page looking clean and professional.
Spelling & Grammar: Use your spell-check tool! Check all names, dates, and times twice. The information must be correct.
Media Relevance: The images or video must directly relate to the content and the interest you are promoting. (e.g., Don't use a picture of a random city if you're promoting a specific video game).
Visual Consistency: Ensure that your headings are all the same size/style, and that your main text font is consistent across the page.
Alignment: Make sure images line up perfectly with text and other objects
Once you are happy with your page in all three views, click Publish to make your website live and ready for assessment. Well done!
THREE THINGS TO DO HERE:
Paste your finished webpage onto slide 5, "Final Page Build - Checks". Now label and briefly explain how you have improved accuracy, legibility, readability, and consistency.
Paste your finished webpage onto slide 8, "Final Page Build - Requirements". Now paste your requirements onto this page and show where you used them. Arrows work well for this.
Paste the URL to your published webpage on slide 7.