Tag Archives: 2012

Looking at miltonglaser.com

  • What is the immediate ‘feel’ of it?

 Its clean, simplistic and looks professional.

  • How are images used?

 If you click on ‘The Work’ it loads this page. Each picture is a link which you can click on to see the corresponding design.

I was really glad to see that this website had a large space for the design and a smaller space for the text.

  • Choice of typefaces?

Arial 12

Arial 9

Arial 15

This section is an interview and you can see there is a lot of type. I don’t understand why the designer didn’t at least put a space in-between each question and answer set. Instead its all lumped together which makes it look really unappealing and over-whelming.

  • Navigation – is it easy and straightforward or difficult and frustrating?

This part of the website was really annoying. I was trying to read the type on the designs and the next design kept loading and appearing before I’d barely looked at it. I found this really frustrating.

All images from http://www.miltonglaser.com/

Using the svBuilder

I clicked on New Gallery.

I dragged the three cloud files on to the ‘Add Images’ space and they appeared on the right. I changed the caption of the files to a different name which would be seen by the viewer.

Size of webpage, image source and image sizes are the other options that can be changed here.

I clicked the ‘Customise’ button. The options on the left appeared. I changed the text colour to purple. I clicked ‘Publish’.

Gallery height, gallery width, background colour, text colour, frame colour, frame width as well as the title of the gallery can be edited. The layout of the page can also be edited.

I clicked save.

Here you can see the changes I made.

 

http://www.simpleviewer.net/simpleviewer/support/svbuilder/

Paris versus New York – in graphic form

I love this. The bright colours.

http://www.guardian.co.uk/books/gallery/2012/apr/15/paris-versus-new-york-graphic#/?picture=388659584&index=3

First class using SimpleViewer

html – hyper text mark up language – the elements from which a webpage is built

CSS – Cascading Style Sheets

XML – Extensible mark up language

Audience – students, designers or possible employers.

Index – home page.

Gallery – style

Images – my final pieces

Thumbs – thumbnails

FTP– File Transfer Protocol – Network protocol to transfer files from one host to another.

34sp.com – to buy a domain – cheap – £3.99 a month – one click service for WordPress.

Root folder – where all the files are saved.

Open Source software – Code that is accessible and can be edited by anyone.

Here is the website where I downloaded SimpleViewer. The website tells me that ‘SimpleViewer is a free, customizable image viewing application. Lightweight and easy to use, it features smart preloading, a resizable interface, thumbnail menu and optional description text.’

Quote from ‘http://www.simpleviewer.net/products/

http://www.simpleviewer.net/products/

First of all I installed the svBuilder.air file.

Here is what the SimpleViewer Builder looks like.

Dreamweaver > site > new site. I then needed to give the site a name.

We called this site ‘Simpleviewer Test’. Then I clicked on the little folder icon.

Now I looked for the location where I wanted to save it. I clicked ‘Choose’.

In this case I saved it on my memory stick in a folder called ‘Website’. I clicked the save button.

Then I double clicked ‘gallery.xml’.

Here I clicked ‘Open’.

Here is what the code looks like in the gallery.xml file. Blue text can’t be edited, green text can.

It probably is quite difficult to see but near the top where it says:

title=”SimpleViewer Gallery”

I changed it to:

title=”Emily’s Gallery”

title – Text to display as gallery title
textColor – Colour of text, set as a hexadecimal code.
frameColor – Colour of frame around images, hexadecimal code.
frameWidth – Width of frame around images in pixels.
thumbColumns – Number of columns for thumbnail images.
thumbRows – Number of rows for thumbnail images.
maxImageWidth – Sets maximum width of images in pixels.
maxImageHeight – Sets maximum height of images in pixels.

Now I double clicked ‘index.html’.

Here is what the page looks like.

We downloaded these images from Moodle.

In the simpleviewer_230 file I opened the images file and deleted two files called tall.jpg and wide.jpg. I then put the new images into the folder called ‘images’.

I also needed to make some new thumbnails to replace the old ones. I used Photoshop for this. I made a new file with the size 110px x 75px. I set the resolution to 72dpi.

I opened up the image called Cloud2.jpg and dragged it over in to the new file I’d made. I moved the image around until I got a nice looking thumbnail picture. I then saved the new file in the thumbs folder. I did this for all three images.

