What is web designing? The ultimate guide to website Design

1
What is
Web
Designing
The Ultimate Guide To Website Design
2
Web design
Web design is the process of planning,
conceptualizing, and arranging content intended
for the Internet. Modern web design goes beyond
how things look (aesthetics) to include how
things work (functionality).

• Web design elements
• Types of website design
• Website design tools

3
Web design elements
When designing a website, its imperative to
consider both the look and the functionality of
the site. Integrating these elements into the
design will help maximize the performance of the
site
4
Visual elements
Heres a quick overview of the elements you need
to consider in your design to make sure
everything looks good!
1. Fonts
When designing a website, its imperative to
choose easy-to-read font pairings that complement
the design.
Front Example
Front Example
Front Example
Front Example
Front Example
Front Example
5
Colors
Colors are one of the most important elements to
consider when designing a website.
When choosing colors for your site, its
important to focus on aligning your colors with
your brand and the message you are trying to
convey.
6
Layout
How you decide to arrange your content will have
a dramatic impact on both the appearance and
functionality of your site
when it comes to website layouts, there are
definitely some principles you should follow.
7
Shapes
The use of graphical elements in web design has
really taken off over the past few years.
Combining beautiful colors and shapes can be used
to accomplish many things, such as directing the
attention of your site visitors.
8
Spacing
There is a space that exists between every
element within your design the images, the
paragraphs, the lines... even the letters have
spacing! As a rule of thumb, having too much
space is better than having things crammed
together.
9
Images Icons
Amazing designs can communicate a lot of
information in just a few seconds. One of the
ways to accomplish this is through the use of
powerful images and icons.
Free images and icons Pexels Unsplash IconMonstr
10
Types of website design
Although you might come across articles online
that talk about a whole bunch of website design
styles (fixed, static, fluid, etc.), in todays
mobile first world, there are only two ways to
properly design a website adaptive and
responsive websites.
11
Adaptive websites
Adaptive web design uses two or more versions of
a website that are customized for different
screen sizes. Adaptive websites can be split in
two main categories based upon how the site
detects what version needs to be displayed. 
12
Responsive websites
Responsive websites use a combination of flexible
grids (based on percentages) with breakpoints
(using media queries) to create a custom look at
every screen size. Unlike adaptive sites that
adapt only when they hit a breakpoint, responsive
websites are constantly changing according to the
screen size.
13
Website design tools
There are two main ways to design a website
1. Desktop apps
The most popular desktop apps for designing a
website are Photoshop and Sketch. This process
requires designers to build out a design before
sending it to a development team to convert the
design to code.
14
Website design tools
There are two main ways to design a website
2. Website builders
There are several website building options on the
market today. Not all of them can be considered
web design tools as editing limitations can
make it very difficult to create something custom
without having to rely on code.
Example
15
You can Find us _at_
webtrainings.in
Contact US
Mobile [phone] Webtrainings.2009_at_gmial.com
Sources - www.pagecloud.com