-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdesign.html
131 lines (107 loc) · 5.27 KB
/
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="design_style.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com"/>
<link href="https://fonts.googleapis.com/css2?family=Akaya+Kanadaka&family=Asap+Condensed&family=Concert+One&family=Gloria+Hallelujah&family=Permanent+Marker&display=swap" rel="stylesheet"/>
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay"
crossorigin="anonymous"
/>
<title>Derek Personal Portfolio</title>
</head>
<nav id="navbar">
<ul class="nav-list">
<li>
<a class="nav_text" href="index.html#projects">PROJECTS</a>
</li>
<li>
<a class="nav_text" href="#contact">CONTACT</a>
</li>
<li>
<a class="nav_text" href="resume.html">RESUME</a>
</li>
</ul>
</nav>
<body>
<main>
<section id="projects">
<div class="grid">
<h3> Design principles </h3>
<p> design princinles are principles that are used to create visually appealing designs. This makes the design more functional for the end user. Below is some of my most
used principles</p>
<div id="units">
<img class="design_principles" src="img/design_principles.PNG">
</iframe>
</div>
<h3> Consistency</h3>
<p>Is about how you need to make your designs simple and relevant and consistency. When designing, do not overcomplicate things and use too many different designs, instead make it memorable to your views. Make sure to have a logical design that isn't overpowering to the eye. This will confuse your audience and make it difficult to be memorable. Make sure to use appropriate design principles that go well togeather. simplicity is the key when it comes to colors and design, just keep that in mind on your next design.</p>
<h3>Within the Lines</h3>
<p>When designing you need to make sure you have things that are evenly space and line up in a sense. but be
careful not to overdo it because if someone looks at your design and see everything the same size and shape
you might get a little confused what you are looking at.
You need to make sure to have your focused on the larger area than other parts that are not needing as much
attention. This will have the view know what they are looking at.</p>
<h3>Do not Interfere</h3>
<p>When you are designing your website, you want to make it so there are no parts that might be distracting the
user. This could lead to confusing. Make sure to keep with the things that people already familiar with. Do not
go out of the norm or complex things where it should not need it.
If you keep a nice clear path for the user to go and keep it clean and basic this will enhance your website
traffic.</p>
<h3>Simplicity Is The Key</h3>
<p>When your designing something you need to keep simpicity in mind whe n making it. When adding a whole
bunch of elements it can sometimes make the user confused on what is trying to be represented. The user
might get overwhelmed and leave instead of engage in your design. Try asking your self what point am I
trying to get across and how can I do it with the least amount of items.</p>
</div>
</section>
</div>
</body>
</main>
<footer>
<section id="contact">
<div>
<h2 class="footer_text">Let's work together...</h2>
<p id="contact_info">some ways to contact me</p>
</div>
<div class="contact-links">
<a
href="https://github.com/fanko89"
target="_blank"
class="btn contact-details"
><i class="fab fa-github"></i> GitHub</a
>
<a
href="https://www.linkedin.com/in/derek-ney/"
target="_blank"
class="btn contact-details"
><i class="fab fa-linkedin-in"></i> Linked In</a
>
<a
href="https://www.facebook.com/derek.ney.1"
target="_blank"
class="btn contact-details"
><i class="fab fa-facebook"></i> Facebook</a
>
<a
href="[email protected]"
target="_blank"
class="btn contact-details"
><i class="fas fa-at"></i> Email</a
>
<a
href="8013751482"
target="_blank"
class="btn contact-details"
><i class="fas fa-phone"></i> Phone</a
>
</div>
</section>
</footer>
</html>