In: Categories » Internet » Web design and development » Use of Imagery on Websites from Soula Design
|
This article gives a brief account relating to the use of imagery on websites. It covers some basic do’s and don’ts as well as providing some examples a imagery in action. By referring to this document during website construction we hope you will be able to create a more reliable and cleaner website design. Let’s face, the big ingredient in graphic design is graphics. No matter how you put it pictures are you weapon of choice and they should be the part of your website that makes you stand out from the rest. The problem is this, having great pictures or graphics is not enough, you have to present them well. Without the proper organisation and presentational choice all your hard work will look out of place and insignificant. Background ImageryThe deployment of background imagery can literally make or break a website in the first few seconds of a viewing. As you may expect gaudy or very heavy backgrounds make other points of the site difficult to read or focus on. I recommend you stick to fresh light colours such as white, pastels or ice blues. If you want something to spice up open spaces apply a vague watermark or non-complex texture but don’t let it overpower the placement of navigation or the pages true content. A big mistake is to use a full coloured image with a box in front as this creates an inverse framing effect where the edges of the site appear more interesting than the centre and content. Logos and HeadersLogos and header are an important design element of your page but often for different reasons than people initially think. You want your logo to draw the eye but not to take the attention away from your page the whole time. For this reason I strongly advise you do not use animation unless you are working with an establish brand (Nike or BMI Baby for example). At the end of the day your logo is there to stick in peoples minds not get in their way, just remember that. Try to create something unique and catchy and it is often a good idea to have some strong contrast with your background in there. Gradients and curves can be a good tactic here if your page doesn’t use them elsewhere, if it does then use sharp edges and solid colours to stand out. Headers should be fairly simple and are usually designed to contrast with the logo and the page. I many designs this is done with shades of a colour instead of a completely different colour but 3 colour designs are still popular on the web and if used correctly can look great. Product and Feature ImageryThe most important factor in the use of product imagery is how easy it is for a potential customer/user to see what they are looking for. You may think this statement is a little vague but it is only based on common sense. If you are building an ecommerce site that sells toy trains, the most predominant image on the homepage should be something relating to toy trains or you risk the (very high) chance of a user just clicking off. You should also relate everything else to your product imagery so that it appears integrated, remember your product is unlikely to be as easy to change in appearance as your template so build it to suit first and change it as you need to instead of having a theme that looks metallic and smooth and selling blockly wooden toy trains. We hope this short but informative guide has given you help in website design and analysis, remember the most important thing when designing a website is that you come out at the end with something you would trust and buy from or enjoy looking at, if this is not the case then hire a professional to save yourself the time and effort. Frank Woodford often works with Soula Graphic Design and New Media who are based in Nottingham, England. They operate a worldwide business and have a hearty design portfolio and a list of happy clients.
|
legal disclaimer
1) Our website is not responsible for the information contained by this article as well for any and all copyright infringements by authors and writers. E-articles is a free information resource. If you suspect this article for any copyright infringements, please read the Terms of service and contact us to investigate the problem.
2) The E-articles directory team is not responsible for inaccuracies, falsehoods, or any other types of misinformation this tutorial may contain and will not be liable for any loss or damage suffered by a user through the user's reliance on the information gained here. Please read the Terms of service
Useful tools and features
If you like this article (tutorial), please link to it from your web page using the information above. Linking to this page, this is the only way to help us improve our service, the same time providing your visitors with a way to improve their online experience.
related articles
In today’s marketplace, across all industry segments, businesses are realizing that transformation to e-business is required to remain competitive. Analysts predict that companies not making the necessary changes will be overrun by their competition. As enterprises around the world undergo transformations, they are increasingly leveraging Internet technologies to help: Broaden their markets by extending their reach globally. Enter new business areas through collaborations or expan...
2. Building Shopping Cart Applications
The heart of any Web store is the software that it runs on. However, up until relatively recently, software solutions for e-commerce were largely do-it-yourself affairs, consisting of a number of disparate tools lashed together to fulfill the major tasks of an online store. This situation is changing rapidly. Every day sees the launch of a new software product, each of which claims to be a complete shopping cart. However, close investigation reveals a huge difference in the features that these products offer and the price...
3. The Essential Ingredients Of A Magnetic Website
Yes, believe it or not, there is actually a recipe for creating a website that is magnetic. A website that attracts targeted people far and wide like a super-powerful yet pinpoint-accurate magnet! If you apply each of these ingredients, but badly, you will have failed. If you address a quarter of them with gusto, accuracy and efficiency you will be well on the way to having a magnetic website whose profile just grows and grows. Your Shopping List For Baking A Magnetic Website • Great ...
4. Advantages and Disadvantages of HTTP Authentication
Authentication can be passed in the HTTP headers of incoming requests. This is the same type of authentication that is used when your browser creates a small login window when attempting to access a site. The authentication information is Base 64-encoded, so it does look like it is encrypted when transmitted over the wire, but in reality it is not. This encoding only ensures that all characters are valid to be passed in the header and is not intended to provide any level of security. Advantages: Easily hand...
Client credentials can also be passed along with the regular message payload. This is marginally easier to implement on the client side because adding credentials should be no more difficult than adding another parameter to the request. Remember that even if a secure (SSL) endpoint is used, the URL used for the request is still sent in the clear, so if the credentials are passed on the URL (as is the case with a REST request), they will be visible to any and all intermediaries. Advantages: Easily handled &m...
6. 7 Things You Should Not Use in Web Design to Get a Quality Web Site
If you have any of these on your website or you have built websites for other people that include some of these ‘No-No’s’ then don’t feel too bad. We all make mistakes and it’s only my opinion right? 1. Flash In The Pan Pan being a slang term for toilet – as that’s where it belongs. Okay, maybe not all use of Flash but certainly Flash introduction pages. What a nightmare they are – ever visited a site where you positively revelled in the fact you got to...
7. How To Quickly And Easily Protect Your Adsense Account From Accidental Clicks
Not a day goes by without somebody complaining that they’ve been shutdown by Adsense because of “click fraud”. Scary isn’t it? Your kids or family members accidentally “stumble” on your website as they’re browsing the net (using the home computer)… and proceed to click on YOUR ads. You accidentally click on your ads yourself while you’re “checking” your site in your browser. Now, I’m sure that some people have accidentally ...
8. What Should I Do For a Successful Business Website
There are just four cornerstone foundations you need to perfect to make your website a success. These foundations need to be central to your way of thinking about your website from now on. Whenever you make a single change to your website, whenever you have an idea about your website, whenever you think about your website in any way you need to think about the four cornerstone foundations – so here they are… Volumes The volume of people you attract to your website is crucial to your websit...
9. The 7 Deadly Sins Of Web Design
Sin 1 - Starfield backgrounds You know the sort – zillions of tiny white pixels glinting back at you from behind the text. Beautiful. Not! In a galaxy far, far away, in a time long, long ago people thought this was cool. It’s not. It sucks and people who use it should be shot. Sin 2 - Anything that moves. Okay, that’s maybe a little bit harsh – let me zero in on something more specific - animated cursors. I know 12 year-old kids that think they’re crap. Wise up an...
10. General advantages and disadvantages of HTML vs XML and XHTML
There are three markup languages. These include Hypertext Markup Language (HTML), Extensible Markup Language (XML), and the combination of the two, Extensible Hypertext Markup Language, (XHTML). HTML HTML is the primary format used on the World Wide Web. HTML can display Web pages with a wide range of colors, shapes, and objects. Although not a true programming language, HTML has increased in power over the years. HTML is actually a loosely defined subset of XML. However, whereas XML is a strict languag...