Introduction Finally, I will be exploring the work of

Introduction

My related study will be analysing past, present and future
variations of website design, and how they have changed and developed, in
response to different trends and the needs of mankind. I will be looking at the
function of the pages, the aesthetics, and the vectors and artwork used on all
generations of websites. I will also be assessing the differences between the
generations, and how the websites developed over time. The question I will be
asking is whether websites are becoming more interactive, with more websites
challenging the barrier between virtual and reality. In terms of artists I will
be discussing, first of all I will be researching Tim Burners-Lee, the creator
of the internet, and the first ever website ever created. Tim Berners-Lee
created the first ever website in 1990, but it was only accessible for nuclear
researchers. I will be researching Tim Berners-Lee to find out what website
design was in the early stages of development, as well as getting a control, to
base other website designs off of.  Afterwards,
I will be analysing modern techniques used on websites, and for this section,
Webtex will be examined, of which is a website design company, that started up
in 2013. I will be depicting this website, as well as the various websites
Webtex has created. I will be investigating the designs, to assess the current trends,
and explain how websites have evolved since the work of Tim Berners-Lee.
Finally, I will be exploring the work of Universal Everything, an art company,
who have started to challenge the link between the real world and virtual
reality. They are developing new experiences that heavily involve interaction,
of which is a common feature you can prominently see throughout the evolution
of websites. Universal Everything has created exhibitions, displays and apps
for mobiles, with websites and technology being their centre of creativity. Universal
Everything was started off by Matt Pyke in 2004. I will be reviewing all of the
different aspects of the various websites and creations, and then will be comparing
them to each other, to the extent of how they have developed, and what has
changed in website design, and if the websites have become more interactive and
responsive.

We Will Write a Custom Essay Specifically
For You For Only $13.90/page!


order now

The start of website design- Tim Berners-Lee

The first piece of work I will be
analysing is Tim Berners-Lee’s first ever creation of a website. The website
that he created was for the use of nuclear researchers, and he created this
website in 1990. Tim Berners-Lee’s inspiration for creating the internet, was
to be able to gain information about everything, from one location. The website
created by Tim Berners-Lee is very basic, not looking too dissimilar to a word
document, the website only consisted of black body, upon a white background,
with the exception of blue hyperlinks, to other websites. This website was the
most basic a page could get. But for Burners-Lee’s original intention of
research and testing the use of websites, design, aesthetics and layout
probably was not the most important aspect.

 

 

 

 

 

Figure 1- Berners-Lee’s first website,
1990

 

The use of black text upon a white background makes for good legibility,
and the main use of this website, was to share information with nuclear
researchers, and so this would have been the most important factor. Black
letter, Roman Serif and San Serif were the first typefaces used on computers,
and therefore websites. Tim Berners-Lee seems to have used Roman Serif for the
first website, although I cannot find any confirmation. The use of a larger
header allows for the reader to know the title of the website, or for important
information to be seen. The use of the same font allows for continuity through
the page, and tells readers that the article or information keeps on going. The
underlining and blue colouring of hyperlinks on the page allow for an obvious
change in use for that word or phrase. At the time, hyperlinks would not have
been a well-known feature of websites, and so making them different to ordinary
text allows for this differentiation to be made, that the text will take you on
top a different website. The original state of the link for the hyperlinks is
blue, but after clicked, the state of the link turns purple coloured. This is
to tell the user that this link has been used, and the state of the link is now
a visited link. This is just so users can visit all pages, without seeing
duplicates, or if users accidently clicked off of a page. The layout of the
page is very basic, with text too close together for my own liking, as the
close text makes it hard to clearly distinguish where new pages or information
are talked about. The layout of the website is reminiscent
to a context page in a book, and this makes sense for many reasons. First of
all, there is no previous website layout to take inspiration from, as this was
the first ever website, and also, because it is the first page, Tim Berners-Lee
wanted to showcase what the intention for what the internet was, to give the
audience information.

The infrequent use of the same principles in terms of page
line starting also affects the legibility. Flush left rugged right is used
throughout, but the strange spacing after a header doesn’t fit in with the rest
of the page. Berners-Lee most likely used this spacing to mimic the writing
technique of adding spacing after addressing someone, or for a new paragraph or
topic of interest. But because of the lack of spacing, making it looked clumped
up, this technique isn’t needed.Although the website is a very basic piece of
graphic design and coding, with a lot of issues, the importance of this
creation is huge. The creation of websites, along with the coding behind it,
created the platform for many artists and graphic designers, to generate
billions of graphics, art pieces, websites, and much more, in the very near
future, due to ever improving technology. This was the start of the history of
website design, and it started to layout the design trends, as well as Tim
Berners-Lee creating the technology, for better graphic design tools, for
website creation.

 