I then deleted off the code, from the bottom, so only three lots were left. Originally there was nine lots of code but I’m only using three pictures. I had to be careful not to delete this part from the very bottom though:

</image>

</simpleviewergallery>

I changed the code so it went from:

to:

I should have called the thumb image Cloud2 like the original image. I fixed that after but I don’t have a screen shot for it.

There is also the option of adding in a link and caption.

I will be finishing this work in the next class.

A particularly inspiring design by studio-cuculic.hr

I really like the bright colours and the really interesting designs for the year. It is very eye-catching.

http://www.studio-cuculic.hr/radovi.php?c=3

http://www.korlat-vina.hr/images/cms_gallery_photo/63.jpg

http://www.korlat-vina.hr/images/cms_gallery_photo/64.jpg

http://www.korlat-vina.hr/images/cms_gallery_photo/68.jpg

http://www.korlat-vina.hr/images/cms_gallery_photo/65.jpg

http://www.korlat-vina.hr/images/cms_gallery_photo/66.jpg

http://www.korlat-vina.hr/images/cms_wine_year/1_image.jpg

http://www.korlat-vina.hr/images/cms_gallery_photo/78.jpg

http://www.korlat-vina.hr/images/cms_wine_year/2_image.jpg

http://www.korlat-vina.hr/images/cms_gallery_photo/77.jpg

http://www.korlat-vina.hr/images/cms_wine_year/7_image.jpg

http://www.korlat-vina.hr/images/cms_gallery_photo/79.jpg

Third piece of particularly inspiring design by hat-trickdesign.co.uk – Task 4)

4) Now select ONE designer or company that you find particularly inspiring. Choose THREE pieces of design (these might be separate items or three campaigns of linked items) and make analysis of each of these:

  • Why do you like it find it inspiring?

I like these pieces because they are bright and eye-catching. I like the colour scheme used because it is very cheery. I like the large-scale ‘G’ and ‘5’. The designs really brighten up the area without being ‘too much’.

  • What is the message/purpose of the piece?
My research tells me that these are ‘Environmental graphics and wayfinding scheme’.

http://graphicambient.com/2012/02/17/east-thames-offices-uk/

  • Who is the audience and HOW does it hail the audience?

The audience would be anyone who comes to visit the housing association East Thames’ group headquarters in Stratford and anyone who walks by that building. The staff who work there are also the audience.

  • In what ways would you say it is innovative (if it is) OR why is it appropriate for this piece to use traditional conventions?

It looks innovative to me because some of the designs are really big and bold like the large ‘G’ and ‘5’. The designs are minimal which makes them look modern.

  • Outline the signifiers and how they tell you anything about the signified meaning – look at things like messages, narrative, quality, hailing and anything else that you deduce.

The numbers and letters are symbols so most people will be able to work out what they mean. My research tells me that the brands identity uses sunrises so this is why warm colours have been used.

The cup probably tells us that there is a café near or refreshments are available. I’m not sure what the piece that looks like a rainbow is trying to say. I thought the inspiration was meant to be sun rises, not rainbows.

  • Would you say that this designer or design company has a recognisable style – if so describe why this is, or say why this is not the case.

This piece fits in with the design for the Natural History Museum.

Here is some information I found out about the design when I was doing research.

‘East Thames Offices, UK

by Hat-Trick Design
2008

Environmental graphics and wayfinding scheme for housing association East Thames’ group headquarters in Stratford, east London. Based on the Group’s brand identity theme of ‘sunrises’, referencing the sun rising in the east. Using the principles of light, shade and reflection, a simplified circular ‘sun’ shape and a relevant colour palette, we created an innovative system using reflected and transparent sunrise colours.

Creating ‘glowing’ iconography and wayfinding by bouncing colour from the reverse of signs against white walls of the building provided the base for their scheme.

Transparent colour applied to glazing let natural light cast colour throughout the building.

In addition, applied graphics and installations captured the theme of the ‘sun’, including a 2m clock in the public space alongside photography of local sunrises submitted by residents across east London and clients of East Thames to convey an optimistic and hopeful future.’

Article above from: http://graphicambient.com/2012/02/17/east-thames-offices-uk/

http://issuu.com/lavita/docs/followme__wayfindingbj