Graphic Design Is The What Most People Think of When They Think of Design Because It

USER INTERFACE DESIGN
USER EXPERIENCE DESIGN

EXPERIENTIAL DESIGN GRAPHIC DESIGN
LOGO DESIGN three dimensional media: craft & design
WEB DESIGN
INTRODUCTION
Graphic Design is the what most people think of when
they think of design because it's the easiest to
observe. Graphic designers pick colors, choose
images, design logos, and do other very visual tasks.
This type of design is like what most people would
consider "art".
If graphic design is art, then User Interface Design is

science. UI designers figure out how software and
users interact with each other. When you submit a
form, what happens? How are users notified of errors?
Does the form go to a new page, or submit while
staying on the current page? • Don Norman, a cognitive scientist and
co-founder of the Nielsen Norman
Great graphic design means the software looks pretty. Group Design Consultancy, is credited
Great UI design means the software is easy to use. with inventing the term in the late 1990’s
Great graphic design is Apple. Great UI design is declaring that “User experience
Google (many of their products anyway - just don't
encompasses all aspects of the end-
mention Android or Google Docs).
user’s interaction with the company, its
USER EXPERIENCE DESIGN services, and its products.”
7 KEY FACTORS THAT INFLUENCE USER EXPERIENCE DESIGN
• The process of enhancing user

satisfaction with a product by
improving:
• USABILITY
UX Designer’s Responsibilities
• ACCESSIBILITY • Strategy and Content
• Competitor analysis, Costumer,
• PLEASURE
Over all Structure or content
• User experience provides a convienient • Wireframing and Prototyping a Site or
interaction with the product, either Application
phone, desktops, laptops, any gadgets • Executions and Analytics
or techs, or a websites or applications.
SOURCES:
• https://99designs.com/blog/tips/types-of-logos/ • https://www.slideshare.net/mcglp/logo-designppt?from_action=save
• https://nodinx.com/5-basic-types-of-logos/ • https://segd.org/what-experiential-graphic-design
ARTAPP | ARC 143 • https://www.slideshare.net/72bundy/logo-design-basics?from_action=save • https://www.marketinggenome.com/blog/8-key-experiential-graphics-
design-elements
WEB DESIGN

• User interface (UI) design is the process of making
interfaces in software or computerized devices with
a focus on looks or style.
• Designers aim to create designs, users will find
easy to use and pleasurable.
• UI design typically refers to graphical user EXAMPLES

interfaces but also includes others, such as
voice-controlled ones and many more.
• Designing VISUAL interfaces for software.
Characteris tic Des cription
Windows Multiple windows allow different information to be
displayed s imultaneous ly on the user’s s creen.
Icons Icons different types of information. On s ome sys tems ,
icons repres ent files; on others, icons repres ent
process es .
Menus Commands are selected from a menu rather than typed
in a command language.
Pointing A pointing device s uch as a mouse is us ed for s electing
choices from a menu or indicating items of interes t in a
window.
Graphics Graphical elements can be mixed with text on the same
display.
• They are easy to learn and use.

• Users without experience can learn to use the system
quickly.
• The user may switch quickly from one task to
another and can interact with several different
applications.
• Information remains visible in its own window when
attention is switched. The Lazada website – it is a combination of Ux and UI
• Fast, full-screen interaction is possible with immediate design to provide a convenient online shopping for the
access to anywhere on the screen costumer, by providing menus, specs and images of the
product.
SOURCES:
design-elements
WEB DESIGN
Youtube – it is also combination of Ux and UI design to

provide a convenient streaming of videos, by providing
menus, slideshows, and options for better quality viewing.
DOTA 2 GAMEPLAY– the same explanation as the Mobile

legends. It is also a combination of Ux and UI.
Mobile Legends – this application also combines Ux and
UI design for the buttons and graphics are rendered to
provide a high quality gameplay at the same time buttions
and controls are strategically and ergonomically located to
prevent an ease of controls without obstructing the view of
the user to the game itself.
WINDOWS 10 Startup Menu
THE NATIONAL UNIVERSITY-MANILA SITE—