Modern Website
Design- Webtex

The next work analyse will be on Webtex, a web design company, that have
created over 90 websites. I am looking at Webtex, a web design
company that creates websites and other online designs. The websites range from
construction, to backpacking, to studio lighting. The portfolio created by
Webtex shows just a glimpse of the many various website designs that modern
websites use in some form.I will be analysing various web pages they have
created, from various websites they have created, but also from their own
website. I will be analysing the key general terms that most modern websites
follow, and why they are effective, and how they have evolved, and will carry
on to evolve. First of all, we have large typography being a key trend in
modern website design. An obvious header on the page, so that audiences know
the purpose of the website, as well as starting of a new topic on a website, or
a linked page. This has evolved from typography on old websites being the same
font as the body, just a bit larger. Webtex have used large typography on the
webpage ‘Zouille entertainment’, where a large green header is used. I think
this is a vital component

Figure 2- Zouille entertainment website header

 

of a website, for legibility, as well
as ease of use for the user. In future web designs, I think a lot of headers
and typography could be animated, and transitions will be more common. Next up,
is the use of authentic photography in website designs. White is a very
popular, professional choice for website backgrounds, and they have been since
the beginning of website design, but recently, photography has started to take
over, with a mixed use of plain backgrounds and photography making the page
feel authentic and down to earth, but the mix of plain backgrounds gives for
better legibility for body, as well as giving the websites better composures
and layouts. Webtex have used photography as aspects in all of the websites
they have created. On their own website, the home page has a background of
photography, constantly being cycled on a loop. The photography tells users
that the company is created for real life situations, and takes the emphasis
off of the world wide web, and more onto websites used for real life companies.
Imagery if also main component of modern websites, with short and sweet
injections of body, to get points across, but imagery used as breaks for users,
so they do not get bored or tired. Imagery wasn’t used often in older websites,
and when they were, it wasn’t as a background, it was more of a simple image,
relating to the body. I think in future website designs, imagery will be
combined with functions, even more then they are today. Animations and video
will be a more common use of imagery. As well as user variant imagery, and user
adapting imagery. Customisation
of website imagery will most likely be a future element of website design.

 

 

 

 

 

 

 

 

 

Figure 3- Zouille entertainment page layout

 

Another major component of modern
website design, and a line that future website design will likely develop is
the functions, transitions, and movement of website pages. This is called
responsive design, and includes moving text after scrolling, transitioning to imagery
and new parts of a website, animations and videos, and user-friendly buttons
and these contraptions have recently had a huge surge of popularity. On the Webtex
home page, most of the examples of responsive design are on showcase. To start
off with, the home page background circulates through 4 images. All images
contain links to different articles on the website. I included a scrolled image
box, containing links to different web pages in my personal investigation. I
think that these animated devices on the website make the page feel alive, as
well as giving the page a fresh feel. The changing images also holds the
attention of the users, as the content changes after every 10 seconds or so.
Other animations and interactive designs include different link states, of
which has evolved from a similar idea from Berners-Lee’s first ever website.
The links on a page, such as the top of the Webtex website, has direct links to
different articles and pages, and the various states of the links change,
depending on the user’s interaction with them. The Webtex links turn red slowly
when on the hover state, and turn red on the activated state, after you click
the link. These are the basic examples of animations for websites, and
responsive design. Responsive design has quickly gained in popularity, and is
almost a necessity in modern websites, because without them, websites seem very
dated, and boring to use. Other examples of responsive, animation design
include moving data charts, graphs or other data layouts, delayed scroll pages,
to make the website look as if it has more depth, and to make the page feel
more 3D. Webtex has examples of both of these. Aesthetics are the main use of
interactive, responsive animation, but function, and new possibilities can also
be the design behind it, and these designs have definitely improved websites,
and will carry on to have more of an impact on websites, as technology
develops, and these functions can evolve to become even more responsive. Most
of the designs of modern websites have been used because they look more
professional, and advanced, as well as giving a better performed function for
websites and making the user remain interested. Coding can limit a websites
creativity, but with website design now being performed for over 20 years,
there are a lot of great coders for websites to hire. Webtex have tried to
include a little bit of all website functions onto their website, as a taster
to potential customers, to show the customers what Webtex can produce. This
ranges from animation designs, responsive designs, imagery, photography,
graphs, and much more. Creating what the customer wants to see, as well as
having easy to read legibility, and perfect graphics is what Webtex would have
prioritised, to showcase their skills, and the attract customers. Web design
companies are very important in the evolution of websites, as it gives the
chance to small businesses to advertise their work online, and the more
websites online with great functioning and aesthetics, the more future website
designers will be inspired, and therefore carrying on the website revolution.There
are a few differences I would have made to the Webtex website, as well as design
trends they didn’t follow, that other websites have made clearer. First of all,
Webtex doesn’t have a very clear colour scheme, of which isn’t a compulsory
feature, but it does help users know that they are still on the same page, and
it gives continuity from page to page, as well as giving the company an
identity. Webtex also only has a logo type, and not a logo design. This also,
isn’t compulsory, but would give an added identity to the website. Apart from
the different topics not having much space between each other, cramping the
page a little bit, there are not too many differences I would have made to the
page, to perhaps improve the design. Overall, I think that examples such as
Webtex will become a staple for website design, with function, aesthetics and
animations required to attract the younger audiences, as well as improving the
existing customers user experience on the website.

 

 

 

 

