Scribd
Upload
25 views

Module 5 Introduction To Basic Web Design PDF

Uploaded by

cepekrizzeleann
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
25 views

Module 5 Introduction To Basic Web Design PDF

Uploaded by

cepekrizzeleann
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/ 29

BASIC WEB DESIGN

USING WIX
MODULE 5
ELEMENTS OF WEB DESIGN
The elements of design are the basic building blocks of all design
projects.
LINE
Adds to the style of a design and can enhance the comprehension
and readability of a design. Lines can be used as a border around
elements or a divider between elements.
The lines can be long, red, straight, thin, blue, dashed, short, black or
curved,
they are all into the same category. They are most of the time used

for delimitation between different sections of a design, or are used

to direct a viewer’s vision in a specific direction.


LINE
SHAPE
The shape, or the form, is the second most used element of a web
design. They are actually lines combined in different shapes.
The forms are still popular and this is because if there is something that
needs to stand out, forms are one of the ways to do it.
There can be circles, squares, rectangles, triangles or any other
abstract shape; most of the designs include at least one of these.
Minimalistic designs use it a lot, because they are often based on
illustrations and drawings.
SHAPES
TEXTURE
Textures can look similar to solid background colors, but if they are
analyzed closer, small but effective differences can be noticed.
Texture styles include paper, stone, concrete, brick, fabric and natural
elements, among flat or smooth colors.
Textures can also be subtle or pronounced and can be used sparingly or
liberally. They work with pretty much everything. Even if they do not
seem important, the textures can totally change a website and offer a
totally different visual impact.
TEXTURE
COLOR
The color may even be the most important element of a design, because it
offers the most powerful visual impact at a single glance. Color is obvious
and does not need basic graphic skills to be noticed.
While lines and shapes mean the same thing as in the reality, only at a
little more profound level, the color means exactly the same thing as in the
nature.
Color creates emotions –red is passionate, blue is calm, green is natural.
COLOR
SIZE
Size. In graphic design, size is used to convey importance, attract attention,
and create contrast.
Space. The space and how it is used is crucially important in design. Lately the
“white space” (also called negative space) became used widely because it
allows the human eye to read easier.
For whoever is not familiar with the term “white space”, it does not mean
precisely space filled with white, but every area of the design which is only
filled with the background color. You can see several examples below to
better understand the concept.
VALUE
It is how light or dark an area looks in a design. It is everything from the darkest
of blacks thru the brightest of whites. Used correctly, it will create depth,
contrast, and emphasis.
BASIC PRINCIPLES OF WEB DESIGN
The principles of design are how you apply design elements to
your page.
These principles are some of the more accepted methods of
design. The principles of design are balance, contrast, emphasis,
rhythm, and unity.
BALANCE
Balance is how the elements of a design are distributed throughout a

layout. If the balance is good, then stability is assured, although lately many

designers go for unbalanced designs because they are dynamic and offer a

totally different perspective.

The three types of balance: symmetrical, asymmetrical and radial.

Balance is achieved through shapes, colors, textures, lines and the other

elements.
Symmetrical Balance
Asymmetrical Balance
Radial Balance
CONTRAST
Contrast refers to how different elements are in a design, particularly
adjacent elements. These differences make various elements stand out.
Contrast is also a very important aspect of creating accessible designs.

Insufficient contrast can make text content in particular very difficult to


read, especially for people with visual impairments.
CONTRAST

https://www.vandelaydesign.com/contrast-in-web-design/
EMPHASIS
Emphasis creates an area or object that is the focal point
for the page. It is a way to make one element stand out in
the design. The focal point may be larger than other
elements of the design or brightly colored —both of which
tend to draw the eye.
Also known as dominance. This condition exists when an
element or elements within a visual format contain a
hierarchy of visual importance.
EMPHASIS
RHYTHM OR REPETITION
The rhythm of the page is the principle that makes the human eye
move from one element to another. It ensures the flow of the eye and
in which order users should see the elements.
Rhythm is created by simply repeating elements in predictable
patterns. This repetition is a natural thing that occurs everywhere in
our world.
Patterns are simply a repetition of more than one design element
working in concert with each other. When you repeat elements, the
intervals between those repetitions can create a sense of rhythm in
the viewer and a sense of movement.
RHYTHM OR REPETITION
UNITY
"Oneness," "Harmony," "Gestalt." The condition of completeness with
the use of all visual elements within a format.
CREATING A WEBSITE USING WIX
STEP 1: Getting started with WIXrequires
you to sign up for an account
STEP 2: Choose a Type of Website
STEP 3: Select a Template
Step 4: Update Media
Step 5: Add Different Elements
Step 6: Repeat for Each Page
Step 7: Publish Your Site

You might also like