Wednesday 9 December 2009

Finished Website

0 comments
Finally finished my website after a couple of hours of annoying validation errors and fixes. Overall I'm very happy with it :)

JavaScript elements include text size changer, image gallery and a function to remove the background image.

Click the screenshot to take a look.


If you're picky enough to check the validation yourself it will come up with two errors but these are not actually on the website but in some code added by the free host I've used to check analytics or something.

Tuesday 8 December 2009

Lego Advert

0 comments
I'm loving the reappearance of this classis lego advert. Obviously I wasn't born when it was first aired in 1981 but it's as good now as it ever could have been.

Thursday 19 November 2009

Mirificam Press

0 comments
http://mirificampress.com/index.php

Technique, business and worldview for web designers. Applying Christian worldview to a secular vocation, apparently. Whatever, there's some useful articles anyway.

ThinkGeek

0 comments
My friend Kirsty posted this on her blog, but I had to share it too cause it's pretty awesome!

http://www.thinkgeek.com

Look at the background. Scroll all the way to the bottom.

Photoshop Mock-ups

0 comments
Here's a couple of designs I've come up with so far. The first one is based off my original wireframe, and I don't like it too much now. I much prefer the second one.


Monday 16 November 2009

0 comments

Catteries are crap

0 comments
I contacted loooooads of catteries and got only two replies, both of which just said rather plainly 'no thanks'. It's really annoying! I didn't even contact them asking if they needed a website, it was more asking if they would help me out by letting me make one. One which nobody would ever see. Hmph. Stupid..

Therefore I'm going in a different direction, since I have to. A nice leafy green park would be a good subject and I'm thinking one of the following:
  • Titchfield Park in Hucknall
  • The Burntstump Country Park
  • Nottingham's Arboretum
The arboretum is the most interesting of these places I think, but I have more of a connection with Titchfield Park. As for Burntstump, how did the stump get burnt? I can't find out how...

It's a shame it isn't Summer, I would be able to take much nicer photographs of these places if it was sunny.

Friday 13 November 2009

Only2Designers

0 comments

I love the website for visual design agency Only2Designers. It makes amazing use of CSS with a design that is simple but looks so elegant and sophisticated. The only fault I can find is that when the design stretches as the content changes the image on the left side cuts off abruptly.

Edited Logos

0 comments
Colour can greatly affect the way we perceive things and how we think about them. These logos have had their colours changed in order to affect their meaning.





Colour Theory

0 comments
This colour wheel shows the spectrum of colours and whether they are primary secondary or tertiary.



From this you can see the following :

These are complementary colours, and are seen on opposite sides of the wheel from each other. When paired together they can look attractive or dramatic depending on how they're used.


I have always been a fan of the combination of purple and yellow, I don't really know why, I just think it's nice.



The colours on the right are harmonic or analogous colours, and sit next to each other on the colour wheel. They are similar shades to each other and so will go together well. When thinking about design, using harmonic colours can result in an aesthetically pleasant theme which will flow together.

Wednesday 11 November 2009

Catteries

0 comments
I'm pretty sure I'm going to make my wesbite for a cattery, but of course it has to be a real one, which is causing a bit of a problem for me right now. I've got in touch with some about creating a website for them and had no reply, which is pretty annoying. Obviously it doesn't really matter if they want a website or not since it doesn't have to used, but since I need to do research/take photos etc. I don't think they'd appreciate it if I just turned up and started snapping away.

It's funny, you think they'd be eager for a new one after looking at this or this. Ha.

HTML vs. CSS

0 comments
I don't think it's too hard to guess who the winner will be. Click the link/screenshot to see the actual site.

Website designed using HTML with tables



Website designed using CSS



It's obviously an incredibly basic layout anyway, so neither of them are great, but the improvement from tables to CSS is pretty clear.

Wireframes

0 comments
Even though i don't know what my wesbite is about yet here are some wireframes for what the design could look like.





























Monday 2 November 2009

my website...

0 comments
I don't think I can do it about a toilet... Maybe one day a website about public toilets that isn't a directory can exist, but I don't think that day is today.

