-
Notifications
You must be signed in to change notification settings - Fork 0
/
UX_UI_design.html
87 lines (82 loc) · 4.86 KB
/
UX_UI_design.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Oumaima's Design Oasis: Navigating Aesthetic Horizons</title>
<link rel="stylesheet" href="UX_UI_design.css">
<link rel="icon" href="Pictures/design-thinking_2857527.png">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap">
<link rel="stylesheet" href="href=https://stackpath.bootstrapcdn.com/font- awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?
family=Robot:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="navbar">
<img src="Pictures/design-thinking_2857527.png" class="logo">
<nav>
<ul>
<li><a href="Acceuil.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="People.html">People</a></li>
<li><a href="Projects.html">Projects</a></li>
<li><a href="Prototypes.html">Prototypes</a></li>
</ul>
</nav>
<div class="menu">
<img src="Pictures/menu_3122997.png" class="menu-icon">
<div class="submenu">
<ul>
<li><a href="Acceuil.html"><i><img src="" class="icon"></i>Home</a></li>
<li><a href="People.html"><img src="" class="icon">People</a></li>
<li><a href="Projects.html"><img src="" class="icon">Projects</a></li>
<li><a href="Prototypes.html"><img src="" class="icon">Prototypes</a></li>
<li><a href="Login.html"><img src="" class="icon">Sign In</a></li>
<li><a href="Sign-up.html"><img src="" class="icon">Sign Up</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col">
<h2>What's UI & UX Design?</h2>
<p>UI (User Interface) design and UX (User Experience) design are two interconnected but distinct aspects of the design process, primarily focused on creating positive and effective user interactions with digital products or services.
UI design is about the visual and interactive aspects of a digital product,
while UX design is concerned with the overall experience and satisfaction of the user.
Both UI and UX designers collaborate closely to create a product that not only looks
good but also functions effectively and provides a positive user experience.
A simplified analogy often used is that UI is the saddle, stirrups, and reins, while UX is the feeling you get being able to ride the horse, the comfort, and the joy it brings. Both are essential for creating successful and user-friendly digital experiences.</p>
</div>
<div class="col">
<div class="card card1">
<h5></h5>
<p></p>
</div>
<div class="card card2">
<h5></h5>
<p> </p>
</div>
<div class="card card3">
<h5></h5>
<p> </p>
</div>
<div class="card card4">
<h5></h5>
<p></p>
</div>
</div>
<div class="col">
<h2>Key aspects of UX & UI Design </h2>
<p>Visual design is a critical aspect of creating appealing designs that align with a brand's identity.
This involves maintaining a consistent design language, including colors, fonts, and imagery.
Navigation plays a key role in user experience by focusing on intuitive design and creating logical user flows
for seamless interaction. Interactivity is enhanced by ensuring the interface responds promptly to user actions
and providing visual and interactive feedback.
Typography is important for readability, requiring the choice of fonts that are easy to read on various devices.
Establishing a clear visual hierarchy of information through typography is crucial.
Accessibility considerations involve inclusive design to ensure the user interface is
accessible to users with disabilities,
maintaining sufficient contrast for readability.</p>
</div>
</div>
</div>
</body>
</html>