-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
106 lines (88 loc) · 5.35 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="reset.css" rel="stylesheet">
<link href="common.css" rel="stylesheet">
<!-- The three different styling directions: -->
<!-- <link href="direction-1.css" rel="stylesheet">
<link href="direction-2.css" rel="stylesheet">
<link href="direction-3.css" rel="stylesheet"> -->
</head>
<body>
<div>
<div>
<header>
<div class="imagery_intro-landing ">
<div>
<p>@</p>
</div>
<div>
<p>@</p>
</div>
<div>
<p>@</p>
</div>
</div>
</header>
<nav class="navbar home">
<ul>
<!-- <li><a href="index.html"><span>@</span> <span>Home</span></a></li> -->
<li><a href="words-as-materials.html"><span>&</span> <span>Materials</span></a></li>
<li><a href="interface-writing.html"><span>%</span> <span>Interface</span></a></li>
<li><a href="what-has-writing.html"><span>?</span> <span>For Design</span></a></li>
</ul>
</nav>
</div>
<nav class="navbar-fixed home">
<ul>
<!-- <li><a href="index.html">@</a></li> -->
<li><a href="words-as-materials.html">&</a></li>
<li><a href="interface-writing.html">%</a></li>
<li><a href="what-has-writing.html">?</a></li>
</ul>
</nav>
</div>
<article class="intro_colophon">
<header>
<!-- <p class="special-background-character">@</p> -->
<h1>WRITING IN THE DIGITAL AGE</h1>
<p><span class="header_author">Vicky Chen</span> <span class="header_author">11.30.23</span></p>
</header>
<section>
<p><strong>INTRO</strong></p>
<p>
I had originally started out with <em>Words as Materials</em> by Nicole Fenton which gives a scope into how communication as a whole can alter and affect the way we communicate with either ourself and expanding outwards towards the public and their perception of what we are trying to communicate. In a way, communication is an arc or "continuum" of writing since it is a form of written communication. There are some instances within the reading where I understand where the author is coming from by honing in on the idea that writers are also designers. In a way, it is true because between designers and writers, the only difference that separate the two is the material that is being used. Designers have a ranged of materials that can range from physical medium to digital medium to create their vision/message, whereas writers would use words as to create their product, their idea, their voice.
</p>
<p>
In my case, writing has always been seen as grammar or English class through my perspective, but articles such as <em>Interface Writing: Code for Humans</em> and <em>What has writing got to do with design?</em> puts writing and language in a different limelight. I believe that these two articles connects the importance of writing and language throughout design whether it would be for interface design or even graphic design and historical lenses.
</p>
<p>
The overall design and look/feel of the binding website is to convey and reminisce traditional writing materials such as paper, pen, post-it notes, lines, and highlighter but in a modern, digital context. The traditional modern writing aesthetics is a take on the combination of the three article pages about how far writing has come down to and how it has been integrated and perceived in the design world as of today.
</p>
</section>
<section class="colophon-sticky-1">
<header>
<p><span class="red-pen-mark"><strong>Typography</strong></span></p>
</header>
<p>Cabinet Grotesk Variable, Monaspace Neon</p>
</section>
<section class="colophon-sticky-2">
<header>
<p><span class="red-pen-mark"><strong>About Site</strong></span></p>
</header>
<p>The "binding" is completed through a series of intertwined HTML page files and CSS file to create a "book" about writing and communication in the digital era. </p>
</section>
<section class="colophon-sticky-3">
<header>
<p><span class="red-pen-mark"><strong>Sources</strong></span></p>
</header>
<p><em>Words as Materias</em> by Nicole Fenton</p>
<p><em>Interface Writing: Code for Humans</em> by Nicole Fenton</p>
<p><em>What has writing got to do with design?</em> by Anne Burdick</p>
</section>
</article>
</body>
</html>