Tuesday, 1 December 2009

CSS Mess!!!

Well i am now well underway with my website project. Although my page is looking quite nice and is actually working in all browsers with no errors my coding is a mess!!
I am now struggling to actually see what does what, which is making it a nightmare for editing! But nevermind!

Friday, 20 November 2009

Design Exercise 6 - Resizing

Today's seminar involved creating two separate layouts that were both 'fixed' and fluid'.
The fixed template meant that when the page was displayed in any browser on any resolution it will always be the same size and look the same.

The fluid layout meant that when the browser window size or the resolution was changed the content of the page also changes. When the window is widened the text/images also widen to fill the page. When the page is made smaller, the text/images moves to fit on the screen.

Below are examples of fixed and fluid pages along with the codin
g.

Fixed:


Fluid:

Friday, 13 November 2009

Website Banner

So for my first term website project I have been given the task of creating a 5 page website about a building/Environment of my choice. For this i have chosen to do Rochdale AFC's football stadium 'Spotland'. After creating my wire frame my next task was to create the banner for my website . This will be displayed at the top on all of the pages of the site.

Unharmony and Harmony Colours

The final task of the seminar was to create a basic piece of HTML coding to portray the feeling of Harmony and Unharmonay using two different colours.
The two colours i chose for unharmony were red and a lime green colour.


The two colours i chose for Harmony were two blues.


Here is the coding that made all this possible!


Logo Colour Changes

The nest task that involved colour was to pick a couple of logos/brands that we liked and then to change the colours on them to see what affect this had. I decided to use two Internet based company logos. I used Facebook and YouTube.


Changed to.....



My Other logo was Youtube.
The two logos i chose are two of the most recognisable brands on the Internet. The logos can be recognised globally along with the colours they use. The Facebook logo, is clean and fresh, the blue looks good next to the white and is not too overpowering. I changed this by altering the blue to a red colour and also the white to black. This makes the logo stand out a lot more, i feel the colours contrast well but doesn't really create a good logo. In my opinion it makes the logo too dark.
With the YouTube logo i only wanted to edit the main colour, this being red. I changed this to a lime green colour. It gives the logo a fresher, cleaner feel.

My Favicon

So after having this blog for just over a year, i finally got around to adding my own favicon to the website. Due to the small size of the favicon (32x32 pixels) i had to have something very simple.
I decided to simply create a logo just using my initials with two simple colours so that it would be easily visible.
I uploaded this and then inserted some code into the blogger HTML so that it would display correctly.

Colour Wheel

During today's seminar we were set a couple of tasks all based around colour. The first of these tasks was to find a Colour Wheel of some sort that we were going to use for the next tasks and also for our main website project. I chose the colour chart below. I think this specific chart is especially useful because all of the HEX codes are listed with the colours. I can use this when working on my website.

Wednesday, 4 November 2009

Website Wireframe

This is my first draft basic homepage wireframe for my Spotland Stadium Website. I wanted to keep the page quite simple and easy to use. I have chosen to have a navigation bar across the top so the user can easily navigate through the site. The content of each page is layed out similarly in columns.
I am going to have 6 pages to my website, these being:
  • Home
  • Gallery
  • About
  • News
  • Contact
The benefit of keeping each page mostly the same is that the user knows where everything is on each page and how to navigate to each object/page. The Gallery page will consist of a different design in order to accommodate a scrolling gallery feature.

My Building:Structure:Environment Choice.

From my shortlist of three Environments i decided on using Rochdale AFC's football stadium 'Spotland'. It has become a very important place to me ever since i first attended a Rochdale game.

I was a season ticket holder at Spotland for 8 years and have been through many different emotions watching Rochdale play.
Following Rochdale has taken me all around the country to different football grounds but non of these have quite the same feeling and enjoyment that Spotland has.
The ground has undergone extensive development within the last 15 years and has changed dramatically. The ground is now all seated apart from The Sandy Lane end which is situated behind one of the goals. I had my season ticket in the Pearl Street stand which is also behind the goal, in my opinion the best stand in the ground not only for facilities but also for atmosphere.

Stadium is situated on Willbutts Lane in the Spotland area of Rochdale. Spotland has been the home of Rochdale AFC since 1920 when there was only one stand. The stadium is now shared with the local Rugby club Rochdale Hornets.

I will base my website around the whole stadium rather than just one specific stand. I am going to have information about the stadium, stadium news, a gallery page and also a map of where the stadium is.


Monday, 26 October 2009

Building:Structure:Environment.

