Embedded Files
Previous:
Go to PHP Web Overview
Next:
Go to HTML/CSS
Contents
Why do we need to know this stuff?
In today's digital world, websites are essential tools for businesses, organisations, and individuals. A well-designed website can:
Attract and engage visitors: First impressions matter! A visually appealing and easy-to-use website will keep people coming back for more.
Deliver information effectively: Websites can be used to share information, showcase products or services, and connect with your audience.
Increase brand awareness: A strong web presence helps establish your brand identity and build trust with potential customers.
Boost sales and conversions: Websites can be used to generate leads, sell products online, and encourage visitors to take action.
By understanding the principles of web design, you can create websites that are not only visually appealing but also functional and user-friendly. This will help you achieve your goals, whether it's to inform, educate, sell, or simply connect with your audience.
What Is Design Thinking?
What Is Design Thinking will be illustrated in the video below to give you a better understanding of what design thinking is all about.
Design Thinking Process
Design Thinking is a 5-step process to come up with meaningful ideas that solve real problems for a particular group of people.
LEARN THE FUNDAMENTALS OF WEB DESIGN
Design Techniques for Websites
Typography: Choosing easy-to-read fonts and appropriate font sizes for headings, body text, and calls to action creates a visually appealing and user-friendly experience.
Colour Theory: Understanding how colors interact can help establish brand identity, create visual hierarchy, and guide user flow throughout your website.
Layout Principles: Balance, symmetry, contrast, and white space are all important layout principles that contribute to a professional and organized website.
Responsive Design: Ensuring your website adapts seamlessly to different screen sizes (desktop, mobile, tablet) is crucial for optimal user experience in today's mobile-first world.
Design Conventions for Websites
7 Website Must-Haves for Easy Navigation
Logo in the corner: Put your logo at the top, usually left-aligned, and make it clickable for easy navigation back to the homepage.
Clear navigation bar: Keep your main navigation bar at the top, with 5-7 clear links. Users shouldn't get lost in a maze of sub-menus.
Organised content: Use headings (H1, H2, etc.) to structure your content, making it scannable and SEO-friendly (Search Engine Optimisation)
Grid system: Think of your website layout like a grid. It helps organize content and images for a clean and professional look.
Easy-to-spot links: Use clear color contrast to differentiate links from regular text. Blue for links is common, but choose colors that stand out.
Action buttons: Buttons should be visually distinct with hover effects. Use them for important calls to action.
Colour scheme: Aim for 2-3 main colours and neutrals for a cohesive look that reflects your brand. Use a colour contrast checker for accessibility.
Activity - design a website
Where to design a website
Google Drawings
Google Slides
Adobe Illustrator - select the Website one
wireframes.cc (does not save in cloud so will have to download and backup)
Page updated
Report abuse