So yes buildings are boring. But maybe I could make one less boring by making a fabulous website for it. Shame we can't make it about an imaginary place, I would gladly make the website for my future comic book store/coffee shop.. But saying that, perhaps I could make one for one of my favourite shops in Nottingham, Page 45. They do have a website but its been under construction for a while. Another idea is to focus the project around something I love; cats. Of course... There are quite a few catteries in Nottingham, but most of them have pretty awful websites.

Whatever I'm doing I think I should make a decision about it sharpish.

Nick Joore

0 comments
http://njoore.com
This website is really cool! It's the portfolio of a games progammer/3D artist, and the whole website is built like a game itself. This is a great creative way of showing off your skills to prospective employers who may be visiting the site. Rather than just listing things the designer has done like on a CV, you can see first hand what he can do incorporated into the design of the website. The site is built using Flash, and even starts off with a target shooting game for you to play while you're waiting for it to load. Once you're done with this you reach the main site, a 3D modelled airship which contains the navigation for the website within itself. The user can explore the ship by clicking on different areas of it, thus allowing them to find out more about the designer. To visit different areas of the site the user presses a map and chooses where to go, which results in the airship flying to different islands (accompanied by music a la Top Gun). The downside to this website is that I imagine it would take a long time to load on a slow connection, but I suppose this does not matter too much as the target audience for this site (employers, creatives etc.) will generally have a fast connection.

Tuesday 27 October 2009

The Natural Confectionery Company

0 comments

I really like this website! It's cute with a fun design and also fun content. Go take a look!

Also:

Monday 26 October 2009

Java Jive

0 comments
This cute little animation depicts the life of a coffee bean in 1 minute and 54 seconds. Created by Kristyna Baczynski, all the visuals are hand drawn then coloured in Photoshop, before being edited in Final Cut. The animation won first prize in the digital media category of the Northern Design Competition. I love the music too :)

Building, structure, environment?

0 comments
I've been thinking about this on and off since the task appeared on the NOW, but my ideas are all really vague at the moment... I don't want to take on this brief too literally and make a website for some boring old building like a shop or a restaurant. Well I guess it depends what kind of shop or restaurant it was. What I think I mean is I don't want the website to just be plain information, 'about us' 'where to find us' 'history' etc. I want it to be fun, interesting and have some kind of user input.

Toilet?
The first idea that sprang to my mind was a public toilet, in a nightclub or something. I don't know why. Maybe it's a bit stupid, my boyfriend certainly gave me a funny look when I told him the idea... But I was thinking about those sites that post pictures of people in nightclubs, like tilllate.com, and maybe the same concept could apply to the toilets in the club? It would be more interesting if taking pictures of random people didn't require their consent, as I'm sure you could get some funny stuff, expecially towards the end of the night. Haha.

Byron's Grave
Lord Byron is buried in my hometown of Hucknall, and it's always been a bit of a shrine to me and my friends. I would love to make some kind of tribute to this in website form but I'm not sure I could do much without just going into the history of the poet, which is nothing original.

Other than that I don't know at the moment. I'm really quite hung up on that toilet idea...

Crappy Cat!

0 comments
http://www.crappycat.com/

Go here! I love it! You should too!

Saturday 24 October 2009

Three Examples of Design with User Input

0 comments
Odosketch

Odosketch is a free-to-use website from design agency Odopod that allows the user to draw anything they like and submit it to a gallery. The drawing process is recorded, so the viewer can see exactly how the artist got from a blank canvas to a finished piece of work. The interface is very easy to use as it only has the one function, which is accessed by pressing the button on the homepage which says 'Create a Sketch'. Browsing other people's sketches is also easy as there are some displayed on the home page with options to look at more. The website is also very nicely designed, using a light colour scheme with pastel colours and cute images. Personally I really like this site, both in content and design, and will probably use it myself now I know about it.

Nigella.com/recipe

Aside from being chef Nigella Lawson's personal website, this site has a rather good recipe section that allows users to share and review recipes. There are lots of recipe sharing site on the web now but I think this one has a more attractive design than most. Users can search or browse for recipes in a few ways; by clicking 'inspire me' to get a random recipe, picking a category such as indulgent or romantic, or by simply searching using keywords. I believe there is one annoying issue with the navigation on the site, when displaying the list of recipes. When the list comes up it has links to pages 1, 2, 3, 4, 5 then Next 5, so you have to click this to get links to page 6, 7, 8, 9 and 10. I think this is unnecessary and just plain annoying. The colour scheme for the site is simple and attractive, using white and orange for the recipe section of the site. Each section has a different colour representing it, forum being brown, book being blue etc. Overall it's a clean-looking attractive site that is easy to use.

