Web Design and Web Development
Web design and web development are terms that are frequently used interchangeably.
However, these are two (2) different things.

Web design is the creation of the layout of the visual elements of the website using
various design programs.
An example of a software that allows us to design our programs is the Adobe Creative Cloud. It
provides a set of applications and services by Adobe Systems. A monthly or annual subscription
is required for us to fully use the collection of software.
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, on the other hand, 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 and Web Developer

A web designer focuses on the appearance of a website while a web developer
specializes on coding and works on making websites with emphasis on its functionality.
In addition, a web designer considers various design principles to achieve a pleasing or an
aesthetic layout for the website. Design principles include balance, contrast, emphasis,
consistency, and unity

On the other hand, a web developer, also ballad a programmer, converts a static layout
into a dynamic website by using links, buttons, and other Interactive elements.
Altogether, a web designer and web developer work hand-in-hand to Create a website that
offers quality user experience.
Principles of Web Design
There are many factors that can affect the aesthetics and usability of a website. Below are the
current design principles that we need to consider:
1. Minimalism
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 most
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 big impact on how users think and feel about the website. The
previous trend in web design uses soft color shades. Nowadays, vibrant, and dramatic colors
catch more attention from the users. Gradients also give a fresher tone look.
4. Display
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
Users crave for a more entertaining experience. To capture maximum user attention,
animations, when used responsibly, can help us achieve this. We can use animated icons and
micro-interactions to ensure fluidity in the user's experience.
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 very important to consider if our
website is mobile-friendly since it is now the commonly used tool to access websites.
1Principles of Web Development
The following principles can help us develop functional websites:
1. User focus
This is the key principle to provide them a great user experience 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 useful content and a good user
experience.
We use tools to measure and improve the website's quality. As young developers, we must
always strive for excellence.
3. Simplicity
Less is indeed more. We keep our website simple and well organized. Simple websites do not
have superfluous information. They are easier to build and maintain.
We also look for ways to simplify codes, so it will be easier for us to find errors. We may visit
various websites and observe their layout and design.
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.
Less codes mean less time spent on maintenance. In addition, we comment to make the codes
programmer-friendly. Thus, we must use code responsibly.