For the Interactive Media module design exercise we were asked to think of a building, structure or environment that i could use for my Term 1 project. It was suggested that the building should mean something and be personal to me, this is to ensure that i can find enough material on the subject.

I came up with a few places that are special to me and am yet to de
cided on the one i am going to use.

The first one was Rochdale AFCs' football stadium Spotland. I have had a season ticket for 8 years at Rochdale and have seen some very good times and also some low points. I have also seen the ground been developed and changed as the years have gone on.



The second thing i thought of is the East stand at Newcastle
Uniteds' St James Park ground. This is where i went for my first football game. I have always been a Newcastle United supporter but i live too far away to get to the games so i rarely get chance to visit. I chose to use the East stand as this is the first stand i ever sat in at the ground.



The final one i thought of was a local park called Snig Hole Park. I have chosen this as i spent an awful lot of time there when i was younger.

Joel Schafer: 'I'm into minimalistic clean design'

Joel Schafers' interview is much different to Dan Saffers'. He answers the questions much more directly and precise.
He starts by talking about his work process, reading is listed as the first thing he does along with looking through other websites and award sites. He also outlines the importance of getting ideas down on paper before proceeding with any design work.
He goes on to talk about how he has made mistakes by rushing into projects in the past and that he now takes quite a while before actually starting the design work. I think i am quite similar to this in that it takes me a while to layout what i am going to do and how i am going to do it.

He gives the following advice to beginning web designers.

- Check award sites for inspiration.

- Read as much design magazines as you can.

- Find some good boards that can help you if you get stuck with a project.

- And always make a manuscript before you starting to produce.

I think this is good advice and i will be adopting this when i start my own web design projects.

Dan Saffer: 'Interaction design is an applied art'.

After reading through Dan Saffers' interview i got the impression that he is extremely passionate about his work.
I found the interview interesting and believe the piece to be extremely informative. At the start of the article Saffer highlights the importance of getting the correct balance between self-teaching and design-education. He also outlines the importance of understanding the medium you are working in, he links this with programming and scripting. This particular point relates directly back to me for my work for the Interactive Media module.
Saffer goes on to talk about what he believes to be the core elements of an interaction '
Usefulness, usability, and desirability. If your design fills a need in people's lives, works well, and looks beautiful, you've got design gold'. I think this is an excellent way of looking at a design.
He talks a lot about what inspires him and also how he keeps at the top of his game. He takes inspiration from many different sources, claiming that he sharpens his skills by reading RSS feeds.

The way to become a great designer is to learn as much as you can and put what you've learned into practice by designing a lot.


This is how Saffer ends his interview. I think it kind of sums up the article. He stresses the importance of both self-learning and being taught things throughout the interview, this twinned with practice is the best method of success.

http://www.designinterviews.com/interviews/interaction-design-is-an-applied-art

Sunday, 25 October 2009

Journal Task: User Generated Content

For the Interactive media module we were asked to identify and write about three different websites that are run on user generated content.
I decided to use websites that i have used before or a site that i have a particular interest in.


The first website i decided to use was an Xbox 360 website. The website has quite a simple layout and has a navigation menu at the top which has four basic sections. The site has been set-up so Xbox 360 users can log on and share with other users their own experiences on the console. There is a forum where users can discuss the views and opinions on certain Xbox topics. It also acts as a sort of help centre where people can help each other out if they are havi
ng any problems with the console or games. There is also a guides section, this is where users have written about how to do certain things with the Xbox. Other sections are about upcoming games and also a section to upload and share videos.

www.xbox360forum.com

The second site i decided to look at was a site that i visit quite a lot. As a Rochdale Football supporter i like to visit the unofficial website where different fans can all share their views and have their say on any matter related with the club. This site not only acts as a forum but it also has a lot of data and information from other clubs around the same division and also previous seasons. It archives all the different players that have played for the club and has detailed bios' on them. It allows users to write their own match reports and reviews and also vote for how well players have done. Another feature of the website is a prediction league, in which users can predict the score and goalscorers.

www.rochdaleafc.com

The third website that i decided to use was Tutorialized. I stumbled upon this site last year when completing certain aspects of my work. This is a site that allows all different users to view and upload tutorials on different computer software. There are many different types of software that have tutorials ranging from MS Word to 3Ds Max. It allows users to upload both written tutorials and also video tutorials. Different users can then rate the tutorials and can also comment on each one. I personally found this website extremely useful and will also probably use it this year.

www.tutorialized.com

Map Of The Internet