Gumtree

Gumtree is a classified ads site that has a homepage for different cities across the country. It's free to use and has lots of different areas to post ads in; jobs, flats and houses, stuff for sale etc. I use this website quite a lot to find things in my local area and as a user I find it simple and easy to use. This is vital in a website like this, as it is designed to be used by anyone and everyone. The design is simple using mostly text and not many images, though I find it more attractive than the site craigslist.org, another classified ads site. I think this helps towards the usability of the site, as when I saw craigslist.org I found the wall of text quite intimidating at first glance.

JavaScript

0 comments
Here are some of the JavaScript programs we've been working on.

Adding VAT to an Amount
<script language='JavaScript'>
a=parseFloat(prompt('Enter cost',0)); // ask user for amount to add vat to
cost=a; // set variable cost to the amount entered by user for a
vat=cost*17.5/100; // set variable vat to the amount of cost multiplied by 17.5 and divided by 100
document.write('£',cost,'+VAT at 17.5% =','£',cost+vat); // write sum of cost and vat to screen
</script>

Adding Numbers
<script language='JavaScript>
a=parseFloat(prompt('Number to start from?',0)); // ask user for number to start adding from
b=parseFloat(prompt('Number to stop at?',0)); // ask user for number to stop adding to
count=a; // set variable count to amount set by user in a
sum=0; // set variable sum to zero
while (count<b) { // while count is less than the amount the user entered for b do the following
count=count+1; // add one to the amount of count
sum=sum+count; // add the amount of count to the amount of sum
}
document.write(sum); // write amount of sum to screen
</script>

Creating a Slash made of d's
<script language='JavaScript'>
a=parseFloat(prompt('How many rows?',0)); // ask for user to input number of rows
row=0; // set variable row to zero
while (row<a) { // while row is less than the number inputted by the user for a do the following
space=0; // set variable space to zero
while (space<row) { // while space is less than zero do the following
document.write(" "); // write a space to the screen that the browser will not ignore
space=space+1; // add one to the amount of space
}
document.write("d<br>"); // write the letter d to the scren
space=0; // set variable space to zero
row=row+1; // add one to the amount of rows
}
</script>

Second Year

0 comments
I haven't written anything in here since I started my second year, which is pretty shameful as its been two weeks now. My excuse is swine flu. Or flu at least. Anyway, I think it's going well so far, I'm enjoying the IM Pathway and am looking forward to starting my projects. I even quite like doing the JavaScript, which seemed rather scary to me at first. I've been thinking about ideas for the first project but I'll talk about that soon.

I like this

0 comments


Most people may have seen this, but if you haven't you should!

Monday 18 May 2009

Identities - Finished!

0 comments
My final box can be found at http://jennoefur.itriss.com/pages/box.html, so take a look if you fancy.

Friday 15 May 2009

Identities - Animation

0 comments
Flash animation for my identities box, go see it here!

Identities - Avatar

0 comments
Final render of my 3D avatar

Monday 27 April 2009

Killer Fish II

0 comments
I fixed the video of my Killer Fish animation and re-uploaded it to YouTube. It now has some cheesy background music! Thanks to http://www.pacdv.com/sounds/index.html


Identities - Avatar

0 comments
I've been creating my avatar, someone slowly (stupid program), which is a 3D representation of myself. I decided I didn't want it to be realistic but rather cartoony instead. After trying and failing with different techniques in 3Ds max I finally came up with something. It's not finsihed yet but here's some shots of it so far.



I rather like the hair! I'm going to give her a lovely dress and put her in a nice grassy environment with lots of flowers.

Identities - AV

0 comments
So for my piece of AV work, the interview with myself, I've decided to write up a short script. I'm a terrible actress so I hope it goes alright.. Anyway, here it is.


Q: Hellow and welcome! How are you?

A: Great thank you

Q: First of all, what’s your favourite band?

