Mobile app version of vmapp.org
Login or Join
Phylliss782

: Having problems with photos appearance I am having some trouble designing the following web page. I somehow do not like the way the big photos are presented in the project. Can anyone suggest

@Phylliss782

Posted in: #WebsiteDesign

I am having some trouble designing the following web page. I somehow do not like the way the big photos are presented in the project. Can anyone suggest an idea how to improve the general look of this images block..? Would be great.

I guess, this question can be answered, not just discussed, for example by giving some inspiration projects or giving specific design hints.

The 2nd image is smaller because it was cropped for the screenshot.
I like big images which are place this way. Sliders are boring. Look e.g. here: www.spotify.com, they have also big pictures and it looks great.

It is not easy to say, what I exactly don't like. It is the general look. Maybe because the pictures are not so good and professional and I am looking for a better way to present them.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Phylliss782

1 Comments

Sorted by latest first Latest Oldest Best

 

@Alves566

Based on your edit there's a few things I could suggestion:

1.
Enlarge the second image slightly so the computer display goes to the edge. The gray of the monitor blends in with your background causing the alignment to look sloppy. This is the area I'm referring to:



2. The font on the image captions is a handwritten font which doesn't match the menu or logo at all. You should probably use a more modern sans-serif font to stay consistent in the overall feel.

3. There needs to be negative space to allow viewers to focus on a single image at any given time. Whether you do this by adding text between, or design elements between, or interface elements.

The Spotify example works because in between each large element there's substance. The exact style Spotify is using is referred to as Parallax Scrolling. We've had a few questions on here about it -

Search: Parallax on GraphicDesign.StackExchange.

A search engine can find plenty more examples and tutorials that will help you, here's one nice tutorial site to get you started:

Tutsplus: A Simple Parallax Scrolling Technique

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme