Lesson 1- Introduction to Web Design Flashcards
(53 cards)
The PROCESS of creating the visual and functional aspects of websites
WEB DESIGN
It involves planning, conceptualizing, and arranging content intended for the internet
WEB DESIGN
_______ goes beyond aesthetics to include the website’s overall functionality
Modern Web Design
KEY COMPONENTS OF WEB DESIGN(5)
(LCT IN)
Layout
Color Scheme
Typography
Images and Graphics
Navigation
The ARRANGEMENT OF ELEMENTS ON A WEBPAGE, including headers, footers, navigation menus, and content areas.
LAYOUT
The SELECTION OF COLORS used throughout the website to create a cohesive and visually appealing look.
COLOR SCHEME
The CHOICE OF FONTS AND TEXT STYLES to ensure readability and enhance the website’s aesthetic
TYPOGRAPHY
the USE OF PHOTOS, ILLUSTRATIONS, ICONS, AND OTHER VISUAL ELEMENTS to support content and engage users.
IMAGES AND GRAPHICS
The SYSTEM THAT ALLOW USERS TO MOVE THROUGH THE WEBSITE, including menus, links, and buttons
NAVIGATION
Principles of Good Web Design(5)
(SCRAU)
Simplicity
Consistency
Responsiveness
Accessibility
User-Centered Design
Keep the design clean and uncluttered to make it easy for users to navigate and find information
SIMPLICITY
Use consistent design elements, such as colors, fonts, and layout, to create experience
Consistency
Ensure the website looks and functions well on various devices, including desktops, tablets, and smartphones
Responsiveness
Design the website to be usable by people with disabilities, following guidelines such as the Web Content Accessibility Guidelines(WCAG)
Accessibility
Focus on the needs and preferences of the target audience to create a user- friendly experience.
User-Centered Design
Examples of a Bad Web Design
(POSS BBS CS)
Poor Navigation
Outdated
Small Fonts
Slow Website Speed
Bad Mobile Responsiveness
Bad Color Scheme
Spacing Issues
Confusing
Small Visuals
Tool and Technologies(5)
(HSJ WC)
HTML(HyperText Markup Language)
CSS(Cascading Style Sheets)
JavaScript
Web Design Software
Content Management Systems(CMS)
The standard language for creating web pages
HTML (HyperText Markup Language)
Used to style and layout web pages
CSS(Cascading Style Sheets)
A programming language that adds interactivity to websites
JavaScript
Tools like Adobe XD, Figma, and Sketch for designing and prototyping websites
Web Design Software
Platforms like WordPress, Joomla, and Drupal for building and managing websites
Content Management Systems(CMS)
Steps to Design a Website
(DRD DTL M)
Define the Purpose and Goals
Research and Plan
Design
Develop
Test
Launch
Maintain
Understand the website’s objectives and target audience
Define the Purpose and Goals
to
to
-
Ordered List