Example of a fixed website

Fixed website example, the website is formatted & fixed so the text will not move.

Fixed width (pixel) rather than a percentage (%)

Example of a fluid Website

Two examples of a fluid template, where the user can change the browser size and the webpage will adjust accordingly.

lbiatlanta :: Review

http://lbiatlanta.com/

3d interdimensional rotating rings.

I like this website layout and intresting navigation rather than using the mouse like everyother website, the Ibiatlanta has a nice 3d interface navigated by using the arrow keys and the space bar, alot like the controls of some old computer games.

To select a panel by pressing space, then the website loads the panel effectively zooming in on the tower. The website is very easy to navigate and set out very well and quite simple. I like this website because of the 3d aspect and i see more websites like this as the websites evolve and improve and computers get better and have enough memory and fast internet connections to run these websites.

Quake Live

http://www.quakelive.com/

Quake Live
Quake live is the designed to run on computers running Microsoft Windows, Mac OS X or Linux, the game is downloaded and launched via a web browser plugin. Quake live is a variation on Quake 3 deathmatch, Quake live is all about multiplayer there are no campaigns in quake live unlike 1, 2 & 4. a internet connection is needed to play.

Quake live is free to play, with over 40 levels and 5 game modes, for anyone who likes quake its pretty awesome, there is only a small download the game is hosted on quake live servers and not much space is required on a computer to run the game.

Quake live shows the future and advancements of web appliactaions and games on the internet, and shows how 3d applications can be used within the internet browser like the last website i reviewed.

Another games like quake live is battlefield heros built up a good repuation but when it came to beta testing it got a lot of neagtive reviews. I have played quake live and found it pretty fun and is exactly what i expect from a quake deathmatch.

Links
battlefield heros trailer

Colour Wheel & Colour Combinations

Heres a nice colour wheel


Colour Combinations

Brown & Red



Not the greatest colour combination however it works at christmas.


Blue & sliver



A better colour combination doesn't hurt the eye to look at and has a modern style look to it.

Brand/Logo RE :: Coloured

Change the colours of a brand/logo, how do you feel about the brand now? what associations do they have before and after?

Original BBC logo





Sinister BBC logo



Well the logo now looks more like an evil corparation, its not friendly, it puts fear into to those who look at it. Before the logo looked Respectable very simple, clean and meant no harm to anyone, where as the redesign gives all the opposite impressions.



Original Morrisons logo




Redesigned Morrisons logo



The Morrisons original logo looks nice enough its very bold black standing out against the yellow but also i think quite dated and could do with a redesign bring it into the future. My redesign of the logo does it no favours, infact it makes it look worse i changed the colour to a browny shade of yellow which looks unfresh if your selling food like, beacuse it looks like the colour of moldy banana. Further investigation Morrisons do have another better designed sleaker logo.

Olymipics logo




Olymipics logo Redesign Animated



Well the original Olymipics logo i still don't like and it looks like its from the 1980's a bit like ashes to ashes, but i still think the colours are awful. Ive inverted the colour and animated it so now looks like its having a proper rave.

Website Review :: bandit3

http://www.bandit3.com

From the the fwa website i found a pretty awesome website http://www.bandit3.com/. The website is fully 3d, allowing the user to have a freelook around a 3d environment of a inner city area. The website is set up for promoting bandit3 a kite boarding company, however to someone who has no knowledge of kite boarding could maybe make a vague reference to it but thats about it, first it was not clear what the website was about. Through exploreing & later reading the fwa's description of the website it became more clear.

As i explored the 3d inner city space from a street view it took me to videos of more about the company and other information, there are scenes where the user can look freely around the environment and to go to other sections there is a cut scene which automatically takes you there, this is good not to lose the user in the website but bad because it takes away an element of free looking around and exploring the website.

I really liked this website not for the content but for the environment and thinking about it, it probably wouldn't be too hard to use it in other things, like a tourism webste or in a 3d based game. The models seem simple with pasted texture what looked like photos put on to them so i think the concept is quite easy, overall i liked the website.

Wire Frames

Ive finshed the wire farmes on photoshop and decided on the content for each page.

Homepage - Overview/about
2nd page - News & Events
3rd page - Libary services & features
4th page - Gallery of images
5th page - contacts & links


Pictures included below,

All of them in one image, indivudal ones below this.




Click to see the full image





5


4


3


2


1

Wire Frame Sketch book images

Sketch book Images, digital ones to follow shortly.




First design then second design






Second design explored more with the tab idea, different versions of the design.

Building::Structure::Environment - Online Environments

Online Environment:: Website


Who will the online environment be aimed at?
The website will mainly be aimed at those who are eligable to use the libary, regular users of the libary but also information for new comers as well.

What is the online environment for?
The environment is for users to find information about the libary, it will also promote news and events and include useful information about the libary.

How is the online environment organised?
The website will be oraginsed over 5 seperate internet pages with a background/main template and the user can navigate using tabs in the page (i will post pictures later to explain more what i mean). The website will have 5 sections

• Homepage/overview
• News & events
• Libary services/features
• Gallery
• Contacts links partners
  

How will the online environment be updated and managed?
Probably have to be updated weekly or daily depending on the frequency of news and events within the libary.

How do you feel about the online environment?
Sure another libary website.

What problems can you see, predict for a online representation of this environment?
Maybe the coding because my knowledge of coding at the moment isn't that good because i'm still learning.

Building::Structure::Environment - Physical Environments

Physical Environment :: Boots Libary

Who is this environment for?
The physical environment is mainly for students & lecturers.

What is the environment for?
The boots Libary main purpose is a libary containing a vast collection of books and information, the environment is provided by Nottingham Trent University to support stundents & lectuerers in the exploration for more information. The libary also has seminar rooms for members of the university to hold meetings and other events there are also lecturer theaters on the higher floors.

The Library facilities at Nottingham Trent University have more than 531,000 books, more than 2,800 journals as well as online access to over 10,000 online journals and nearly 300 databases. If you want to go and study there are silent study rooms, as well as rooms for group study if you want to work with your friends or people from your course. There is also access to computers and the internet 24 hours a day.

* Boots Library is on the city campus and has the resources for the schools of art and design, design, social science, business and law.

How is the environment organised?
The Boots libary has numerical system for the books stored in the libary, the physical layout of the libary.

- Lower ground floor :
Has the majority of print journals
The Information Skills Training Room is used by LLR staff to provide regular training sessions
The Time Out Room

- Ground floor
Reception Desk
NUS card scanners & security
Self service issue and return machines
Computers on the ground floor
Wireless zone
Information Desk
Audio Visual Material section
Group study Rooms

- First floor
Houses the majority of the books
Art & design books and material
More group study rooms
Silent study area at the back of this floor

- Second floor
This floor is a slient study floor
Bigger books live on this floor
Law books & material on this floor

- Third floor
The Third Floor of the building houses the Bass Management Centre and is not part of the Library
This is where the lecturer theaters are

- fourth floor
The Fourth Floor is a large resource area with over 180 PCs and study spaces
Scanners and colour printing facilities are available
4th floor open 24/7

How is the space signposted/ negotiated?
There are plenty of signs around the unviersity pointing to the boots libary, it also right in the centre of the city campus and adjecent to the Nottingham Trent tram stop, can't miss it.

How do you feel about the space?
Pretty awesome.

What problems can you see? predict?
Gaining pictures maybe but then people might get in the way, or there might be angry libary staff, i don't think i will have too many problems gaining information about the libary.