Website inspiration

For when I create my website which will be a minimal vector site I want it to be like Nick Knights website; http://www.nickknight.com/main.html



and Kenneth Cappello’s website; http://www.kennethcappello.com/

Advertisements

Textured web site design


This is the final design for a textured website homepage. When creating the background I used my own image and wanted to keep a similar colour scheme of pastels and nudes for the whole page/site. This is so my photographs stand out more. I used one of my still life images as my background to my webpage, something I had not really considered before doing this, because I want to create a minimal vector website for my final design, but I am pleased with this effect. I spent a lot of time playing around with different textures and effects on the web page, I went back and changed positions and opacity of buttons. To design my logo I drew this by hand and scanned it into photoshop and changed the levels to create a more sketched effect. I did this because for a textured graphic webpage you need to have more serif font and more illustrative designs involved. I also scanned in some old polaroids and placed my new work where the image was. I like how the old polaroids are rough and off white colour, I think this goes with the background and colour scheme well.  I did two final designs because I originally had finished and then I did not think that the font looked textured enough I changed it to a sans serif font, rather than ‘gill sans’  I was using before.  This serif goes better with the logo and the textured design I do n t like it as much though. For the navigation buttons I created negatives with the title of the navigation on the top, this goes with the photography theme for the website

This slideshow requires JavaScript.


First shoot

I have changed the text I am going to use. I am now using the line ‘Wednesdays child is full of woe’ from the poem ‘Mondays child’. I am only concentrating on Wednesdays child because it goes with the type of images I want to create for this project. I am thinking about creating a series for my final major project so this is a good way to start the ball rolling. I shot on black and white 1600 fuji Neopan film using a Canon SLR with a 24-105mm lens. The location was my house in the north laines, I used my own clothes to style the shoot. I wanted the images to be grainy and dark and I think I have achieved this. I used a few lamps to light the house because it was shot at night.


Web 2.0 Interface

It is different to Web 1.0 interface because it has;

  • More user information
  • AJAX  features – Javascript and XHTML
  • Community websites – e.g. YouTube and Facebook
  • Syndication (information being taken away) rather than stickiness (repeating visits)
  • Wikipedia instead of Britanica
  • Blogging instead of personal websites
  • Participation instead of publishing
  • Examples of Web 2.0 can be seen at http://www.go2web2.net

Creation tools include;

  • WordPress
  • Blogger
  • Flickr
  • Google apps. eg. Google maps, calenders
  • Mulitude of widgets e.g. Local weather, VAT, maps
  • These would be good to integrate into my website to boost hits

Design of Web 2.0

  • Rounded shapes
  • Big bold fonts
  • Gradients
  • Sans serif fonts
  • Pastel colours
  • Large footers
  • Buttons – large and glossy
  • The font is oversized

SIMPLICITY – sums up Web 2.0 in a word

When designing my website I have to keep in mind that I only have an average of 10 seconds to impress and keep the viewer on my page. A good way to reaching a wider audience would be to create an app. for iphones and smart phones so the website is user friendly on smaller screens. To do this I would nee to remove any unnecessary components without sacrificing effectiveness, delete items less relevant to the purpose of  page, because visual activity in these areas will distract attention for the key content and navigation. Jackdaw effect is the term used to explain how people are attracted to shiny bright things over things that are not, like a magpie. When creating my website I am going to take his into account and create buttons that have a shiny effect over them, do this I will use photoshop.

This is the Icon I created  in Photoshop;

I did a few improving my technique and idea each time

This slideshow requires JavaScript.

New Document>choose sans serif font>play around with tracking, I like using camel case (when all the words all pushed together but the start of each word the first letter is a capital, so to differentiate)>use ellipse tool and create a shape of the text>change colour of shape>hold down alt. key and highlight text layer and click between the two layers so they join together and the top layer acts as a mask>add a gradient>add a stoke.



Nadav Kander

Went to a talk to the Nadav Kander talk at Grande Parade held by photoworks. He began by discussing  the work he did for the New York Times titled ‘Obama’s People’ (2008) in which he was invited to do portraits of all of Obama’s incoming administration.

This slideshow requires JavaScript.

Pictured above is the image of the youngest member of the team; Eugene Kang who will be Special Assistant to the President. He was photographed with his little black book becuase this was filled with the numbers he had to call to contact people for the president. He wanted the images to be timelesss so to not date, he told each person to bring along something that they liked or best represented them. I found it interesting how when photographing Hilary Clinton she was very aware of the camera and would not have her photograph taken without her smiling, the image he caught of her is an inbetween smile, an almost happiness to show how feelings for her position under Obama.

He then went on to discuss his latest work;  Yangtze- The Long River. I really liked the images he produced by travelling to China over 5 trips each 2 and half weeks long. He did separate trips because he thought that after too long in your surroundings your becoming used to it and no longer take notice. I agree with this idea, because when I have been travelling myself I found the images I took at the beginning of being in a new surrounding  are a lot better quality in terms of interest and difference to the western world. My favourite is the image of the two ghostly bridges with the sense of foreground and background and the quote Navav Kander got from the local ‘Why destroy to develop’.

I was a little disspointed that he did not discuss any of his fashion photography or commercial work but was overall impressed with his approach to his work in  the way that he does not always have a concept behind it before shooting, but usually discovers what it is after he has shot the work through feedback. I saw similarites with his practise to the way I work so I found it very motivating.

 


Dreamweaver – Creating a Button and an HTML Frame Set

Buttons
In the web page click on Insert>Image Objects>Rollover image you then give your rollover a name, alt tag and browse to locate the Original Image and Rollover Image. For my website I think I am going to use a mixture of thumbnails and text as buttons.

Frame

A Frame set is a container of all the frames it is to generate navigation on your website.  This is my first go at navigation, we did page 1 and page 2 text as a button and when you click on the text the main frame changes and directs to a different page while the navigation bar stays the same.

This slideshow requires JavaScript.

How I  did it (briefly);

  • Create Page 1, Page 2 and a Navigation page
  • Click Modify<frameset<split left frame then resize the frameset by clicking and dragging to what size you want.
  • Create an HTML and names for the frameset eg. Page 1 and Page 2
  • Make sure frames panel is open by selecting Window<frames
  • Set the Target for your links, for mine I set it to Navigation page
  • To link the frames to the pages select e.g Page 1 and drag it to the page 1 in the panel. Make sure the target is set
  • Save the Frameset (it will have a star next to it if it is not saved), then open it in a web browser.