Layout: Ultrablack

A total reversal from my previous white and simple layout.

blackwhite.gif

This was designed to represent the previous stage of my life. To show the raw feelings and the roughness that I felt was the central part of that stage. There are no links because the site was designed to focus only on one post at a time. Also, another oddity of that stage. The decision to go with a 1000 pixel width was made after I realized that not many people look at my page in 800×600, with the future veering towards wide screen, I figured I’d try a wide layout to see how the visual effects of text changes. To my surprise, it changed quite a bit.

For example, one lines of text looks really sad in a wide screen setting. It might be better to have a bigger block with two empty lines in order to simulate the feeling before.

The part I spent the longest time on designing this layout? I’d say it’s the background. The interesting fact about the background is that no matter how you crop it. You will always be able to perform a repeat x or repeat y on it without showing any visual artifacts that catch a visitor’s eye. It’s made to repeat, but with enough randomness so that you don’t really register that it is repeated. The feel also differs depending on the size of your cropping. It’s hard to imagine that the background imagine started out as one simple dot doesn’t it? It is my first attempt at texturing the background and I will be playing around with this new way of spanning mashable backgrounds like this in my future layout as well. It ads a certain complexity to an otherwise minimalist design.
I feel like I have to present this to you now before it becomes outdated. I find that the dark and angry scheme unfitting for my personality. It was a temporary mood that spurred some creativity.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>