8 Basic Steps To Web Design

Free Subscription. Get regular Lessons and Tips on Entrepreneurship, Technology and Usability Design. Plus a FREE Quick Money Making Tip. Enter your email address:

“Web Design is more than just fonts and graphics” - Our creative director and resident tech geek, Rico Sta. Cruz, posted this on twitter.

Despite being so young, he has already gained the respect of colleagues and fellow designers (but they won’t admit it to his face) for his creative capabilities. We once joked around that this guy probably sleeps while awake or takes hallucinogens for him to be so good at what he does.

Well we discovered that apparently there is some actual thought process in it.

Here’s his 8 step tutorial on web design:

Step 1 - Get some text.
step1-design.jpg

Step 2 - Add Hierarchy and levels.

step2-design.jpg
step2a-design.jpg

Step 3 - Add Fonts

step3-design.jpg

Step 4 - Put everything on a grid.

step4-design.jpg

Step 5 - Put some visual structure.

step-5-design.jpg

Step 6 - Add Color, Shading, Gradients and Highlights.

step6-design.jpg

Step 7 - Add Images and Illustration.

step7-design.jpg

Step 8 - Put the finishing touches.

step8-design.jpg

Me, the designer-wannabe will now commit this all to memory and start practicing this holy week vacation. I might actually make something creative.


Liked my posts? Subscribe! Enter your email address:

One Response to 𔄠 Basic Steps To Web Design”

  1. [...] it out here: 8 basic steps to web design (jozzua.com) [...]

Leave a Reply

You can use these XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>