Rethinking Ways To Integrate Text And Images In Website Layout

Posted on October 24, 2012 by

Everyone knows; good web design centers on good content. But, good content needs good web design to stand out and survive among so many choices out there. In fact, many successful websites are based on content-driven web design. It’s easy for Web designers to get stuck in a text and image rut. It may happen because we consciously separate text and image. It appears; we should prepare a Web design project with text in mind and write copy with images in mind. We should think about how text and image will work together when planning a project.

The primary reason you can get users pay attention to a Web design project is content. Treat content like gold, because it will keep visitors in your site. Your visuals should correspond to content and your users should notice clear visual associations. Don’t use photos of osprey on a website dedicated to bald eagle conservation. People will easily notice disassociation. In the planning process, take the time to think about content and how you use visuals to represent it. Whenever possible, you should show instead of tell. Too often we see a website that tries to explain everything with words. Instead, without compromising quick loading time, you should try to arrange a series of images that can explain a concept clearly. If you don’t have visuals, snap a picture or simply create one.

Perform research
Research online when you get stumped. Perusing images that are related to your main keywords is not a waste of time. Search through the options of Google Image and Flickr. Although you shouldn’t blatantly steal others’ images, it’s perfectly acceptable to use them for idea generation. Think about how text and image intersect in your design and go from there. File your ideas, because you’re likely to stumble on visually-inspiring objects that don’t match with your current works. Proper visual brainstorming sessions can also help you come up with many interesting ideas.

Ask others’ opinions
Talk to others when you experience copy woes, although you’ve property visuals nailed down. Print images you plan to use; don’t include any text and ask friends, family members and coworkers. Write down all words they say and use them as starting points. This simple exercise should give you a clearer idea of what your visuals really represent to users. You may need to rethink your imagery if you receive many jarring responses that aren’t on par with your original goals.

Don’t be predictable
You simply need to pair text and images in a surprising way, which borders on totally unexpected.

Know when to quit
It can be difficult for your audience to follow loose text-image association. Many Web designers struggle to find visuals that work with their copy. If this happens, it might be better to go without any visual. Without images you can still convey a balanced and purposeful message. Mixing oddball text and image won’t help you achieve intended goals and could badly confuse your audience. Any experienced blogger know that they need to constantly look for ways to come up with proper text and image pair. They always create outlines of what they plan to write. From there, they think about proper phases and hire they could represent everything with images should correspond on their own and you should use proper examples. Choose images that show what you are trying to describe.

By thinking about text and image concurrently, you can often get the best overall result. Sometimes this is achievable only after you willingly sneak out of your comfort zone. When writing copy you should also consider about images that will pair perfectly with it. When developing logos, background and images, consider about text that you’ll feature alongside them. By pairing two thought processes, you’ll find that Web design project comes together far easier.

Author :

  • Editor