BAHIRDAR UNIVERSITY INSTITUTE OF TECHNOLOGY

DEPARTMENT OF SOFTWARE ENGNEERING

WEBDESIGN AND PROGRAMMING GROUP ASSIGNMENT

NAME: ADUREF SHIFA NAME: ADERAW MOLLA NAME: HAILEGEBRIEL

ID: BDU 1200676 ID:BDU 1200811 ID:BDU 1212646

SUBMITTED TO: Yonas A.

SUBMITTED DATE:30/08/2014 E.C
Course assignment on Web Design and Programming

Group member size: 3, Max-weight: 15%

Target-group: 3 rd -Software Engineering

Submission date: April 29/08/14 የኢትዮጵያ or May/7/2022

Up till now we've been working on how to use HTML and CSS, to build up the structure of the
website. Now you are required to research something about how to design websites that people
will love. In fact, think about your website should have great functionality but it also looks
beautiful. The most important thing to making a website loved by users is pretty much the
design. In this homework(assignment), you’re asked to discuss some of the different aspects of
good web design principles. So, you're required to explore the four pillars of web design
principles such as

: ✓ Color theory

✓ Typography

✓ User interface design, and

✓ User experience design.

Table of content

content page

1.introduction 1-3

2..A Look into Color Theory in Web Design 3-9

3.Introduction to typography 10-18

4. User interface design 19-21

5. What is UX design 21-23

23
6.summary
24
7.references
Introductoion
To have a good and interactive website it is nessary to know basic guidelines to be applied which are
common and accepted by most of stakholders.

Among many things to be assumed in website design are color theory, typography,user interface ad
user experience desighn.

Color theory is mostly related with how different colors are attached psychologically with different
scenario.

Typography is mostly related with typeface and font related to texts.

The last and most important thing is assuming design principles of user interface and user experience
design.the former related with design for visualization.the latter is related with design for simplicity and
journey of success.

1.A Look into Color Theory in Web

Design
Unarguably one of the most important aspects of any design is
its colors.. Designers create the style of a site, as well as the
movement it makes, the emotion it creates, and its purpose based
largely upon the color choices they make. Colors are powerful
tools and an important thing all designers should understand when
creating websites.

What Colors Mean to Users

Most colors can be taken in a positive or negative manner,
depending on how it’s used, the other colors surrounding it, and
the connotation of the site itself. Here are some general meanings
of popular colors.
Source:https://www.empower-yourself-with-color-psychology.com/meaning-of-colors.html

Source: https://youtu.be/r9gYdD-REI0
2.Introduction to typography
Website design consists of 95% typography.
Typography is the artfulness of bringing the text to life. Its main task is
to place letters and the text to become readable, pleasant, and
straightforward to visual perception by the users—many factors are
taken into account during the process: style, size, the color of the font.
In addition, designers use typography to increase the design
aesthetics and uniqueness through the text and evoke certain
emotions to the content.
Elements of typography

Difference between typeface and font

typeface is a different family of fonts. It’s a set of symbols and signs.

In other words, it’s all the letters, numbers, punctuation, and other
things we can use to compose a sentence.
A font is inside a typeface — a set of symbols hastily.

Hierarchy
One of the main roles of hierarchy is to help keep your ideas organized, so that
viewers can always identify which category of information they are reading
A design that lacks higherarchy
in the next image, the font, size, color, and format of each hierarchical level has
been modified to be unique and stand apart from the other categories. Notice
that the webpage title, navigation menu, and main content headers, and body
text each have consistent styles, that are unique to their respective categories.

Contrast
Contrast makes text interesting and can help you communicate which ideas
you want to emphasize. Varying size, typeface, weight, color, and style can give
your designs a big impact as well as make your ideas organized
An image with high contrast

An image with no contrast

Consistency
Consistency is a key principle for all typography. Consistent fonts are especially
important, as using too many can lead to a confusing and messy look, so always
use the same font styling for the same information
Alignment
Alignment refers to the “line,” that the text orients towards. It can apply to a
whole body of text, individual words, or even images

Center aligned
Left alighned
Whitespace
Whitespace refers to the empty space around objects or text, and can take the
form of margins, padding, or just an uncluttered area

3.User interface design

What is UI design?
"UI design is about using typography, images, and other visual design
elements to turn a basic interface into something digestible and usable,"
What does a UI designer do?

A UI designer focuses on how the colors, typography, and images of a

design connect to the brand of a product.

4.What is UX design?
"UX design is about understanding the overall journey of your users and
turning it into a product." According to Jonathan, UX design refers to the entire
experience someone has with your product from start to finish. It attempts to
answer the question: How can I help people achieve their goals in the
simplest, most frictionless way possible?
In other words, UX design is concerned with the overall user-friendliness of an
entire customer journey.
What does a UX designer do?

"The role of a user experience designer is to understand the customer

journey. That means understanding the target audience, interviewing
customers, defining user flows, and conducting user testing,"

What’s the difference between UX and UI design?

User interface (UI) design refers to the aesthetic elements by which people
interact with a product, such as buttons, icons, menu bars, typography, colors,
and more. User experience (UX) design refers to the experience a user has
when interacting with a product. It focuses on the user journey and how
efficient and easy to use the product is.
How user interface and user experience desig n work togather
SUMMARY
Color theory is the practice of using the meaning behind colors to bring about
a sensory experience. This practice can be applied to web design with some
knowledge and thought. People will often disagree about what certain colors
mean and what colors designers should use to implore a certain emotion.

Typography is the artfulness of bringing the text to life. Its main task is to
place letters and the text to become readable, pleasant, and straightforward to
visual perception by the users.

UI design is about using typography, images, and other visual design

elements to turn a basic interface into s omething digestible and usable.

UX design is about understanding the overall journey of your users and

turning it into a product

SOURCES
https://www.empower-yourself-with-color-psychology.com/meaning-of-colors.html

https://youtu.be/r9gYdD-REI0

https://www.webfx.com/blog/web-design/a-look-into-color-theory-in-web-design/
https://edu.gcfglobal.org/en/beginning-graphic-design/typography/1/

https://youtu.be/Tj-7I66B0Pc