It's Working!
Remotely design-related, now... nr1design.com is finally back up and running... It's W3 HTML and CSS valid, it's very light-weight and it's highly minimalistic...
Ok, I'll admit some flaws... Just looking through the pages whilst cross-browser checking, I did notice that all the titles, apart from the index-file is marked with my co-wo Susannes full name...
Furthermore, I did see some pages referring directly to the old layout ('as you might see in the sidebar to the right...') And of course, the very fact that I need to make an english edition as well as the Norwegian (Have fun looking at the design, meanwhile...)
So perhaps I should give a little hint on the making of the page?
Ok, I'll admit some flaws... Just looking through the pages whilst cross-browser checking, I did notice that all the titles, apart from the index-file is marked with my co-wo Susannes full name...
Furthermore, I did see some pages referring directly to the old layout ('as you might see in the sidebar to the right...') And of course, the very fact that I need to make an english edition as well as the Norwegian (Have fun looking at the design, meanwhile...)
So perhaps I should give a little hint on the making of the page?
The main image on the page (the box of cereal) is actually pretty straightforward... This is how:
First the “logo”, made in Illustrator:
- Draw a simplistic shape - inspired by the 50's motel signs. This source of inspiration is something I can't remember where I picked up, but I'll have to admit it wasn't my idea...
- Type the word (duh!), create outline, drag 'g'.
- Done!
Then there is the more difficult bit, the bowl of cerea... er... the big bowl of nothing! I thought of having letters wrapped up in the bowl, but when I really thought about it, it would actually look hideous...
- Make large, oval, red circle.
- Make smaller, oval, white circle.
- Make bowl-shape of lighter red.
- Make shadow inside white circle.
- Make blue square to see white milk.
- Make funky milkflow.
- Spend one hour trying to mimic shape of milk carton, before giving up and making ugly box with white hole.
- Decide to keep blue thingy, since it adds nice touch.
Open PS
- Make box.
- Mirror box.
- Add white gradient.
The CSS and HTML pages may be downloaded by right-clicking these links:
HTML - CSS
Those files should be pretty easy to understand...
------------------------------
If you're wondering about my funky transparancy-effect - look at this and this jpg... ;) --------
First the “logo”, made in Illustrator:
- Draw a simplistic shape - inspired by the 50's motel signs. This source of inspiration is something I can't remember where I picked up, but I'll have to admit it wasn't my idea...
- Type the word (duh!), create outline, drag 'g'.
- Done!
Then there is the more difficult bit, the bowl of cerea... er... the big bowl of nothing! I thought of having letters wrapped up in the bowl, but when I really thought about it, it would actually look hideous...
- Make large, oval, red circle.
- Make smaller, oval, white circle.
- Make bowl-shape of lighter red.
- Make shadow inside white circle.
- Make blue square to see white milk.
- Make funky milkflow.
- Spend one hour trying to mimic shape of milk carton, before giving up and making ugly box with white hole.
- Decide to keep blue thingy, since it adds nice touch.
Open PS
- Make box.
- Mirror box.
- Add white gradient.
The CSS and HTML pages may be downloaded by right-clicking these links:
HTML - CSS
Those files should be pretty easy to understand...
------------------------------
If you're wondering about my funky transparancy-effect - look at this and this jpg... ;) --------

Leave a comment