As a group task we were asked to create a map of how we perceived the Internet. We thought of the most popular and most influential sites on the web at the moment. We then organised these into a hierarchy as can be seen in the image.
The start of the map was Google and it went down to sites like Yahoo!

Wednesday, 14 October 2009

XBOX LIVE!!!!

After 2 years of playing offline i have finally got Xbox Live back on my console!!
Ive bought myself a new Xbox and got myself some new games so thought it all made sense!! Bring on the late night gaming!! Probably mostly with my housemate in the room next door!!

Username - Joey428
Add me if you fancy a game!!

Friday, 25 September 2009

AudioVisual Element For My Identities Module

iPod Touch

Ive recently invested in an iPod Touch. I decided to upgrade from my Product Red Nano that i bought with my first paycheck from work! I needed more space than the 8GB and thought the iPod touch would be the logical option.

I realise the Touch is somewhat old news but thought i would share my thoughts on it nevertheless. I have always admired the design of the iPod and Apple products in general. I have followed Jonathan Ives' work at Apple for a few years now, ever since i did a case study for GCSE Product Design. I like the simplicity of the appearance yet admire how complex the technology is.

I think the interface of the iPod Touch is amazing and love the touch screen. I think the OS is very impressive and i have had no problems with crashing, freezing etc. I was however disappointed with the extent to which the interface can be customised themes, icons, colours etc. The fact that you could only download Apple approved apps was also a negative, because of this i decided to jailbreak my iPod, this gave me a lot more freedom to customise the iPod to how i want it.

WiFi is a fantastic feature and has become extremely useful for quickly checking things out on the web. The web based apps Facebook, MSN, Google Maps, Email etc are very convenient to have to hand.

Better way to spend 200 quid?

Identities Showcase

This is the showcase for my Identities Project. This will be where all my different elements are situated, this scene will act as a kind of homepage for the project where the user can navigate to each different element.

Identities Avatar

I wanted to spend a bit longer on my avatar to get things exactly the way i wanted but unfortunately i needed to spend time on other things for my project. I wanted to base the avatar loosely on my appearence, mainly with the clothes and hairstyle.

Here are the screenshots.





Its Been A While

Not been on here for far too long now!
Didn't really come on here during the last few weeks of the Uni year because was getting on with my Identities module and had lots to do towards the end. I was pleased with my final Identities project but never got around to publishing any of my work on here so i might as well do it now!

Monday, 9 March 2009

Identities - My Elements

Over the last few days i have been scribbling down different ideas for each of the elements in my sketchbook. I wanted to define exactly what i would be doing for each of the elements. However, this wasn't as easy as i thought and i haven't decided 100% on what i will be doing yet! However here are my ideas for each one.

My Logo is pretty much sorted now, i am going to use one of the ideas that i created in illustrator and then in 3ds Max, although i am quite pleased with the final design I'm not sure it really displays my identity as much as it possibly could - maybe room for improvement there!

My Avatar iv spent a lot of time looking at over the past week. My ideas have bounced around from a footballer, to a game character! I want to try to incorporate these two ideas into one. I think this is the most personal thing i am going to do so this must closely relate to my self identity, this is why i was thinking along the lines of a football avatar!

My showcase is yet another element where my ideas have been scattered all over the place. there are so many different things i can think of for this. This element needs much more work yet!

My audiovisual part of the package is going to involve the animation of my avatar in someway. If i go down the football route i could maybe have the avatar playing football and may be doing kick ups or something like that.

My two elements i have pretty much decided on as well. I think i am going to have a collection of my items that relate to my identity created in 3ds Max, i hope this shows off my personal identity quite well and clearly. Another idea was to have maybe a pixilation project. I liked doing this at the start of the year for narratives and i wouldn't mind coming back to it and doing one for my identities package.

Friday, 6 March 2009

Avatar Research

I have been thinking long and hard about which direction to go in with my Avatar. i want an Avatar that is quite simple but also looks good. I think it is important that whatever design i decide to go with it represents me in some way.

While randomly watching Music channels on TV a few day ago i saw the video for Keanes' 'Spiralling'. I couldn't help but thinking the characters in the video have been made in 3ds Max, they looked quite basic and the movements were very similar to what i have been making my biped do in the program! I liked the look of these Avatars and want to do something similar with mine.

Monday, 2 March 2009

Internet - Sends you crazy!!

Well due to my incompetent Internet connection i cannot upload anything onto my blog/YouTube or any pictures anywhere without going elsewhere. My Internet is sooo slow i cant do anything on it, it barely manages to create a blog post without seeing a stupid error message!

