2001-03-29

2001-03-29   © 2001-2003 Harry M. Hardjono ramstrong@earthlink.net

Choose Your Browser

Home Page
Journal
2001


2001-03-29
2001-04-01
2001-04-05
2001-04-06
2001-04-10
2001-04-21
2001-04-25
2001-05-01
2001-05-02
2001-05-03
2001-05-04
2001-05-08
2001-05-09
2001-05-11
2001-05-12
2001-05-21
2001-05-23
2001-05-25
2001-05-26
2001-05-28
2001-06-03
2001-06-04
2001-06-05
2001-06-08
2001-06-11
2001-06-12
2001-06-15
2001-06-17
2001-06-22
2001-06-29
2001-07-04
2001-07-05
2001-07-12
2001-07-19
2001-07-24
2001-08-01
2001-08-05
2001-08-10
2001-08-12
2001-08-18
2001-08-19
2001-08-26
2001-08-31
2001-09-02
2001-09-06
2001-09-07
2001-09-11
2001-09-12
2001-09-13
2001-09-18
2001-09-22
2001-09-26
2001-09-28
2001-09-30
2001-10-03
2001-10-08
2001-10-12
2001-10-19
2001-10-23
2001-10-27
2001-11-06
2001-11-21
2001-12-03
2001-12-05
2001-12-07
2001-12-08
2001-12-09
2001-12-10
2001-12-20
2001-12-21
2001-12-29
2001-12-31


  Today, I designed a web page. Since the standard is for HTML 3.2, I purposely forgo any DHTML or JavaScript. I decided to use tables for layout, and some images for flavor. The original idea was a flowing line, surrounding a text area. Unfortunately, I missed the way HTML tables work, specifically concerning row spans. So, plan B.

In the end, I keep the design extremely simple. I made the assumption of 640 screen width 8 bit depth, 14.4kbps or better. Basically, I keep graphics to a minimum, and just for flavor. The end result is mixed. I think it's somewhat of a distraction. If you haven't studied Graphic Design principles, you may wonder why.

Here's why. Traditionally, when you divide a web page between navigation and content, you color the navigation and leave the content white. If you want to get fancy, you'd put a thin horizontal line at the top, separating the header. What I did was to switch the color on opposite section, thereby creating an anti-symmetric look. In fact, with the ratio as they are, they look surprisingly similar to a spiral. I purposely left a thin white space between them.

Now here's the trick. Just about anybody can find the center of the spiral. In fact, your eyes are inexplicably drawn toward it. So it's very hard to concentrate on the content. It's very distracting, yet nothing is blinking, and everything is just static. So, even with just structure, I can force your eyes to focus on a certain spot. In fact, that spot is colorless.

Thanks to the dark color bands, though, your eyes will perceive something to be there. This discoloration phenomena is widely documented as visual tricks. The problem is, it doesn't work. That is, it works on paper, but it really doesn't work on computer monitors. Why? I don't know. Maybe the relatively low-resolution monitor compared to paper. Maybe because it's light, rather than reflected light. I don't know. But I do know that you should see something. Therefore, I manually color the spot very subtly, just like it should. Presto, visual trick.

If you don't know what to look for, you'll be very distracted and utterly confused. If you do know what to look for, I hope you'd appreciate that I did this. Of course, this layout may not stay too long. The effect _is_ rather strong, and very distracting. It is, however, original.