Blog Posts for Web Design & Layout



“A History of Web Design Over the Past 20 Years”

The blog post on celebrated and covered the evolution of web design since it was created in the early 1990’s. The illustrations used to show were different colored bubbles based off of the different time periods and advancements in web design. What is crazy to htink about, while looking over the different colored bubbles is that the web has only been around since I was born. Hard to believe!

What’s even more fun to see is while reading through the bubbles, I recognize and identify the different stage the web went through. From websites that allow users toreate their own websites like Angelfire or Geocities, to the early 2000’s when MySpace was first developed to the late 2000’s when HTML5 came, Web 2.0 and interactive apps, and web sites were more prevalent. I remember everything. I remember the plain, white and black text on websites. I remember the corny animations that flutter across the webpage, and I remember interactive backgrounds, I remember MySpace and user-capable HTML coding, and I remember when Facebook happened. Everything has been around since my time, and I was the guinea pig. My generation tested everything. Now the web has gone mobile, and I use mobile too. One bubble said 2/3 of smart phone users access the Internet or their e-mail via their mobile device.

It’s so cool to see the evolution of it. It’s changed and matured so quick, in 20 years.

2.) Design Reviver—

The Role of HTML & CSS in Web Design

This little article was sure  a big help in summarizing what HTML & CSS are in the Web Designers world. I’ve never considered myslef an avid HTML coder, but I have had experience with that. CSS on the other hand, is something I’ve never worked with but would be excited to try it out! Like the article said, any web designer’s secret to mastering coding is just jumping in and trying it. Luckily, I have had a bit of my own experimentation with HTML coding.

MySpace was an excellent place for this. I must admit, customizing my myspace was definitley a highlight of MySpace and a strength that it had and still has over Facebook. You could portray yourself any way you wanted otthe world. You could add your own icons, fonts, images, graphics, layouts, etc. What’s funny is, until I took this cours,e I didn’t even realize what I was doing when I would fiddle around on my MySpace page. I didn’t know that what I was doing was HTML. I used to be the coding queen and I didn’t even know it! I made it a personal goal to change an aspect of my MySpace page every week. I was always playing with the coding, but didn’t know it’s the groundwork of creating a website. Who knew!

After figuring this out during a class period, and looking at this website, it definitely gives me a sense of pride and confidence in knowing I could make a decent website if forced to. After lots and lots of trial error, I could probably produce something similar looking to a website. What was itneresting in learning about CSS is that it is not coding that is meant to replace HTML, but stand upon. What I appreciated was looking at a fellow reader’s comment in saying how he would describe CSS to HTML: “It’s like building a house. HTML is the foundation and walls of the house, and CSS is the interior design.” Makes so much sense! CSS is the details inside the HTML that makes it even more capable to customize and create your own within the coding of HTML.

3.) Design Reviver—

The Influence of Print: Incorporating Newspaper & Magazine Layout Design

This cute little article was short in length, but HUGE in important information. One thing that I found interesting right off the bat before even hitting the topic of Typography was the huge influence Print and Magazine Layout Design is becomign the more desired design on the web. Who would’ve thought? One would think that web designers would want to create somethign totally different so online readers don’t compare it or correlate their website to an old newspaper or magazine– but the truth is, that’s what society wants. If you think abotu it, it makes sense though. We are comfortable with what we’re familiar with, and as the article said, the Newspapers and magazines mastered layouts. They knew exactly hwere to place an important photo, key headings, quotes, etc.

This leads into the next interesting thing I found right off the bat and that was that the readers wanted more and more of their websites they read ot have similar print qualities. They wanted tables, borders, images, big headings, small font, quotes, etc. As said before, they wanted it because it’s familiar, and familiar sells. It’s classic marketing. Why make something totally and completely new when you can take a model, tweak it a tiny7 bit, and makes just as much or more money from the mimicked product than the original? Readers wants newspapers, without the paper. They want it online, in their office, in their bedroom, in their kitchen, wherever. They want ot save the trees.

Another interesting that was noted was in the Typography section of the article. Typography is everything. I had no idea. Typography determines if a column online gets read, if it catches the reader’s eye and attention long enough to read. Figuring out how to balance the art of type art and type attraction is a difficult one designers have to be able to juggle. And I had no idea.

Throughout the rest fo the article, it simply exlains the incredible influence print design really does have on web design and how it won’t go away.

I always enjoy reading the comments on this website from fellow readers. they always bring up good points.

4.)All Web Design Resources—

Should You Drop the Drop Down Menus?

What a funny title. It certainly caught my attention, though. Should you drop down the drop down menus? Good question! This short little article discusses the author reading through a home improvement site, and found frustration while looking for a certain topic in a sea of drop down menus and all the different options.

What a nightmare. I know i’ve been there. As the author said, everyone’s experienced a nightmare website that was the pits to try and navigate around. Boy, have I been there. When trying to find a single little question, topic, or issue, the website, instead of makign your life easier in accessing information in fact makes it harder.

The author had some very good things to say on this topic. He encouraged aspiring web designers to not be so stuck on drop downs. I liked how he said that insteado f making accessing information either, it just hides information and makes it much harder to navigate. This is so true. He also encouraged designers to not be afraid of white space, which is something we were instructed in class. White spaces break up the order of the eye and is easy to look at. He suggested to consider dropping the menus and sticking ot white. Images and big fonts are a much better way to navigate and access the information readers are looking for rather than drop downs. A good thing to think of and read about. Ex-nay on the op-down-drays…….

5.) All Web Design Resources—

How to Design Web Accessible Pages for the Colorblind

This caught my attention right away. What a huge issue!!!! I’m so glad I found this article. It discusses the topic of color combinations on a webpage’s design and what effects it can have on the colorblingd or visually impaired. It was so ironic because just as I was asking to myself, “Yeah, but how many people are actually colorblind? There can’t be that many, right?” the next topic the author of the article brought up, was the statistic of how many people are colorblind who visit a site. One out of every twelve. One person out of every twelve people who visit a website are visually impaired someway in the colorblind aspect.

What a crazy thing to think about! and how rude and inconsiderate is it for web pages to not be accustomed to these impairments and help make life for them a little bit easier. This could go for many things! Some of the readers who commented on this blog were colorblind and reported that it’s not just on websites they have a problem. It’s with roadmaps, subway lines, and even when a bathroom is occupied or not, (especially when they just use the color red and green!)

I didn’t know that the confusion between the colors red and green was the most common.

I didn’t know there were so many different kinds of colorblindness!

The author gave a few other reasons why the readers should change their website to being colorblind-friendly:

1. An accessible website is mroe likely to be easier to find on a search engine

2.  In making it colorblind friendly, you allow 3G phones, PDAs, and other devices to access your site

3.  It’s considered to be professional to think of those who are colorblind when making a site

These all make sense. Absolutely! The author then talked about professionals that do this very well, and one who would be a no-brainer that he mentioned was Being a design software company themselves, they better know about this issue! After this, he gives different suggestions on what you as a web designer can do to accustom your site ot the color impaired viewers. Using contrasting colors was a good tip. Another was to use black and white font against opposite colors to ensure the colorblind reader doesn’t miss any important information, since they are able ot identify white and black universally.

All these things wer very important to learn and consider in creating a webpage for everyone. Not just everyone who can see colors. 🙂

Published on April 19, 2011 at 2:50 pm  Leave a Comment  

The URI to TrackBack this entry is:

%d bloggers like this: