Scribd
Upload
44 views

Understanding Web Design and Web Development | Computer 9

Uploaded by

datujoycegabrielle
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
44 views

Understanding Web Design and Web Development | Computer 9

Uploaded by

datujoycegabrielle
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 25

UNDERSTANDING THE

PRINCIPLES OF WEB
DESIGN AND WEB
DEVELOPMENT
LESSON 2
OBJECTIVES
DIFFERENTIATE WEB DESIGN FROM WEB DEVELOPMENT

IDENTILY THE PRINCIPLES OF WEB DESIGN

IDENTIFY THE PRINCIPLES OF WEB DEVELOPMENT.

VALUE THE IMPORTANCE OF PRINCIPLES.


WEB DESIGN &
WEB DEVELOPMENT
WEB DESIGN

is the creation of the layout of website visual


elements using various design programs.
WEB DEVELOPMENT

is the creation of web pages using HTML, CSS,


JavaScript, and other scripting languages. It involves
all the codes that make a website work
WEB DESIGN
is the creation of the layout of website visual
elements using various design programs.
Adobe Creative Cloud
example of a software that allows us
to design our programs
It includes the visual aesthetics and
usability of a website the color scheme,
layout, information flow, and everything
else related to the visual aspects of the
user interface and user experience
WEB DEVELOPMENT
is the creation of web pages using HTML, CSS,
JavaScript, and other scripting languages. It
involves all the codes that make a website work
WEB DESIGNER WEB DEVELOPER
• focuses on the appearance of a • specializes in coding and making
website websites, emphasizing their
functionality.
• a web designer considers various • a web developer or a
design principles to achieve a programmer converts a static
pleasing or an aesthetic layout for layout into a dynamic website by
the website. Design principles using links, buttons, and other
include balance, contrast, interactive elements.
emphasis, consistency, and unity.
PRINCIPLES OF WEB
DESIGN
1. MINIMALISM https://plus63.com/Design-Co-Mission

• Less is more. Simplicity is always the key to a minimalist


web design.
• This can be achieved by using more white space with
impressive visuals and focusing only on including the
essential elements.
• Minimalism reduces information overload and allows web
pages to load faster.
2. TYPOGRAPHY
• Typography is an element of design that refers to the visual
aesthetics, style, or appearance of the text.
• It sets the tone and theme of a website.

• The modern web design uses striking and expressive


typography, replacing the traditional ones.
• Bold and bright fonts will help focus the user's attention.
3. COLOR SCHEME
• Color combination has a significant impact on how users
think and feel about the website.
• The previous trend in web design uses soft color shades.

• Gradients also give a fresher look.


4. DISPLAY https://www.apple.com/services/

• For smoother navigation and more continuous story-like


presentation, we use a borderless user interface display.
• We also design a one-page website screen. This is better
than a multiscreen, grid-based interface. This will allow the
users to browse the website's content in a simple and linear
fashion.
• There is no need to switch through multiple pages.
5. ANIMATION https://www.andyhau.com

• Users crave a more entertaining experience.


• Animations, when used responsibly, can help us capture

maximum user attention.


6. MOBILE-FRIENDLINESS
• When we design a website, we make sure the users can
access and browse it on any device such as smartphones,
tablets, or desktop computers.
• It is crucial to consider if our website is mobile-friendly
since it is now the commonly used tool to access websites.
PRINCIPLES OF WEB
DEVELOPMENT
1. USER FOCUS
• This is the key principle to provide the users with a great

user experience.

• The accessibility and functionality of the website depend

much on the developers.

• As developers, we need to set up and enforce coding

standards.
2. QUALITY FOCUS
• This is very important to develop a mindset of quality.

• We must determine the standards of a quality website.

• A high-quality website provides relevant and valuable

content and a good user experience.


3. SIMPLICITY
• Less is indeed more.

• We keep our website simple and well-organized.

• Simple websites do not have superfluous information.


4. EFFICIENCY OF CODES
• We write codes efficiently.

• We also try to reduce the amount of codes without

compromising the website's quality and functionality.

• Fewer codes mean less time spent on maintenance.

• In addition, we use comment to make the codes


Code Responsibly
programmer-friendly.
QUESTIONS?

You might also like