|
|
|
Effervescent has picked up the best website design resources as a ready reckoner and a useful guide to aspiring and experienced website designers located globally or in India. You are also requested to to take initiative contribute to this category. The main aim of this category is to provide the platform which can provide all the vital information in one section, without having to find relevant information on several websites.
If you go to google.com and search for “website tutorial”, “website design tutorial”, “how to design a website”, chances are you won’t be able to find a result that will take you from the beginning of the design process, to the end of the html process. And that is exactly what we intend to do in this elaborate website design resources section and that too for free! Also check out our new article on how to make a website which will be published shortly.
Not only are we going to cover every step in detail, but also provide the reasoning and principles behind the decisions We make. Other design tutorials out there only focus on the instruction aspect, but to truly become a better designer you have to understand the principles and concepts that go into effective website design. All of these principles will help you understand how to make a website.
We intend to give back to the design and development community hence this section was started with these details. We know how difficult it is when you really want to design a great looking site, but simply have no idea where to start because of the huge lack of quality tutorials.
To contribute to this category pease send email to support@effervescent.in
Let us grow this category and make it more and more informative with each passing day. |
| |
|
|
|
| |
|
|
| |
| Many webmasters wish they could design great looking 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 designer, and they should help you too if you follow them. |
| |
 |
| 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 is all about making the visitor’s experience a good one on your site. Things should be easy to read, easy to access and most importantly, easy to understand. When a visitor visits your site, they should know exactly what your site is about within the first couple seconds. This is obviously where design, and layout come into play. You need to avoid cluttering your 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. |
| |
|
|
One of the really big fads that was prevalent in the early part of this decade, 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. 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. |
|
|
|
One of the really big fads that was prevalent in the early part of this decade, 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. 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. |
|
|
|
A lot of designers, those experienced and not, always use the same “formula” for layout and design elements. To really make an impressive and effective site, you need to fully understand what the purpose of the site is, and what the goals are. Whether the site is based around selling memberships, or just general ad-based content - the design should cater most effectively to the purpose. And that’s what I will be demonstrating in the tutorial proceeding this page. |
|
|
A common mistake for the aspiring designer is thinking they should be able to open up photoshop, and design a great looking 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 better 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 sites. |
| |
|
|
|
| |
|
|
|
Website Design Forums |
 Read More |
| |
|
Website Design Tutorials |
Read More |
| |
|
Website Design Blogs |
Read More |
| |
|
Website Design Articles |
Read More |
| |
|
Website Design Success Stories |
Read More |
| |
|
Website Design Case Studies |
Read More |
| |
|
Website Design Whitepapers |
Read More |
| |
|
Web site Design tools |
Read More |
| |
|
Web Design Color Combinations |
Read More |
| |
|
Website Design top 10 mistakes |
Read More |
| |
|
|
|
Website Design - Community Resources 
