13

Web Design Principles: Becoming A Good Web Designer

Ditulis tanggal 7 February 2015 didalam kategori in English, Web Design dengan tag jakarta, web design, Website oleh Bambang Sugiarto

Many webmasters wish they could design great looking web sites, but simply can’t. They’ve given it a few attempts, but either due to lack of application knowledge (with apps like photoshop), or lack of “artistic talent”, they give up. And that’s fine, because it keeps the market for design healthy! ;) But no, it really doesn’t have to be like that. If you’re an aspiring designer, there are a few key principles that I want to outline first. They are what helped me through my path to becoming a good web designer, and they should help you too if you follow them.

It’s not the 90’s anymore in web design

When the early pioneers of the internet age began designing websites in the 90’s, they became fixated on the filters offered by programs like Photoshop. Lens flares, bevels, drop shadows, glows, were used to their fullest extent. You need to avoid abusing these filters, or I should say, you need to avoid misusing these filters. There are instances in which these filters can be a great benefit, but you have to know how to use them properly and not just slap them on anything and everything.

Usability, Not clutter in your Web Design

Usability is all about making the visitor’s experience a good one on your web site. Things should be easy to read, easy to access and most importantly, easy to understand about your website. When a visitor visits your web site, they should know exactly what your web site is about within the first couple seconds. This is obviously where design, and layout come into play. You need to avoid cluttering your web site in the physical sense. I’m not talking about having “too much content”, but rather how you choose to display that content. Things should be laid out with spacing and margins.

Text Do’s and Dont’s in Web Design

One of the really big fads that was prevalent in the early part of this decade web design, was the use of small fonts. I was one of those idiots because I thought it “looked” cool. But for all practical purposes, I always scorn people for using size 10px or less for fonts. Never go below 11px font – and even 11px should only be used sparingly. Size 14px (which is what this is) seems most ideal for paragraph’s of text. You can get away with 12px of course, but as screen resolutions are increasing, 12px suddenly becomes smaller.Line-height is very important in web design. Line-height is the spacing between each line of text in your paragraphs. Standard line-height I find is a tad bit too thin, and I like to expand it a little more. It makes it easier for people to read.

Colors and Contrast in Web Design

The color theme of a web site is obviously important in web design process. A lot of aspiring designers have a tenancy to use too many colors, simply because they’re there. But I like using no more than 2 primary colors and a third “secondary” color that I will use sparingly throughout the web design. A simple color theme is easier on the eyes, easier to “comprehend” and overall just looks better. Of course there are exceptions to this, but 9 times out of 10, it’s always better to keep the color theme simple.The color theme also needs to connect with the visitors and the purpose of the web site. For example, I wouldn’t use blue and florescent green/yellow for a web site about health – it simply doesn’t make sense and I think that’s a given. :)

Contrast in web design is hugely important. It’s very important that your content and navigation are correctly contrasted. The foreground text needs to either be very dark, or very light in comparison with the background color. I see a lot of web sites where the text will be a light gray and the background is white – err! That’s very annoying and hard to read.

Web Design around the purpose of the website

A lot of designers, those experienced and not, always use the same “formula” for layout and web design elements. To really make an impressive and effective web site, you need to fully understand what the purpose of the website is, and what the goals are. Whether the website is based around selling memberships, or just general ad-based content – the design should cater most effectively to the purpose.

Learn web design by example

A common mistake for the aspiring designer is thinking they should be able to open up photoshop, and design a great looking web site on their first try. Nope, doesn’t happen like that. You wouldn’t pick up a guitar and start writing music without first learning a few songs right? Right, and it should be no different for web design. I recommend that beginners simply try to recreate existing designs that they think look good. If you do this a few times, it will (1) help you learn the application, (2) help you become a good and better web designer. You subconsciously learn when you recreate an existing design. You automatically pick up design sense when you do this, and it really helps and goes a long way when it comes down to designing your own websites.

I could probably go on a little bit, which I will cover in future articles but I’m probably boring most of you by now :) So let us get started with the actual web design portion of the tutorial in future articles soon.

Berpengalaman lebih dari 11 tahun dalam bidang IT serta terlibat dalam beberapa training dan proyek IT di beberapa perusahaan, institusi pendidikan, dan institusi pemerintahan, seperti: Indofarma Tbk, Telkom Divre I Medan, Rumah Sakit Haji Pondok Gede Jakarta, TRAC (Toyota Astra Rent A Car) Jakarta, DEKOPIN (Dewan Koperasi Indonesia), SETWAPRES (Sekretariat Wakil Presiden) Republik Indonesia, IBM ASMI, dan masih banyak lagi.

Bambang Sugiarto Lihat semua catatan Bambang Sugiarto
Website Bambang | Twitter | Facebook | LinkedIn

Related Articles

13 Komentar sejauh ini.

  1. Web design Singapore says:

    Great thinking about globalization issue . I appreciate with your blog fully,so give inform me when you have update your blog. Thanks

  2. Web design Singapore says:

    Really super blog to readers,everyone can motivate from this blog. Good going, give some more pictures in future.

  3. online shopping says:

    Interesting post and an enjoyable read, he hit on the google while doing some research on this topic. I look forward to reading some more posts from you.

  4. T Shirt Template says:

    Keep posting stuff like this i really like it.

  5. Singapore web designer says:

    Fans tactically manage every points in this blog,I like this blog very much full of information with good topic.

  6. Target Photo says:

    I think it would be FABULOUS!

  7. Samsung Soul says:

    Thank you. This works like a dream!

  8. Bucknell University says:

    Excellent article and easy to understand explanation. How do I go about getting permission to post part of the article in my upcoming news letter? Giving proper credit to you the author and link to the site would not be a problem.

  9. Braun rasierer says:

    One of the best present I could imagine Thanks a lot

  10. opthamologist says:

    This is such a great resource that you are providing and you give it away for free. I enjoy seeing websites that understand the value of providing a prime resource for free. I truly loved reading your post. Thanks!

  11. Christmas Songs Lyrics says:

    Valuable information and excellent design you got here! I would like to thank you for sharing your thoughts and time into the stuff you post!! Thumbs up!

  12. Sylvitans says:

    Hello ! I’m new on this forum, hope to talk to you soon :)
    I love carsn seotons and tuning, and you ?

  13. provides access says:

    Considerably, the blog post is actually the greatest on this worthy topic. I concur with your decisions and will thirstily look forward to see your approaching updates. Saying thanks will not just be adequate, for the phenomenal lucidity in your writing. I will at once grab your feeds to stay informed of any updates. Delightful work and much success in your business endeavors! Have a nice day