Graphic Design Can Make Or Break Your Web Site
|
|
We all want high impact graphics for our Web sites - Right.
Sometimes it is easy just to pick a template that comes included with a site builder and or hosting package.
There are also thousands of Free templates that you can download from the Internet.
But for those of us who want full control of our design and graphics, it is first a matter of sitting down and choosing your site design and color scheme.
Your site theme, design or layout will play a major part in the size and number of graphics you will use on your site. Somewhere along the process you will have to decide on how many and the quality of your graphic images.
Images used on websites are usually Gif and jpg or sometimes png and the odd bitmap image. Gif and Jpg images can be adjusted in quality and size to be a smaller file size to strike a balance between quick loading and image quality.
You may have an awesome graphic but if it takes 2 minutes to load on your page, you will notice by checking your Web site stats you will notice a difference between the number of page requests and pages viewed.
As the purpose of your Web site is to attract visitors and for them to make a positive decision either to request more info, join your Newsletter or to make a purchase, every lost visitor is a lost potential customer.
The header at the top image on a page often includes a logo or the name of the company or website. This is usually the largest image on a page. So if it is the full width of the page of 760 pixels wide, and depending on the height it may be worth considering cutting it into two pieces.
There are two reasons for dividing an image into smaller pieces, firstly having your image load faster as two separate pieces and secondly as many browsers load 5 images at one time, your header should load faster.
There are also webmasters who prefer all images to preload before displaying the complete page and some sites have two images for the one button, the image you see on first viewing the page and the image you see when you hover the mouse, cursor over or click on the button. Often with buttons that use two images these will be set to preload with the page so that they are loaded or stored ready for when you click the button.
Note that different browsers may load pages in a different order. as a webmaster it is good practice to check your page in Netscape, Internet Explorer, Mozilla Firefox and the Browser that Google is possibly going to introduce soon.
Your site layout may differ in appearance in the different browsers and some of the latest http versions and scripts will possibly not work in older versions on certain Browsers.
There is a balance to make your page quick to load and to be pleasant to the eye.
Many sites are using a very small image as a background image, for example if you are placing your buttons across the page you can create an image that looks like a raised bar but only one pixel wide. As an image of say 25 by 1 pixel it will load very fast as a background, once the browser loads this image one time, it then multiplies the image across the page.
Many sites use this background approach for their header, side bars and or their buttons and insert the logo as a normal image and the buttons are added as text links over the top of the background image.
Backgrounds are generally a small image that when loaded by your browser sits at the top left of the web page and multiplies itself across and down the page. A background image can be as small as 2 or 3 pixels square and up to full screen size.
The simplest are the thin lines usually of two colors. The more complex may include a water mark of the company logo.
TIP, The fewer colors or shades used in any image either as a background, header of banner the faster it will load.
Here is a list of images that form the first impression of anyone who visits your Web site. Make that first impression count.
- Header
- Logo
- Buttons - bar
- Side panels
- Bottom bar
- Background image
- Product images
- Banners
These images can be for decoration or they can tell a story. The old saying is still true in that a picture can tell a story that would normally take a thousand words to express.
Create an overall color scheme for your site, one that uses contrasting colors where text is used and a theme where images are used.
With Web site templates you can easily change image color and add text in many basic graphic editing programs, but to create your own images you may require a more professional program.
Adobe GoLive Web site editor and Adobe Photo Shop allow you to build your site and edit images. There is an Adobe package that includes other Adobe products, a very good package.
Macromedia also have a Web site and image editing package in Dreamweaver and Fireworks.
But there are many free Web site and image editing software available. I find that when editing images I use Adobe Photoshop and Fireworks for adding and embossing text.
Different software give different results. I use a Sony camera, when I compared the software supplied by Sony and Adobe I found that a photo downloaded to the Sony image editing software where an area of a photo 3 pixels wide was displayed in Adobe Photoshop it appeared at 7 pixels wide. I don't have any idea why this is but I now edit all my photos in Photoshop.
Here is a Template Directory listing free site templates, buttons, backgrounds, 3D text creator, clip art and scripts.
http://www.itsyournet.co.nz/free-web-templates.html
If you are using a template or image downloaded from the Internet check to see if there is a copy right or if the template or image is supplied for personal use only, i.e. not for commercial use as a business Web site.
When considering creating a Web site you also need to give some thought to the hosting. If your site is a graphics intensesite and people are going to download lots of images you need to consider the hosting package as there are so many different sizes and band width packages supplied.
Your finished Web site must be appealing to your target market. If you are marketing products or services to Businesses your site should reflect a business atmosphere, as opposed to a gardening site where you can display images of garden gnomes, bags of fertilizer and flowers.
Remember every Pixel counts when editing quality images. But the opposite is true for quick loading Web sites.
May your week be a highly graphical one.
PETER GREEN.
Editor of ~ The INDEX ~ ezine.
Editor@Internet-income-index.com
http://www.Internet-Income-Index.com
Your Free Weekly Internet Marketing News, Ideas, Resources and Sources Ezine.
|
|
|
Created & Maintained by Empower! CMS Web Sites
Host2Sell Web Hosting | Emarketing Workshops | Site SEO Review | FREE NewsletterWhy Stock Photography Is A Great Resource For Web Business
A picture is worth a thousand words.And it still is today. With the media changing everyday photography has changed along with it and as a result is still a valuable resource for web business.
Hexadecimal Color Notation On The Web
When designing elements for your webpage, you will often be called upon to specify a color. For example, the code for a span shown below specifies that the color of the text within the span will be yellow.TextColors can be specified according to their names, for example "yellow", "green", or "blue". In many cases, these simple color names will work. But what if you want to specify a more sophisticated color like "cornflowerblue"? A particular browser may not recognize a particular color name. It's more rel...(related: Web Design)
How To Write An Effective Faq Page
Websites that have multiple pages usually have a Frequently Asked Questions (FAQ) page. There are several good reasons why you should have one.
Web Crimes: How To Avoid Common Website Design Mistakes
Thinking about designing your own website? Think again about adding any of these "features"?1. Animated gifs. You know the ones: the dancing baby, the rotating email sign. No matter what you chose, nothing screams out "amateur" quite like an animated gif. Next!2. Mouse trails. Those little pictures, or strings of letters that "follow" your mouse everywhere it goes. In my case, they follow my mous...(related: Web Design)
Web Site Design Mistakes
Some wise human once said "Learn from the mistakes of others. There isn't nearly enough time to make them all yourself." Hence this article. Here are five of the most annoying and common web design mistakes.1. Slow download time - Don't be that site that is filled with the coolest gizmos in the world. You know, animation, music and other "cool" things. Why? Because nobody is going to go to it because it takes too long to download. A nice clean site that downloads quickly will get you much further than a site with all the fixings that takes forever to download.2. Unreadable text - If a user has to struggle to read the text on your web site, chances are they won't. Here are some common readability issues:A. Low contrast text and background - Don't u...(related: Web Design)
Website Design: 10 Web Site Design Pitfalls To Avoid
If you've a website that is not generating a lotof sales, it may be due to some design flaws.Below are website design flaws you shouldcorrect now, to empower your website:1. Do...(related: Web Design)
Web Marketing: Design Mistakes That Drive Customers Away In Droves
They may look cutting edge, but if you want a web site that contributes to your bottom line here are some design ideas you will want to avoid:· Opening with Flash. If your site opens with a movie that your prospect is forced to sit through, no matter how shor...(related: Web Design)
Is A Picture Really Worth A Thousand Words?
The great debate: how much copy you should have on your site, particularly on the home page?Do you subscribe to the idea that a picture is worth a thousand words--and therefore images, not a lot of text, should be the main thrust of your home page? Or do words have more power to capture a visitor's attention and compel them to buy--meaning you should aim for powerful copy?As a graphic designer, my natural inclination is to create graphically-rich, light text websites. Since I'm focused on what a site looks like visually, I like using impressive images, bold splashes of color all over the page, and not very much copy. The en...(related: Web Design)
Tips For An Effective Website
A successful website is something that everyone venturing into the new arena of Internet marketing and communications wants to have. Your website will often be a potential client's first impression of you and your business. That being said, it is vitally important that your website represent you in a favorable manner. Your website is a component of your overall marketing strategy and should be reflective of your business and current marketing presentation. Just as your bro...(related: Web Design)
Let Your Website Make You $$$ While You Sleep! And All That Other B.s.!
Well, you've got your product, started your home business, and even have your website up on the internet. Only one problem, where is that money you were supposed to be making? Nothing! No one is knocking down your door to buy your product! Well, here is the real world answer. Just because you have a website up doesn't mean much if people can't find you among the masses of sites out there. And you thought you were done:) Now, the real work starts..... Need marketing strategies......Some easy and free online marketing marketing tips:1. Look for relevant sites, and ask for reciprocal links. Most will be happy to link with you if your site is not an affiliate, mlm, and has some quality their customers would like.2. Do a search for free areas to post cla...(related: Web Design)
Your Graphics- Are They Really Working For You?
(Making Your Graphics Work For You)It's no secret that a picture is worth a thousand words or that people really do judge a book by its cover. Effectively using graphic headers, e-covers and background graphics can send your profits soaring. Amateur looking graphics are worse than no graphics at all.The graphics you use on your website should intensify the screen's message. Correctly used graphics will activate the prospects emotions into a buying mode. This can be effectively accomplished by incorporating a few simple marketing strategies into your graphic designs.For example, when choosing the color of your graphics don't simply choose your favorite color. Identify your niche market and target the color scheme of your graphics to that market. Let's use a gardening site as an example. You wouldn't want...(related: Web Design)
How To Use Unsafe Web Colors With Minimum And Safety And Maximum And Profit
Do you want to use unsafe web colors without offending anyone? You can and you can do it by using JavaScript. It will determine which style tag the user uses by looking at whether it can use unsafe colors. This can get quite complicated for a large web site. You can save these as external Javscript files and use them in a common template. You can even use them in combination with cookies to determine whether they can have unsafe web banner advertising.I have heard about this problem for years but there seems to be no easy solution. Then I started experimenting with JavaScript and found that not only does it work, but it can be easily accomodated in yesterday's browsers with a minimum of fuss.The Javascript code starts like this....(related: Web Design)
site-map - Copyright © 2006 Empower! Web Design | All Rights Reserved. | Web Design