A: I hate it when people ask that. I like lots of different bands and lots of kinds of music. I think by having to choose just one you’re kind of putting a label on yourself.... But if I HAD to choose I suppose I’d say The Smiths.

Q: They're one of my favourites too! Any favourite songs?

A: This Charming Man is one of my favourite songs of all time, though there are loads of others

Q: I hear you have a bad memory, is that true?

A. Oh, it’s not that bad, I mean sometimes I... Um... Sorry what was the question again?

Q: Er never mind, let’s move on. If you could be any animal what would you be?

A: Definitely a cat. It would be cool to be a lion or a tiger or something but I’d be content with being a housecat. You get to lounge around all day, sleep as much as you want and all the food comes to you. And you look pretty of course.

Q: So cats are your favourite animal?

A: Oh yes.

Q: Mine too! So here's a question for you, if you could invite five people, anybody you wanted, to a dinner party, who would you pick?

A: Gordon Ramsay, James May, David Bowie, Claire de Vries and Bear Grylls

Q: Where do you see yourself in five years time?

A: As a crazy cat lady!

Q: It's been great talking to you, thank you!

A: Thank you!

Wednesday 22 April 2009

Identities - Animation thingy...

0 comments
Just a note to say I've finally decided what to make for the last item to go in my box. I'm going to make a Flash animation about flowers growing... Just something simple and pretty. Like me. Haha.

Identities Box

0 comments

This is the actual design for my box as it looks at the moment. Click the butterfly and voila... You go somewhere.

Thursday 19 March 2009

Final Website Layout (I think)

0 comments
I think this is going to be my final website design! I like the grass :)

Website Layouts

0 comments
Here's just a few website designs I've come up with.



Spoon...

0 comments
I made a 3D spoon. How useful and interesting...

+GOOD

0 comments
Just a quick post about a web design company I found, +GOOD. Go see their website at http://www.plusgood.co.uk/ because it's awesome! I actually wrote about this company for our last essay, and thought that I should probably share it here. The design for the website is like a virtual map, and the user travels to the different areas by answering questions and choosing where to go next. I think it's a really clever and innovative conccept, and it works really well.

Tuesday 17 March 2009

0 comments
Just some more logo designs.




Whats in the box?

0 comments
Okay so I've been working on this project for a while now, so I suppose I should outline some specific ideas for whats going in it. I'm going to go with a nature-themed interactive box, and this theme should apply to all of the elements included. I have decided upon this because I feel it will reflect my identity well, I love nature and consider myself a very natural person. Now that I've come to this decision I have created another moodboard to help me with my designs.


The different elements included in this digital moodboard reflect my identity in different ways, while all retaining the nature theme I'm going for.

With these points in mind, I feel I can now clarify what the different elements in my interactive box are going to be -

1. Logo - As shown previously, very simple, using the name Jennoefur. Image of a flower drawn very sketchily.

2. Avatar - Me in a field? Sleeping? Having a picnic? An animal? A plant? I don't know!

3. Audio Visual Element - An interview with myself. I will film myself both as the interviewer and interviewee then edit the film to make it seem like I am answering my own questions. I will be wearing different clothing as the interviewer and interviewee, possibly outfits reflecting different sides of my personality.

4. Website - A website about me, including a portfolio.

5. Interactive - To be honest I'm not entirely sure about this right now. I might create an interactive story using photos or short pieces of film, or I might make a Flash game of some sort.

To coincide with my theme and other elements, I've decided upon the meadow idea for the actual container of my interactive box.

Identities - Ideas

0 comments
I've been thinking for a while about the actual design for my interactive box and I've had a few ideas, so I guess I should be writing about them here right?

1. Creepy Castle
An interactive Flash movie which allows users to explore a dark and creepy castle by clicking on different doors, e.g. great hall, dungeon etc. Each door would lead the user to a different element of my interactive box.

2. Peaceful Meadow
Another piece of interactive Flash. An image/digital drawing of a peaceful and beautiful meadow, possibly on a Summers day. Different elements of the scene would be animated, for example a bird flying overhead, or a cat leaping through the grass. The movie would play without any instructions and at first seem like it was just a piece of animation. Only by moving the cursor over the different elements of the movie would the user discover the links to different parts of interactive box.