THIS IS GREAT EXAMPLE OF HOW THE UX OR THE
EXPERIENCE DESIGN AND UI – USER INTERFACE
DESIGN CAN HELP RELAY AS MUCH INFORMATION
ON A SITE AT THE SAME TIME GIVES THE USERS A
GLIMPSE OF THE CHARACTER OF NATIONAL
UNIVERSITY.
SOURCES:
design-elements
WEB DESIGN
WHAT IS A LOGO?
EXPERIENTAL DESIGN A logo (abbreviation of logotype,
from Greek: logos "word" and
GRAPHICS τύπος typos "imprint") is a graphic
mark, emblem, or symbol used to aid and promote
• Examples of experiential graphic design includes: public identification and recognition. It may be of an abstract
• Wayfinding systems or figurative design or include the text of the name it
• Architectural graphics represents as in a wordmark.
• Signage and sign programs
• Exhibit design  Logos represents the identity of an organization, product,
• Retail design, brand or idea.
• Themed or branded spaces.
• Increasingly, experiential graphic design involves the
use of digital technologies and systems that present
dynamic content through motion graphics and make
possible rich interactions between a user in a place
and the information being provided.
TOUCH SCREEN TABLE
PRINCIPLES IN LOGO DESIGN

 BALANCE is a key component in most logo
designs. It is an equilibrium that results from our
ideas of physical structure.
 RHYTHM creates a sense of movement as well

as patterns through the repetition of certain
elements.
SM MALL OF ASIA GLOBE
 PROPORTION is the relationship in scale
between two or more objects in a design. It can
create a sense of depth as well as dominance.
 UNITY is the interaction between parts of an

image and how they interact as one. There are
different factors of unity such as continuance,
closure, similarity, proximity, and alignment.
SOURCES:
design-elements
WEB DESIGN
EFFECTIVE IN COLOR AND IN BLACK AND WHITE

WHICH LOGO IS MOST EFFECTIVE ?
A LOGO SHOULD CLEARLY REPRESENT AN

ORGANIZATION’S IDENTITY. PSYCHOLOGY OF COLORS AFFECTS THE
• KEEP IT SIMPLE EFFECTIVENES OF A LOGO
• SHOULD BE EFFECTIVE AT A LARGE AND SMALL SCALE
• EFFECTIVE IN COLOR AND IN BLACK AND WHITE
WEB DESIGN
Design is the process of collecting ideas, and aesthetically
arranging and implementing them, guided by certain
principles for a specific purpose.
Web design is a similar process of creation, with the intention
of presenting the content on electronic web pages,
which the end-users can access through the internet
with the help of a web browser.
LAYOUT
This is the way the graphics, ads and text are arranged. In the web world, a key goal is to help
the view find the information they seek at a glance. This includes maintaining the balance,
consistency, and integrity of the design
COLOR
The choice of colors depends on the purpose and clientele; it could be simple black-and-white
to multi-colored design, conveying the personality of a person or the brand of an organization,
using web-safe colors.
GRAPHICS
Graphics can include logos, photos, clipart or icons, all of which enhance the web design. For
user friendliness, these need to be placed appropriately, working with the color and content of
the web page, while not making it too congested or slow to load.
FONTS
The use of various fonts can enhance a website design. Most web browsers can only read a
select number of fonts, known as "web-safe fonts", so your designer will generally work within
this widely accepted group.
CONTENT
Content and design can work together to enhance the message of the site through visuals and
text. Written text should always be relevant and useful, so as not to confuse the reader and to
give them what they want so they will remain on the site. Content should be optimized for
search engines and be of a suitable length, incorporating relevant keywords.
SOURCES:
design-elements
WEB DESIGN
LOGO DESIGN PROCESS

• Research and brainstorm
• Think about fonts
• Turn your ideas into forms and identify color
• Finalize design
SOURCES:
design-elements

Graphic Design Is The What Most People Think of When They Think of Design Because It

Hochgeladen von

Dokumentinformationen

Originalbeschreibung:

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Graphic Design Is The What Most People Think of When They Think of Design Because It

Hochgeladen von

Copyright:

Verfügbare Formate

USER INTERFACE DESIGN

USER EXPERIENCE DESIGN

If graphic design is art, then User Interface Design is

7 KEY FACTORS THAT INFLUENCE USER EXPERIENCE DESIGN

• The process of enhancing user

USER INTERFACE DESIGN

• UI design typically refers to graphical user EXAMPLES

• They are easy to learn and use.

Youtube – it is also combination of Ux and UI design to

DOTA 2 GAMEPLAY– the same explanation as the Mobile

WINDOWS 10 Startup Menu

THE NATIONAL UNIVERSITY-MANILA SITE—

TOUCH SCREEN TABLE

PRINCIPLES IN LOGO DESIGN

 RHYTHM creates a sense of movement as well

 UNITY is the interaction between parts of an

EFFECTIVE IN COLOR AND IN BLACK AND WHITE

A LOGO SHOULD CLEARLY REPRESENT AN

LOGO DESIGN PROCESS

Das könnte Ihnen auch gefallen