Friday, 12 February 2010

Social Flicker

Flicker is a social network site bringing together a community of visual imagery and video artist in showcasing there work to the professionals and novices of the visual age.

Flicker has relations with Yahoo which brings in the Yahoo audiance to a new way to communicate to family and friends. Groups can be made up on the site and if its landscapes you like then join landscape group, the list of groups in endless and you can make your own.

Flicker has all the applications like most other networking sites from email, groups, contacts, uploads and contact details/info and gifts.

Flicker Image discription




















Once you have uploaded an image, a page appears to add information in relation to the image.
These consist of:
  • Add Tag
  • Title
  • Discription

On the photo strem you can mouse over the text and change then save, but the image goes to a different page for editing.

Flicker




















Before you upload an image it does state that a video can be no longer then 90secs in lengh or 150mb file size.

On uploading an image you can choose settings to:

  • Set Privacy - Private - Friends or Family or Public
  • Set Safety - Safe - Moderate or Restricted
  • Set Content Type - Photo/Video - Screenshots/Screencasts or CGI/Art/Animation

They also offer a desk top app for windows and mac to upload images and videos quicker.

Wednesday, 10 February 2010

Mouse over Example


With mouse over the thumb is enlarged by 200-200 with a frame and space below to add info in relation to the image.

Gallery_example


Simple layout with templete to enhance image stage, thumb nails 100-100 with black border.

Draft - Example 3


Simlar to previous example but with a themed image navigation below, click on a theme and that theme will appear as thumbs and the same process will apply with a larger image and information.

Draft - Example 2


Example 2 shows thumb images to the right, mouse over without the need to click and the thumb is enlarged to the left with information in a a few lines.

Drafts - Example 1


Idea to bring the Old Photo Album on to the screen.

Friday, 5 February 2010

Colour Schemes


Visual Design












Global Navigation

The global navigation will include links on the Home page and all sub pages. The global navigation will be throughout the gallery site.

Project Structure


Project Content

Home page: The home page will have a short Introduction with basic information about what the site has to offer and how to use the site.

About us: Has information from home page as well as more information regarding galleries online.

Gallery Page 1, 2, 3: The gallery page will be clear and visually appealing to the eye with easy to use navigation to view the images.

Links page: External links to photography sites and other interesting sites regarding galleries and imagery.

Contact Page: The contact page will be for the project only and for the viewer to forward their comments on usability, visual appeal and any other comments that may improve the gallery.
Admin: This will consist of log on to upload images to the CMS.

USER EXPERIANCE

They will be 3 audience groups that will be using this gallery:

Beginner: is a frequent computer user who can navigate through a computer's operating system in order to open, edit and create files. However, the beginner is generally slower at these tasks.

Intermediate: is a daily computer user who feels at ease with the keyboard and mouse. The intermediate user can quickly and easily navigate through the computer's operating system as well as open, edit and create files. The intermediate user is willing to explore the use of computer technology.

Advanced: user is a daily computer user who can quickly and easily navigate through a computer's operating system as well as open, edit and create files. The "advanced computer user" already has a solid foundation in a particular program about which he or she is attempting to learn more.

GOALS

I aim to raise awareness that a simple CSS designed gallery can have the same effect visually as most free easy to download templates and have simple to use actions that anyone can access with ease. I intend to achieve a broader perspective on the use of CSS then just building web pages and a clearer understanding with images, dimensions and colour schemes.

ABSTRACT

Online Galleries were originally designed to display art work on a web site. The online gallery is either part of a run business or images to display the artists work or an Individuals personal photography or art work. Although many advances have been made with software to make the appearance and feel of the gallery more appealing, I feel there are too many gallery templates to choose from with scroll bars to special effects to bring the gallery to an interactive state, however, this I feel is moving away from the original use of a simple interface with simple functions to show case ones work or even the most recent holiday snaps. There is a social aspect to galleries where people from all walks of life use this interface to keep in touch with family and friends. This is important for business and communities all over the world.