Web Designing Tips in Creating a Website

If you want to be successful in web designing, you should consider certain techniques so that you will be more effective in this kind of job. Here are the tips that you can implement to be successful in web designing.

Tip 1 – Choose a color scheme

You should choose a color that will meet the demands of the customer. In this way, they will be satisfied. An example of a good color is the main color of the client’s company. It is best to stick with the color. Meaning, in every page one color should be used so as not to confuse the client.

Tip 2 – Provide an easy navigation

Make sure that online visitors can be given easy access to the navigation system of the site. The most common place where you can place the navigation system is on top of the page. In this way, visitors can easily click the homepage button.

Tip 3 – Utilize templates

Templates are a great tool in web designing. The site will not look messed up if you use template that enhances the website’s appearance. If ever you do not have you own templates, you can search the internet that can provide you one.

Tip 4 – Optimize you site’s load time

This means that you should minimize the site’s graphics because it gets a huge amount of space and it will slow the load time of your site, HTML scripts should also be optimized so that any unwanted scripts or tags are deleted.

Tip 5 – Avoid too many effects

Although putting a special effect or animated graphics on your site is a great idea, it is best to make it simple and yet captivating. Make sure that the graphics that you insert is “friendly” enough for the visitor. Meaning, there are no violent features included.

Tip 6 – Adjust screen resolution

It is also a good idea not to make your screen page too wide. Make sure that the site is visually appealing and the resolution is just right for the visitors to see.

Tip 7 – Use simple backgrounds

Remember not to use too much contracting colors on your background. Sometimes the texts aren’t readable because of the intense color background of the page. It is not pleasing to the eye so make it lighter and more readable.

Tip 8 – Lessen clicks

Online visitors can get easily annoyed when there are too much clicks that needed just to get the information. The best way is to minimize the clicks and directly link it to the information needed by the customer.

Tip 9 – Avoid too many pop ups

Online customers can be easily annoyed and irritated when they see too many pop ups. It is best to minimize or don’t use pop ups so as not to make the customer click away on the site.

Tip 10 – Be accessible

The page you are web designing should be accessible. In this way, online customers will be enticed to stay longer on the site and read more information.

Facebooktwittergoogle_plusredditpinterestlinkedintumblrmail

5 Web Design Tips to Save Time

There are many ways to shorten this time, but how can you ensure that the quality of the design doesn’t suffer while cutting back on time? Here are 5 web design tips to save time while keeping quality up.

  1. Use website templates.This is one method to save time that is seen used often by web designers. There are templates of various types available online, some free, some that cost. This is a plug and play method of design, where you only have to fill the different elements in the template with the content, and can save substantial time. The downside to this is that while it saves a lot of time, a web site template is not as customized as other designs may be. To keep a more customized approach while still using templates, it’s recommended you have multiple templates to use and choose from so that the sites you create have different options on how they may appear.
  2. Include header/footer file for each page.This can be done in different ways – in PHP, you can create a unique header and footer file, then include these on every page. If you use Dreamweaver, you can use a nested template to include headers and footers into your main template. For raw HTML, you can use server side includes or use JavaScript to fake a client side include. By using these includes, you can save a lot of time by only needing to edit one file when you want to change the header on every page, as opposed to making an edit on every single page. And these types of includes don’t need to be limited to headers and footers, but can be used for any part of your site that appears on multiple pages.
  3. Make a code library.If you make multiple web sites, then you’ll often want to use some of the code in several different projects. By putting the different chunks of code you use into a library of sorts you can then access these elements from the library quickly. It can then often be just a cut-and-paste to get useful parts needed for your sites in place, and will save a lot of time. This is like using a template (and you could include your own templates in your library), but can also be used to store different types of code, like common JavaScript code that you use often, or a specific structure within the site code that you like to use occasionally.
  4. Use a web server.By installing a web server locally, you can test code that requires a server (like PHP and SQL code) without needing to put it on the web. Making code changes and being able to test immediately saves a huge amount of time that is normally spent on the process of saving, uploading, then testing for your new web design projects.
  5. Find helpful tools.Every web designer has different needs and uses different tools, but it’s worthwhile to explore the possibilities for tools that can help your productivity. These may be tools like a Firefox extension (like the web developer toolbar), a specific type of graphics editor, or even a web design expert you can regularly ask questions to on a forum (gurus can often be some of the best resources). If you can locate the types of tools and resources that would most help you with your design process, this can save untold amounts of time.
Facebooktwittergoogle_plusredditpinterestlinkedintumblrmail

Web Design Tips and Guidelines

Below are some of the important web design tips and guidelines which i think are necessary for every web design.

1.Layout

In web design first step is to choose the layout which best suites your needs. Layout is basically the placement of your content, images and information in your web page. Normally layout is designed in Adobe Photoshop or any other graphic tool. Please consider these few things while designing layouts.

  • Width and height of design screen (What resolution to design?)
  • Height of header and footer content
  • Where to place the content so it can be useful or readable
  • Keep white spaces (gaps) within your text content and images
  • Keep it simple and clean, don’t make too much information stuck on just one page
  • You can also draw the layout on simple paper by your hand

2.Color Scheme

Second step in web design is to choose the right color scheme. Your color scheme may be comprised of two or three colors. But don’t use more than 3 colors, it will be difficult to control more than 3 colors. There are some websites where you can pick up the color schemes like kuler.com or you can also find amazing color schemes @ colorlovers.com. Now we will see some tips on color choices.

  • Choose at least 2 colors or 3 colors, like black, dark brown and dull green.
  • Keep your text in a readable color like white text on dark brown background.
  • Keep your links a little bit more sharp in colors than your text
  • Keep the balance in colors like light colors on dark backgrounds
  • Dont make a fruity effect by using too many colors in one place
  • Try to use Web 2.0 sleek and clean color schemes

3.Content Positioning (Balancing)

Third step is to position and maintain your contents so that the user feels like all the pages of the site and in balance. It is very crucial step in web design. You also have to keep in mind to view your web pages in multiple major browsers. Okay now here are some listed tips.

  • Keep the distances same on each page like distance from header of the content must be same on all pages
  • Left and right margins and positions should also be same on all pages
  • Keep a balance in positioning so nothing looks odd on the web page
  • These days giving some space or white space is a fashion in web design

4.Optimization

First three steps were purely design based; now when you have built your page a bit, you must not overlook the page size and how it is going to load in the browser. Web page optimization means a very broad term. It may also include Search engine friendly coding. In the list below i will also list some websites/links so you can check your web page performance.

  • Keep the usage of images at minimum, loading time will suffer due to heavy images
  • Minimize the usage of too many scripts and Flash content
  • Use CSS and div based layout and eliminate any unnecessary code from CSS and HTML
  • Words in the title of page and headings and your meta tags all counts to Search Engine optimization
  • Don’t miss to check your web page in different browsers, cross browser compatibility is a must
Facebooktwittergoogle_plusredditpinterestlinkedintumblrmail