Design for print and the web.

Many people might think that it's easy to convert a print brochure to a website and vica versa, but it's not that easy at all. Things to take into consideration would be the following:

Resolution of artwork

Print resolution is generally higher than web (72dpi) and therefore images will appear much larger in 72dpi (screen) resolution. You have to ensure that you adhere to general browser restrictions.

Fonts

Many nice design fonts won't work on your website except if you keep them as images. This has pros and cons. The pros are that you'll have nice looking fonts, but the cons are that search engines can't read the text and you'll be shooting yourself in the foot. It's also much harder to update images than simple HTML text.

With general HTML fonts you're limited to only a number of fonts. The reason for this is because you want to be using fonts that most users have on their computers (whether Mac or PC).

Scales

A simple brochure might not be designed to the same scale requirements to fit as a website. A lot of cropping might render the artwork useless for use on the web, so make sure you have a designer that's up to the job of taking the concept and applying it on a website design.

It's never as simple as it might seem

It's important to remember that it's never as simple as it seems to take a print concept to web, so always keep in mind that converting a print design to a website might require some advanced skills!

Web Design Tips - Useful Tips for Effective Web Design

Listed below are some useful and rather important tips for designing a professional and high quality web site: Neat and Easy Navigation: Navigation of links on your site plays a big role in determining the stickiness of your site (how long your visitor stays and explores your site). Ask yourself this, What do visitors do as soon as they open your site? They would probably read the content of the present page and then look around to find any other page that interests them.

Clean Layout Design: A clean layout that uses a lot of white space enhances a site's looks. Try to keep the focus on your content, use a template for this. Use fonts that will be available on all computers to prevent your site looking messed up. Optimum Load Time: Make sure your load time is low. For this you must: Minimize Graphics, Flash and scripts: They hugely increase your file size. Optimize your HTML & script code: Make sure that your site doesn't have any unwanted tags or unused scripts. Use Server Side Include (SSI) files where ever possible. SSI files once called from the web server reside in its cache so on subsequent requests they load faster. Design for all Screen Resolutions: A site that is easy-to-use always encourages visitors to stay and read your content. For site with long pages of content this is very crucial as the amount of scrolling required is reduced. Suppose your site doesn't look good for a particular resolution it is very probable that the visitor will close the browser window feeling that the web page is not for their viewing. Designing stretch layouts that fit any screen resolution ensures that you know all your visitors see a visually appealing and professional site. Ensure Web site scalability: Make sure your code and design is scalable. As technology advances and configuration of computers & their monitors keep increasing and varying it is impossible to test your site in all screen sizes and platforms. Cross Browser Compatible: Make sure you check your site for Internet Explorer 5+, Mozilla Firefox 1.0, Opera 7.0 and Netscape Navigator 6+ as they constitute 95% of the worlds browsers.