Monday, October 8, 2007

References for War Reporter







The above website is the main source for my website's photo gallery. Go there and have a overall look on all images regarding on Iraq war.









As we can see from its home page, it is a website about war because of the picture of a soldier and the title itself. This mode is the one that I am looking for. The typefont should be Stencil font. Overall, it applies masking effects.




From here, we can see that it does not only concentrate on one war story, there are many war stories, up to 7 war stories. Inside each story, it contains three labels which is coverage, reporting and technology, where user can further look in. The information is very well organized, user can easily select the story that he/she interested to go through.




Finally, this website has many information that are very useful for my assignment. Like the video camera and camera that a war reporter uses to report during the war, some details also included. One thing bad about it is that we cannot right-click to download the picture and copy paste the text. We can only print screen.















The background is using picture and add in effects from Photoshop. The body text is seperated by gradiant grey, it gives a effective contrast. It applies very nice shadow and good sound effect.





It rotate the background but using the same picture while changing to another page. The arrangement of the navigation bar is clear and simple. The spacing with navigation and the background are well done.









From the body text, we can see that some part of the background of the text are using transparency. It does not have to be a box with colour fill in, we can play with the capacity.







The art diretion of using picture with graphic is the direction that I want to appy for my website. I can study the style and make a little aninimation, but not following the entire color mode. The colour mode is not suitable for my occupation.
















Monday, September 17, 2007

Reseach - 5 websites

Stardust is a braoadcast producer.On
every page, the title always is on top
left. Navigation is on the left whereas
the body copy of the content is on the
right. Navigation system for this website
is breadcrumbs, from main title to sub-title.
There is a pull-down button on the right to
show Stardust updated news every month.

Kangaroos is a shoe brand. As we can see
from every page, the title is not consistantly
on certain area. The navigation can be both right
and left side which depends on the location of
body copy of content. When the body copy of
content is on the right, the navigation is on the
left. When the body copy of content is on the
left, the navigation is on the right. Copy right
and term & conditions are always at the bottom.
Navagation system is a pull down menu. There
is sound button on top right. The page to page
transition is very interesting.
This is website regarding on a restaurant.
On the homepage itself is very interesting.
The title is on bottom right. The navigation
on the homepage is growing form the center.
The navigation is a tab-stop at the bottom
of every sub-page. The body copy of content
in the center. Copy right and contact info
are at the bottom of every sub-page as well.

SectionSeven is a design agency. The navigation
system is linear path where user have to scroll
to left or right. The title is on top left. The navigation
is in the middle, where after click on it, the body
copy of content will open from the center. Contact info
is at the bottom as well as the monthly updated news.

Obviously Clarks is a shoe brand. The title
is always on top left. The navigation on the
homepage is an iconic navigation. On every
sub-page, there is a list of link on the left.
The body copy of content is in the center.
Copy right and term & conditions are always
at the bottom. There is special display on
top left for clicking on the location icon
at the stock page. The web design is simple
and clear.