Tuesday, August 28, 2007

The reactions

Positive reactions to the graphics used in this prototype. But how it relates to space is not very clear. I would need to rethink the main objective/focus of the website that would represent "space" somehow.

Eva and Spencer suggested that I change the background of the website. But when I presented the idea that the background would change after each click on a link (a different background for each link of the website = 5 backgrounds), they said to somehow improve the navigation bar to relate more to its surroundings.

So the design of the navigation bar is indeed of redesigning and focus. The idea of the background rolling over the previous one, is encouraged, but the music audio player isn't. Eva suggested that it would be very hard to create with Flash. So I would need to create it with HTML and emboss it into one of the pages (most likely the main home page).

So far, everything about this website is based on flash. But now the idea of using HTML Div tags have been suggested by Eva, which would be useful indeed.

Overall, with my current prototype, I really want to redesign it from scratch. I would love to create something simple and effective at the same time, still built by Flash. I am not sure whether I should keep my digital character as I really like from an artist's POV.

Note: The screenshot I posted up earlier did not have completed graphics aka. the navigation bar is not going to look like that, but be created in that position of the layout. Also the frame of the main text will be changed to be more adaptable to the different backgrounds. 

But this would be thought more of. Till then, here are the results. :)

Sunday, August 26, 2007

Screenshot of 1st concept :)

moar sites oh wow.... Website Design Process 2

http://saizenmedia.com/fubon1/

I love how there is so much interaction within this site! I would love to create a site that allows music to play while loading it (percentage of page loading is a MUST now!) A media player with the a volume control would be awesome.

Also I would love to learn how to make the effect of turning a page with flash. So this would create the illusion of actually being in a fantasy book.

http://eng.s-inc.com/hnaoto/

Use of the black/white/red colour scheme is VERY eye-catching and appealing. Lovely rollovers and photos in advertising their japanese clothes brands.

http://www.beyonceonline.com/

I just found the use of flash elements put into html pages. Very suave but I don't know, this site was a bit of a pain to load due to its data size.

http://www.mikasounds.com/uk.php

Great use of colour and vectors! Clearly represents Mika's cheery personality within most of his songs as they are pop-ish and very catchy. PHP pages but with flash elements too! Very snazzy.

http://www.thebourneultimatum.com/

God, I love this film but its website blows me away. Use of rollovers (look at the codes!!!) and the continuous video background, was very cool and high-tech at the beginning, but after a while it got a bit annoying. Love the use of the timeline on the bottom.

--------

Conclusion:

With these websites as inspirations, I am definitely heading towards making a flash-based website. I am going to put a large photo in the background and code it to transform/translate side to side to the user's mouse movements.

Navigation bar will be on the bottom. Sparkly/glowy rollovers are being created in my mind. The main text area would be like a stage or be a flowery textured framed. My main character would be sitting on the bottom left corner of the website 24/7 and looking cute.

Now, I shall be off to do a PSP sketch of this idea. Wish me luck! :)

Saturday, August 25, 2007

Website designing process 1

Okay, so the theme for our websites have to be on "space." So now i have decided to use this theme on the environmental factor of creating my website.

I have thought of two ways of approaching this. One, would be making the background of the site, continuously moving/rotating as the main area of the navigation bar and information would remain still. Two, making the background stationary as the main area of navigation and data would be moving and interactive to the user's mouse movements.

The pages of the website have been decided:
- Enter page (Splash page)
- Main
- Biography
- Gallery/Projects
- WIP (works in progress)
- Links/Affiliates
- Contacts

What would be in the gallery is still undecided. But currently, it is leaning towards the idea of presenting my past photographic, CG and animation works created in my leisure and university time.

Tuesday, August 21, 2007

Test our braincells!!

Last week we had to create the basis of a website with the given images. My slicing in PS has improved alot but I forgot quite a few things in Dreamweaver. But overall, I think I did okay.

Anyways, this week, hope your head gets better Gianni!!!!!!!

During the weekend, I started to do a few sketches and ideas on what my final website would look like. So far I would like it to be flashbased and graphic-orientated. I would like to include a few of my own personal CGs in this website as a personal touch.

This website caught my eye and sent my heart swooning to see the film soon!

http://www.stardustmovie.com/ Can't wait for it to come out! So much flash and interaction = the awesome.

Also this artist from deviantart. Great photos + flashsite :)

http://www.werol.org/

Wednesday, August 15, 2007

Some websites...

A few good links and inspirational sites I find interesting...

http://www.whitedawn.com/
http://www.vicvic.co.nr/

http://www.arcostudio.com/

all users from deviantart.com :)

Saturday, August 11, 2007

Beginning of Webart&design

Hello! This is Christie Lee. 2nd Year of Design Computing @ USyd. This will be my blog for my elective "AWSS2028 Web Art and Design."

Well, as a start I did my presentation on the website www.crisvector.com. This is an online CV for a Brazilian digital artist. I found this artist on www.deviantart.com as I am also a fellow deviantart member, and a great fan for digital art. He has been an inspiration to me for some time and so this was a great opportunity for me to present to the class some of his works.

The layout of the website is very structural and set up to become a professional outlook on this man's digital arts and works. It was designed and created in Flash and the website is capable of being loaded with a slow internet speed and also on different browsers ranging from Internet Explorer, Mozilla Firefox and Safari. This website is very convenient and capable to set out its purpose of presenting his artworks.

There is an index page that leads the viewer to his profile, affiliates, artworks, references and others. The use of automatic header/footers that labels each of his artworks, and what tools he used to create it, gives a sense of professionalism and clarity towards the viewers. Simple pastel colours for the layout and arial-like font expresses a touch of cleanliness and punctuality in his personality.

The targeted audience would probably be fellow artists and possible future company producers who would look to hire a digital graphic artist and may want to see a few of his online works. The links of "Shop" and "Contact" is always present on the website, under the logo of "crisvector" on the topleft. It being in that position is the first and clearest place for the user to find the links.

I love this website because it is straightforward and it is a representation of how digital art and design can collaborate and create a very professional yet artistic website for all the viewers to see and share in the online world.