Possible future
website design, and innovative ideas- Universal Everything

My final analysis for website design
is based on my thoughts on the future of website designs. I believe that the
evolution of websites has shown trends that lead to the development of the
interactive and responsive elements of websites. For this analysis, I will be
looking at universal everything. Universal everything is a design company led
by Matt Pyke, and have recently started to implement technology into their
creations, as well as websites, apps and artificial intelligence. The 2 pieces
of work from universal everything I will be reviewing are 1000 hands and
Polyfauna. 1000 hands is one of the newest interactive experience created by
universal everything. it is located in the science museum in London, with the
aim for the public to add to the work with their own creations, to create an
evolving piece of art.The audience downloads an app, and can create line
drawings, the computer AI takes the image and animates them, with specific
lines, shapes and patterns creating different effects, movement and colours.
This exhibition is a start for interactive design. I think that the use of
apps, and the public’s imagination and creation is a very ingenious idea, with
the interaction and responsive aspect of the exhibition being the most
interesting. With interactive animation being a huge hit for website design,
the most logical prediction would be that these elements of websites would
carry on to be upgraded. The interactive element of the exhibition is very
unique, and if it was combined with the sheer scale of the internet, on the
correct website, amazing things could be created, as well as improving the user
experience of websites. Universal everything is a UK based graphic design
company, who created the 1000 hands exhibition, in order to carry on
researching abstraction, synaesthesia and the essence of human form, and the
way it acts differently from person to person. This combined with computer
artificial intelligence has created something very special, and something that
I think could, and might be used in future website designs. Using the
information and creativity from the customers of businesses could first of all,
give the websites up to date data and statistics, to improve the user
experience, and also the art and imagery aspect of 1000 hands could be
replicated in many different ways, if websites were more interactive, it could
increase speed of use of websites, as well as attracting more users, and
keeping more users interested. Responsive designs on websites are forever
improving, and this could be a step taken to improve interactions on websites. The
composition of the exhibition is very ecstatic, with patterns and designs
flying around all over the place, and this sense of freedom replicates the
sense of creativity the users have. Designs are becoming less systematic, and freer,
and this is the same as website design. New designs often use negative space,
and layouts aren’t all formal in modern website design, and this exhibition
supports this new design. This is a similar concept for format. Due to the work
being sporadic and constantly moving, the exhibition is very large, and is
projected onto a circular board, that allows the audience to feel immersed with
the design. Future website design will likely aim to immerse users, to make
them feel like they are a part of the website, to get them involved with the
company or experience, and this exhibition is doing a similar job. The shapes
the doodles create show huge diversity, and this allows for infinite ideas, and
this is the same for website design, and the direction that designers could
choose to follow, but websites can be created in many different ways, for
different uses. The background of the exhibition being black, in a dark room
filled with neon coloured doodles references space being infinite, and the
space on websites is a modern and future trend. Infinite space is used on
website designs today, to make the page feel larger, and free, allowing for a
more relaxed viewer experience. I think this use of space will continue onto
future web design. The 3D form of the exhibition is a modern take on imagery
and animation, of which has continued into modern and will evolve in the
future. The websites of old, and still modern use 2D imagery and designs,
depending on the genre of the website, but 3D is also common. The use of the 3D
models in the exhibition, but also the curved projection makes the piece 4D, of
which could become a reality for website design in the future, for more
interaction, although this would likely be expensive, and perhaps not very
practical. The colours used in the exhibition are the black background, with
the neon and bright coloured strokes of the drawings and creations. This is a
very clear contrast, and puts the emphasis on the drawing and doodles. This is to
show that the audience’s creations are really important to the exhibit, and
this is what universal everything wants to exaggerate. The use of colour can
make a websites very distinct in terms of company, brand or type of website. I
don’t think colour will ever change that dramatically on website design,
although the trends have turned from shaded colours, to most recently simplistic colouring,
so perhaps a more detailed colouring era could be next.

 

 

 

 

 

 

 

 

 

 

 

Figure
4- 1000 hands exhibition

 

                                              

Conclusion