Archive for April, 2009

personal website – designed!

April 28, 2009

I then created this.

I feel that it is very geeky, so therefore explains me quite well!

i wanted to keep the colours very flat and retro.

I have added my name in brackets, making look as if my name were part of a code. the brackets can also be used to cycle thought the site.

There is a sleeve on the left to help you understand which part of the website you are in. this chances colour appropriately.

I divided the content into three sections. I felt this left enough space to fill with content, and is also a nice amount of room to divide sections up.

i have put text on the right as i like the idea of the user viewing the images first, then the writing (going on the principle that naturally people read/ look from left to right).

Below is a short description of my most recent project completed. It has little pictures which can be expanded once clicked on. I have left and empty grey patch to give the impression that things are in progress. I also found that when it was filled in with white, it felt too static (especially when there is nothing in it).

This idea of three container runs thought the design.

I have worked hard to make it all rich content, so that search engines can read it. I have also made sure it works well with old versions of all the browsers. I have also made sure there  is no flash, therefore more accessible (however i am thinking of creating a flash based webstie too).

i have also made sure all images are of small size so that loading time is a minimal. So far, although i dont have too much content at the moment my whole website takes up only 650kb! therefore very quick to load!

I have also created a little fav icon, which i feel works quite nicely as its round.

www.theogulland.co.uk

Advertisements

Personal website – insparation

April 28, 2009

i stared looking around for inspiration.

I really liked this site for its very simple yet affective tabbing system. i really like it how its nice and colorful and simply gives the user a sense of where they are in the website, and where to go!

http://mac.softpedia.com/progDownload/WordPress-Download-7693.html

however i do find that the information above the tabs is a little confusing. It plays with the idea of different depths, which i like however i kinda get the feeling that the main content floats a little too low.

i also liked this design. I feel that its nice and playful. The way that it is designed enables me to add new content very simply. I also like the really like the grey/brown background. i feel that it gives the whiter tables a clean feeling.

I also like the way that the images are placed at the top of cards and then info displayed below. this format feels very natural to read and display.

http://www.creativedepart.com/

although really like this design, i feel that it is perhaps a little to sporadic. i think i like the idea of these cards, however i think i will have a more uniform layout.

This next site is similar to the previous in that it has the same kind of card system. however i really like this one because it has a nice brown menu bar cutting though it all. i feel this really helps catch the eye, which in turn helps with the navigation. I also feel that they have used the space above and blow the menu well, unlike the first website. everything feels alot more connected, i think this is down to keeping to one level, rather than having any perspectives.

Altough this next site is fairly cluttered i really like it how the tabs at the top set a layout.

http://www.devia.be/

I feel that by creating the boundaries within to place content, it has really helped. The user knows where the content is going to be shown, therefore displaying the content for what it is, without any distractions.

The red rollover buttons really help define that its a button too.

I now have to take this insparation and hopefully use it on my website.

Personal website – what to put on

April 28, 2009

After i collected all the work that i wanted to display, i then started deciding what information i wanted to show on the site. And also the accessibility of it.

Below the content that i wanted to put in. also the category that it lies under.

Home – links to other parts of the website. preview of latest work produced, within this would be a main pic and little pictures which can then expand to size of screen. Short description about me and my work.

contact – phone, email and status of what i am up to and availability.

work – three sections, one being a big picture summing up project. Another being a load of thumb nails which expand to full size. Another section with short description of the brief/ how i went about making this work and what for and possible a link to a blog with further description/ visual sketchbook.

links – people i know, things i like or am associated with.

Personal website – start

April 28, 2009

I had to create a website in a rush, as i wanted to have a site up and going in time for the progression exhibition .

i wanted the site to reflect my character. I then started looking for inspiration for my work.

I found many sites that i liked, however i then realized that it was more important to sort out what the content is first, then start considering style.

Progression – final piece

April 16, 2009

Looking back at this project, it seems like I have done many little projects. However I finish with this piece. It is about the progression of deconstructing a physical object and reconstructing it into a piece of work. I have taken apart a particular object, and then drawn that object from the dismantled pieces, mainly taking inspiration from the objects circuitry. This object, if you have not guessed already, is a camera.

I played on the idea that it looks retro, however is made from technology.

cameraportratea

Progression – reusing shapes

April 16, 2009

For this piece of work I wanted to concentrate on the use of shapes and how they can be reused within a piece of work.

Firstly I created this object.
wire8a

I then added other shapes to this shape. I also used the original shape to fill in other shapes. Therefore the image is repeating, within itself, creating this.

wire8a1a

I then added the checks. This inspiration is taken from circuit board patterns.

wire8a1b

I then turned this into another processor like shape, however I did not like this.

wire8bitsa

After realizing I did not like the previous piece of work, I then started looking at the original piece. Once again I saw shapes within the original piece. I then cut out various negative shapes from the original piece.

wire8bits-2a

I then built this object up more, with the original shapes.

shapesa

Finally I repeat this shape to create the final piece. I have made this piece ambiguously float at the top of a portrait page, so to give the impression of a head. I don’t quite know why I did this, however I liked how it looked like an owl.

I feel that by reusing an image over and over, produces a very interesting out come. If you follow the image from the start to the end, it reveals quite an interesting visual journey. I feel that this journey has been made much easier due to the use of technology, and its ability to copy and paste so easily.

shapesalta1

Progression – restriction

April 16, 2009

From the experiences of creating my last pieces of work, I created this piece. I wanted to place dots on the page, then connect every dot with a wire. By connecting every dot with a wire, would restrict me. In doing so, I would hopefully create something visually interesting. The reason why I thought this is because circuit board patterns are made from the connection of two things. The pattern is made as a byproduct of the efficient layout of the circuits.

However, I found this to be rather boring and I could not see a progression in my work from creating it. I preferred the idea of creating something, and using its negative shapes to create something else.
wire9a

However, I did make this shape, which I findd quite eye catching.

wire9offcutsa

Progression – finding images within an image

April 16, 2009

I was please with my last image. However I found it to be perhaps too realistic. Once looking at it for a long period of time I started to see images within it. I then took these images I found in the processor drawing, and made them into another drawing. The first thing I made was a pattern, however I do not think this was successful, as it is far for harsh to look at.

pattern-triesa

I was not too happy with this pattern, however i did find some interesting ambiguouse shapes.

wire6ab

I then found this shape, which I was very keen on. I thought that it looked like a robots head.

wire6ac

This I found to be a particularly song shape. I then thought it would be funny to give him a body. So I did!

wire6ad

Progression – half abstract half realistic

April 16, 2009

I was happy with the imagery from the last image I made. However with this piece I thought I that I would make it half abstract, and half realistic. I have chosen to look at the processor section of the motherboard, for inspiration. This section you can see below.

8a

From this inspiration I created this.

wire6a

I then used this to create this. The shapes made by the circles gives the impression of a processor. I also took out colour, as i found it distracting.

wire6ba

From this I then created a slight variation.

wire6ca

Progression – shapes 2

April 16, 2009

I then produced this piece of work. I took a shape from a circuit board, drew it, and then repeatedly used to make this image. It is a simple abstract of a circuit board.

wires3coloura

I became obsessed with this simple shape. Making many variations of it.

wires4a

I then began to make patters from this shape.

wirepatter1-fullawirepattern2-fulla

This was great fun to make! However I did not really see a meaning coming out of it. However this did not put me off playing with imagery, because I knew, that at some point, meaning will appear from the imagery.