This means to upload anything on my blog i must venture into the library, hence why i uploaded all my work from last week on a Saturday!! Stupid!

Saturday, 28 February 2009

Collection Personal Items






Here is my collection of my personal items. I have laid them out on a chair with my xbox and football boot as the focal point.

I have used my Newcastle United football shirt. I have used this as they are the team i support and feel very passionated about, therefore it is an important thing in my life.

My Xbox has also been included in this. I tend do spend quite a lot of time on this (maybe bit too much!!) So this is also a big part of who i am as i have always enjoyed video games and my xbox is probably the best £300 i spent!!

I have also used a mobile phone in my collection (however this isn't mine because i took the picture with it!). i think its very important to keep in touch with family and friends all the time so having a phone is very important to me.

Ipod/Speaker. In my collection i have used my Ipod and also one of my speakers. I am constantly listening to music and looking for new music i have not heard. When i come into my room there is always music playing and i even go to sleep with my music on in the background.

At the back of the picture is one of my sketchbooks. I am always scribbling things down on something, whether its a piece of paper, my desk or in a sketchbook. I am always thinking of different ideas for things, i don't want to forget these so i then write them down or draw them out! Sometimes my writings are nothing to do with my course or work I'm doing but something completely different that i just liked.

My football boot is at the centre of my collection. I love to play football whether its just for fun with friends or a competitive game. Its a big part of my life and i play as much as i can!

Animated Logo

This is my final logo for my identities module. I decided to animate it just to see how it looked, think it looks okay and i am pleased with my finished logo!

Logo

These are the renders for my Logo for my identities module. I first created my logo in illustrator from my scanned hand drawn logo. I have then imported the illustrator file into 3ds Max where i have added the different materials and colours. I have also varied the background and also the light and shadows to create different effects.









Football - Finished

This is my finished football for my showcase. I added a different grass texture underneath to make it look more realistic as you can now see the blades of grass.

Water Animation

This is my water i created animated. This is done by adding phase to the material that is the water. I think its really effective and looks like real water, this is aided by the sphere which also creates a good effect.

Water in 3ds Max

Another idea i had, similar to the landscape was to have it set on water. This is the still render of my water. I think this looks pretty good when the water was animated. I followed a tutorial for most of the design however i created my own textures for the water, sky and also the sphere! I added the sphere to create the effect of an object floating on the water, therefore adding to the realism. The sphere also reflects the water when its animated which looks good!

3ds Max Landscape

Another idea i had for my showcase was to have a kind of landscape concept. I tried to have a go at doing this myself as i thought i had learnt quite a lot in 3ds Max recently and felt quite confident. I started by inserting a plane and adding a texure, which is a picture of some grass close up. I could then add bump to make it look like hills or more flat. The sky was added by using a gradient material and selecting the colour of sky.


To make the landscape look a little more realistic i added some fog, this is done under the rendering toolbar under effects.

I think the landscape looks good as a starting point, however, much more detail is needed if i am going to make it look anything like being real!

Tuesday, 24 February 2009

Research and Creativity

Research is an absolutely vital part in any design process. I like to use many different research methods in order to competently complete different pieces of work. I use the Internet a lot as it is a great source of varied information. books can also be very useful as some of the information in books can sometimes not be found anywhere else.

The starting point i felt most comfortable with was the In/Front of method, i think this was the best starting point for research from my point of view, think it gives a good base in which to continue from. The starting point i didnt particulary like was probably the behind method, i didnt really feel that the starting point had many beneifts and i doubt i would be using this one in the future.



My creativity has been mainly academically based over the past few years. All the way through school i have always chosen to do creative subjects and courses. For A-Level i chose both Product Design and ICT which were quite high on creativity. For Product Design i was required to think up many different projects from a small brief and develop these to create a final piece. ICT was a very similar concept, being given a small brief and then creating and developing different ideas to get to a final destination.


When going through the design process creativity is a very important quality as the ideas can change very quickly and the development can change paths many different times before things are settled on.

For my main Product Design project at A-Level we were briefed to make a piece of contemporary furniture. The brief was vague so that creativity could be as high as possible. this was much the same in my ICT project as the brief was also quite vague.


I have found however that in the Multimedia course the need for creativity is as high as ever. I have noticed from only the first few months of the course that you are given so much space to be creative and go in a any direction that you choose, i believe this was shown especially during the Pixilation project and also in the Interactive Narratives project.