Here you have a choice of images for a sushi bar website.
If I were to ask you which one you would use, what would you say?
Which image, or images, do you like best, and why?
Did you make a decision which you felt confident in, or are you you feeling indecisive?
There is no right or wrong answer, but feeling indecisive is probably the right answer from a design perspective because the question was out of context.
To put the question into context you need to know:
Although a very simple exercise, choosing images emphasises the importance of having a Brand Board and Wireframe in place when working with assets like images and text.
You may be wondering why I'm talking about the importance of text when the article is about images. The answer to that is simple. The art of good website design is to have the right balance between the text and images on a page.
Designers take into consideration a number of factors when choosing the type of images to use and how those images work together on the page.
Images cut out from their background, or photographed on a plain white background, are known as isolated images. Commonly used for products on ECommerce sites, they can also be used creatively in web design.
Photos of isolated images may have their white background removed and the image saved in a format which supports transparency, normally .png format. If this is not done very carefully, there may be fringing around the edge of the isolated object which does not look good against a dark background.
When created as, or from, original vector graphics, the edges are clean and can safely be used against darker backgrounds.
Transparent images can break up the linear flow of a web page by setting them to overlap two otherwise linear sections or set into text in a way which allows the text to flow around the organic shape of the image.
Images with copyspace allow them to be used as a background image where the content is layed out in such a way that the text appears over the blank copy space.
To look good in all device widths can involve a few challenges but it is a useful way of displaying short pieces of text.
Do you want your copy above, below, to the right or to the left?
You will need to change the font colour if you use a dark background like this one.
Keep it short and make sure it looks good in all screen widths.
This has a min-height of 400px so the whole image shows.