3. Confusing link-crazy website
Much like the hypertext website Singaporeasy, or the baffling Mouchette.org. A website using both text and images as links to take users to the different elements of my interactive box. This method would have the links in seemingly random places, be rather hard to navigate, include nonsensical information and may not even look very attractive. Sounds crazy! But it works for these guys, and makes the website memorable.

4. Chapters of a Book
An interactive book created using Flash. Probably a huge old-looking hardback or leather bound book, like those seen on bookcases in old libraries. The user would click to open the book, which would contain an actual story. However, by clicking certain hidden words in the text the user would be led to different elements of my interactive box.

Logo stuff

0 comments
I've just been messing around with some stuff on Photoshop and Painter to come up with some designs for my logo. Originally I was going to name the stuff in this project (logo, website etc.) Catzilla, but I've now decided that as much as I like cats I can't let them rule my work! So I've decided upon them name Jennoefur, my own long-term nickname.

Anyway, here's some stuff.

Typography cat.

Just some doodles for original Catzilla idea

Trying out some different fonts. Generally I'm a fan of a nice, simple sans serif font, but I thought I should experiment with a few different kinds. I like some of the decorative fonts, but I'm still not being swayed from a lovely Century Gothic...

Here's a few doodle experimenting with a flower design for my logo. Possible a tulip, my favourite flower, though very sketchy or cartoony.


Here I was just trying out some of the different brush types available in Painter X. I want a kind of sketchy feel to my logo, as if it's been hand drawn.


Some initial concepts, possibly substituting the letter J for the flower's stem.

Monday 16 March 2009

'Quality not quantity'

0 comments
I found a nice little flash video on the website for a design company called Logo. It shows the different designs thought up for a logo for a company called Midas Homes. I'd embed it if I could but I can't, so see it here.

As you can see, there are many different concepts thought up before the final design is created, some good and some not so good, but all better than the original in my opinion!

Animated 3D Man

0 comments
iForgot to post this when I made it, but here is an animated version of the previously created 3D man made using the biped thingy in 3ds max.

Logo Design

0 comments
In order to help myself with the design of my own logo, I feel it is important to look at some already existing designs to see what they're like and what makes them successful.


This images depicts the well known logo for Jaguar, a car manufacturer. It is instantly recognisable, and not only for the name, as people would still know the company this logo represents from seeing just the image of the animal itself. This is down to the simple yet effective design of the logo. It is memorable, easy to describe and works well without colour, rules that are essential to logo design according to Just Creative Design. Although it could be said that an animal and a car are completely unrelated things, it is fairly easy to see where the connection has been made by the car company. A jaguar is a powerful dangerous animal, and the company is trying to give off the same impression about their cars. Overall this is a very successful design for a logo as it has worked effectively for many years and I believe will continue to do so for years to come.


This is the Nike Swoosh (or tick as it is commonly known), a logo that few people will not recognise. Although here the company name, Nike, is not shown, it is pretty much guaranteed that anyone who is shown this logo will know the company it represents. It is a simple, memorable and easily described logo, rules which I mentioned earlier. Also, though it is shown here in orange, it is often used as a black or white image, and can easily be converted to any colour. The logo's effectiveness is reflected through it's long-term usage, originally being designed in 1971 and still going strong.

YouTube is a company that has been around for considerably less time than the previous two companies mentioned yet it has already because a successful and globally recognised brand. The website, which allows users to upload and share their own videos with others, reflects this purpose through their logo. The red box encasing the word 'tube' represents a television as this basically what the website makes your computer into, a television. The logo is very simple, being made up of really just the text, though I suppose you could say the red box was an image. This makes it very easy to describe to others, and also makes it memorable. It would be very easy to adapt the logo to other colours, though this has not yet been attempted by the company. Overall this effective logo has been very sucessful, and may have played a part in the overall success of the company itself.

Thursday 26 February 2009

Mushroom mushroom...

0 comments

I made the simplest thing ever in 3Ds Max... A mushroom! And even that seemed difficult to me...

Thursday 19 February 2009

Cars

0 comments
More 3d stuff, some cars this time. I didn't actually model the car, just made the textures on them in Photoshop.
 
Copyright 2010 Meow